Update src/app/contact/page.tsx

Merge version_61 into main

src/app/contact/page.tsx

@@ -2,12 +2,13 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import ContactForm from '@/components/form/ContactForm';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 
-export default function LandingPage() {
+export default function ContactPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="shift-hover"
@@ -22,58 +23,57 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777403590767-v6beg6wi.png"
-      navItems={[
-        { name: "Home", id: "/" },
-        { name: "Services", id: "/services" },
-        { name: "About", id: "/about" },
-        { name: "Reviews", id: "/reviews" },
-        { name: "Contact", id: "/contact" },
-      ]}
-      brandName="Arch Roofing Systems"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            brandName="Arch Roofing Systems"
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Contact", id: "/contact" }
+            ]}
+          />
+        </div>
 
-  <div id="contact-body" data-section="contact-body">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{ variant: "rotated-rays-static" }}
-      tag="Let's Connect"
-      title="Get Your Free Estimate"
-      description="Ready to upgrade your roof or home exterior? Reach out for a free consultation and professional inspection in Gadsden, Southside, Rainbow City, Attalla, Oxford, Anniston, Alexandria, Wellington, Trussville, Springville, Oneonta, and all of Etowah and Calhoun counties today."
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777394224944-9beay18i.jpg"
-      buttonText="Schedule Now"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="hero-contact" data-section="hero-contact">
+          <ContactCTA
+            useInvertedBackground={false}
+            background={{ variant: "rotated-rays-static" }}
+            tag="Let's Connect"
+            title="Get Your Free Estimate"
+            description="Ready to upgrade your roof or home exterior? Please provide your contact details, phone number, and any additional project information below for a free consultation and professional inspection in Etowah and Calhoun counties today."
+            buttons={[{ text: "Schedule Now", href: "#form" }]}
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Ready for your project?"
-      description="Find answers here before scheduling your consultation."
-      faqsAnimation="slide-up"
-      faqs={[
-        { id: "ca1", title: "What areas do you serve?", content: "We serve Gadsden, Southside, Rainbow City, Attalla, Oxford, Anniston, Alexandria, Wellington, Trussville, Springville, Oneonta, and all of Etowah and Calhoun counties." },
-        { id: "ca2", title: "How long does a project take?", content: "Most projects are completed efficiently depending on scope and scale." },
-      ]}
-    />
-  </div>
+        <div id="form" data-section="form">
+          <ContactForm 
+            useInvertedBackground={false}
+            title="Project Details"
+            description="Tell us about your roofing needs, and we'll be in touch shortly."
+            tag="Connect"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Careers", href: "#" }, { label: "Privacy", href: "#" }] },
-        { title: "Services", items: [{ label: "Roof Replacement", href: "/services" }, { label: "Inspections", href: "/services" }, { label: "Storm Damage", href: "/services" }] },
-        { title: "Contact", items: [{ label: "Get Quote", href: "/contact" }, { label: "Support", href: "/contact" }] },
-      ]}
-      bottomLeftText="© 2024 Arch Roofing Systems, Gadsden, AL."
-      bottomRightText="Lic. #123456"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitText
+            useInvertedBackground={false}
+            sideTitle="Ready for your project?"
+            sideDescription="Find answers here before scheduling your consultation."
+            faqsAnimation="slide-up"
+            faqs={[
+              { id: "ca1", title: "What areas do you serve?", content: "We serve Gadsden, Southside, Rainbow City, Attalla, Oxford, Anniston, Alexandria, Wellington, Trussville, Springville, Oneonta, and all of Etowah and Calhoun counties." },
+              { id: "ca2", title: "How long does a project take?", content: "Most projects are completed efficiently depending on scope and scale." },
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="Arch Roofing Systems"
+            leftLink={{ text: "About Us", href: "/about" }}
+            rightLink={{ text: "Get Quote", href: "/contact" }}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );

src/app/page.tsx

@@ -44,7 +44,7 @@ export default function LandingPage() {
       <HeroBillboardRotatedCarousel
       background={{ variant: "rotated-rays-animated" }}
       title="Excellence in Every Shingle."
-      description="Arch Roofing Systems delivers premium residential roofing solutions to Gadsden, Southside, Rainbow City, Attalla, Oxford, Anniston, Alexandria, Wellington, Trussville, Springville, Oneonta, and all of Etowah and Calhoun counties. Trust our experts for high-end replacements and storm damage repairs."
+      description="Arch Roofing Systems delivers premium residential roofing solutions to Etowah and Calhoun counties. Trust our experts for high-end replacements and storm damage repairs."
       buttons={[
         { text: "Get a Free Estimate", href: "/contact" },
         { text: "Schedule a Free Roof Inspection", href: "/contact" },
@@ -64,7 +64,7 @@ export default function LandingPage() {
       <MediaAbout
       useInvertedBackground={false}
       title="Trusted Roofing Expert for Northern Alabama"
-      description="Proudly serving all of Etowah and Calhoun counties. We ensure your home remains secure and sophisticated for years to come."
+      description="Proudly serving Etowah and Calhoun counties. We ensure your home remains secure and sophisticated for years to come."
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777394368506-b98fzk11.jpg"
       imageAlt="Professional roof inspection team"
     />
@@ -103,7 +103,7 @@ export default function LandingPage() {
       textboxLayout="default"
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
-      title="Our Performance in Gadsden and surrounding areas"
+      title="Our Performance in Etowah and Calhoun Counties"
       description="Numbers that reflect our dedication to roofing excellence and customer satisfaction."
       metrics={[
         { id: "m1", value: "200+", title: "Roofs Completed", description: "Successful projects delivered across Alabama.", icon: Home },
@@ -123,7 +123,7 @@ export default function LandingPage() {
       description="Tailored solutions for your residential property needs."
       plans={[
         {
-          id: "p1", title: "Essential Roof Maintenance", price: "$299", period: "/visit", features: ["Gutter Inspection", "Shingle Assessment", "Leak Prevention Check"],
+          id: "p1", title: "Essential Roof Maintenance", price: "Free", period: "/visit", features: ["Gutter Inspection", "Shingle Assessment", "Leak Prevention Check"],
           button: { text: "Select Plan", href: "/contact" },
           imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777394133019-yzbsb1be.jpg", imageAlt: "Maintenance inspection"
         },