src/app/contact/page.tsx

@@ -7,7 +7,7 @@ import FooterSimple from '@/components/sections/footer/FooterSimple';
 import LegalSection from '@/components/legal/LegalSection';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 
-export default function LandingPage() {
+export default function ContactPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="hover-magnetic"
@@ -22,101 +22,63 @@ export default function LandingPage() {
         headingFontWeight="medium"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Shop",
-          id: "/shop",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="Foot Collection"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Shop", id: "/shop" },
+              { name: "About", id: "/about" },
+              { name: "Contact", id: "/contact" }
+            ]}
+            brandName="Foot Collection"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Get In Touch"
-      title="Visit Us or Contact"
-      description="Have questions? Call us at +1 234 567 890 or WhatsApp us today!"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCenter
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Get In Touch"
+            title="Visit Us or Contact"
+            description="Have questions? Call us at +1 234 567 890 or WhatsApp us today!"
+          />
+        </div>
 
-  <div id="legal" data-section="legal">
-      <LegalSection
-      layout="section"
-      title="Store Policies"
-      sections={[
-        {
-          heading: "Customer Service",
-          content: {
-            type: "paragraph",
-            text: "We pride ourselves on providing the best customer service experience.",
-          },
-        },
-      ]}
-    />
-  </div>
+        <div id="legal" data-section="legal">
+          <LegalSection
+            layout="section"
+            title="Store Policies"
+            sections={[
+              {
+                heading: "Customer Service",                content: { text: "We pride ourselves on providing the best customer service experience." }
+              }
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "Shop",
-          items: [
-            {
-              label: "Men",
-              href: "/shop",
-            },
-            {
-              label: "Women",
-              href: "/shop",
-            },
-            {
-              label: "Kids",
-              href: "/shop",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "About",
-              href: "/about",
-            },
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      bottomLeftText="© 2024 Foot Collection"
-      bottomRightText="All Rights Reserved"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              {
+                title: "Shop",                items: [
+                  { label: "Men", href: "/shop" },
+                  { label: "Women", href: "/shop" },
+                  { label: "Kids", href: "/shop" }
+                ]
+              },
+              {
+                title: "Support",                items: [
+                  { label: "About", href: "/about" },
+                  { label: "Contact", href: "/contact" },
+                  { label: "Privacy Policy", href: "#" }
+                ]
+              }
+            ]}
+            bottomLeftText="© 2024 Foot Collection"
+            bottomRightText="All Rights Reserved"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/layout.tsx

@@ -11,8 +11,8 @@ import { Montserrat } from "next/font/google";
 
 
 export const metadata: Metadata = {
-  title: 'Foot Collection | Modern Footwear for Everyone',
-  description: 'Shop the latest collection of stylish sneakers, casual shoes, and slippers for men, women, and kids at Foot Collection.',
+  title: 'Contact Us | Foot Collection',
+  description: 'Have questions? Get in touch with the Foot Collection team for support or inquiries.',
   openGraph: {
     "title": "Foot Collection | Footwear Store",
     "description": "Discover premium, comfortable footwear for all ages.",