src/app/contact/page.tsx

@@ -22,46 +22,46 @@ export default function ContactPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        { name: "Home", id: "/" },
-        { name: "Our Coffee", id: "/shop" },
-        { name: "About", id: "/about" },
-        { name: "Contact", id: "/contact" },
-      ]}
-      brandName="BrewCraft"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Our Coffee", id: "/shop" },
+              { name: "About", id: "/about" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="BrewCraft"
+          />
+        </div>
 
-  <div id="contact-form" data-section="contact-form">
-      <ContactCenter
-      useInvertedBackground={true}
-      background={{ variant: "plain" }}
-      tag="Let's Talk"
-      title="Reach Out to Us"
-      description="Have questions about our beans or wholesale opportunities? Drop us a line."
-    />
-  </div>
+        <div id="contact-form" data-section="contact-form">
+          <ContactCenter
+            useInvertedBackground={true}
+            background={{ variant: "plain" }}
+            tag="Let's Talk"
+            title="Reach Out to Us"
+            description="Have questions about our beans or wholesale opportunities? Drop us a line."
+          />
+        </div>
 
-  <div id="legal" data-section="legal">
-      <LegalSection
-      layout="section"
-      title="Privacy Information"
-      sections={[
-        { heading: "Data Policy", content: { type: "paragraph", text: "We value your privacy and keep your details secure." } },
-        { heading: "Terms", content: { type: "paragraph", text: "By using our site, you agree to our terms of service." } }
-      ]}
-    />
-  </div>
+        <div id="legal" data-section="legal">
+          <LegalSection
+            layout="section"
+            title="Privacy Information"
+            sections={[
+              { heading: "Data Policy", content: { text: "We value your privacy and keep your details secure." } },
+              { heading: "Terms", content: { text: "By using our site, you agree to our terms of service." } }
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="BrewCraft"
-      leftLink={{ text: "Privacy Policy", href: "#" }}
-      rightLink={{ text: "Contact", href: "/contact" }}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="BrewCraft"
+            leftLink={{ text: "Privacy Policy", href: "#" }}
+            rightLink={{ text: "Contact", href: "/contact" }}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );