Update src/app/contact/page.tsx

src/app/contact/page.tsx

@@ -24,42 +24,15 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Membership",
-          id: "/membership",
-        },
-        {
-          name: "Trainers",
-          id: "/trainers",
-        },
-        {
-          name: "Gallery",
-          id: "/gallery",
-        },
-        {
-          name: "Reviews",
-          id: "/reviews",
-        },
-        {
-          name: "Blog",
-          id: "/blog",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
+        { name: "Home", id: "/" },
+        { name: "About", id: "/about" },
+        { name: "Services", id: "/services" },
+        { name: "Membership", id: "/membership" },
+        { name: "Trainers", id: "/trainers" },
+        { name: "Gallery", id: "/gallery" },
+        { name: "Reviews", id: "/reviews" },
+        { name: "Blog", id: "/blog" },
+        { name: "Contact", id: "/contact" },
       ]}
       brandName="Alligator Gym"
     />
@@ -67,11 +40,9 @@ export default function LandingPage() {
 
   <div id="contact-form" data-section="contact-form">
       <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "animated-grid",
-      }}
       tag="Contact"
+      useInvertedBackground={false}
+      background={{ variant: "animated-grid" }}
       title="Get In Touch"
       description="We'd love to help you on your fitness journey. Fill out the form below."
     />
@@ -79,10 +50,9 @@ export default function LandingPage() {
 
   <div id="contact" data-section="contact">
       <ContactCenter
+      tag="Contact"
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       title="Get in Touch"
       description="We reply within 24 hours."
     />
@@ -90,44 +60,7 @@ export default function LandingPage() {
 
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "About Us",
-              href: "/about",
-            },
-            {
-              label: "Services",
-              href: "/services",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Trainers",
-              href: "/trainers",
-            },
-            {
-              label: "Membership",
-              href: "/membership",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-          ],
-        },
-      ]}
+      columns={[{ items: [{ label: "About Us", href: "/about" }, { label: "Services", href: "/services" }] }, { items: [{ label: "Trainers", href: "/trainers" }, { label: "Membership", href: "/membership" }] }, { items: [{ label: "Contact", href: "/contact" }, { label: "Privacy Policy", href: "#" }] }]}
       logoText="Alligator Gym"
     />
   </div>