update project api and page, set pagination in blog and create content generator component, create blog single page, ui fix

src/app/[locale]/contact-us/page.tsx

@@ -31,7 +31,7 @@ export default async function Contact({ params }: { params: IPageParams }) {
         imageSrc={images.blogBanner.src}
       />
 
-      <div className="relative flex w-full flex-col bg-gray-200 pt-4 md:pt-28">
+      <div className="relative flex w-full flex-col bg-gray-200 pt-12 lg:pt-28">
         <div className="absolute inset-x-0 inset-y-64 z-2 flex items-end justify-start">
           <div className="max-md:hidden md:w-1/2">
             <Image
@@ -41,9 +41,9 @@ export default async function Contact({ params }: { params: IPageParams }) {
             />
           </div>
         </div>
-        <div className="container mx-auto flex w-full flex-col items-stretch overflow-hidden rounded-lg md:flex-row">
-          <TouchUs />
-          <ContactForm />
+        <div className="container mx-auto flex w-full flex-col items-stretch overflow-hidden rounded-lg lg:flex-row">
+          <TouchUs className="p-8 lg:w-1/2" />
+          <ContactForm className="p-4 lg:w-1/2" />
         </div>
 
         <div className="mt-4 w-full md:mt-28">