src/app/contact/page.tsx

@@ -23,75 +23,76 @@ export default function ContactPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        { name: "Home", id: "/" },
-        { name: "About", id: "/about" },
-        { name: "Services", id: "/services" },
-        { name: "Projects", id: "/projects" },
-        { name: "Contact", id: "/contact" },
-      ]}
-      brandName="Atlas Steel PNG"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarStyleApple
+            navItems={[
+                { name: "Home", id: "/" },
+                { name: "About", id: "/about" },
+                { name: "Services", id: "/services" },
+                { name: "Projects", id: "/projects" },
+                { name: "Contact", id: "/contact" },
+            ]}
+            brandName="Atlas Steel PNG"
+            />
+        </div>
 
-  <div id="contact-section" data-section="contact-section">
-      <ContactText
-      useInvertedBackground={false}
-      background={{ variant: "gradient-bars" }}
-      text="Ready to discuss your next project? Get in touch with us for a professional consultation and quote request."
-      buttons={[
-        { text: "Contact Us Now", href: "/contact" },
-      ]}
-    />
-  </div>
+        <div id="contact-section" data-section="contact-section">
+            <ContactText
+            useInvertedBackground={false}
+            background={{ variant: "gradient-bars" }}
+            text="Ready to discuss your next project? Get in touch with us for a professional consultation and quote request."
+            buttons={[
+                { text: "Contact Us Now", href: "/contact" },
+            ]}
+            />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextSplitAbout
-      useInvertedBackground={false}
-      title="Office Information"
-      description={[
-        "Visit our head office in the industrial district.",        "We are open Mon-Sat, 8am to 5pm."]}
-    />
-  </div>
+        <div id="about" data-section="about">
+            <TextSplitAbout
+            useInvertedBackground={false}
+            title="Office Information"
+            description={[
+                "Visit our head office in the industrial district.",                "We are open Mon-Sat, 8am to 5pm."
+            ]}
+            />
+        </div>
 
-  <div id="legal" data-section="legal">
-      <LegalSection
-      layout="section"
-      title="Privacy Policy"
-      sections={[
-        {
-          heading: "Data Handling",          content: { type: "paragraph", text: "We handle all client project data with the strictest confidentiality and security." },
-        },
-        {
-          heading: "Inquiries",          content: { type: "list", items: ["Requests are processed within 24 hours.", "Quotes are valid for 30 days."] },
-        },
-      ]}
-    />
-  </div>
+        <div id="legal" data-section="legal">
+            <LegalSection
+            layout="section"
+            title="Privacy Policy"
+            sections={[
+                {
+                heading: "Data Handling",                content: { text: "We handle all client project data with the strictest confidentiality and security." },
+                },
+                {
+                heading: "Inquiries",                content: { items: ["Requests are processed within 24 hours.", "Quotes are valid for 30 days."] },
+                },
+            ]}
+            />
+        </div>
 
-  <div id="home-footer" data-section="home-footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/abstract-metal-background-light-falls-metal-generative-ai_169016-30475.jpg"
-      logoText="Atlas Steel PNG"
-      columns={[
-        {
-          title: "Company",          items: [
-            { label: "About Us", href: "/about" },
-            { label: "Services", href: "/services" },
-          ],
-        },
-        {
-          title: "Support",          items: [
-            { label: "Contact", href: "/contact" },
-            { label: "Privacy Policy", href: "#" },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="home-footer" data-section="home-footer">
+            <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/abstract-metal-background-light-falls-metal-generative-ai_169016-30475.jpg"
+            logoText="Atlas Steel PNG"
+            columns={[
+                {
+                title: "Company",                items: [
+                    { label: "About Us", href: "/about" },
+                    { label: "Services", href: "/services" },
+                ],
+                },
+                {
+                title: "Support",                items: [
+                    { label: "Contact", href: "/contact" },
+                    { label: "Privacy Policy", href: "#" },
+                ],
+                },
+            ]}
+            />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}