Update src/app/contact/page.tsx

Merge version_63 into main

src/app/about/page.tsx

@@ -74,4 +74,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/contact/page.tsx

@@ -2,12 +2,11 @@
 
 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 ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 
-export default function LandingPage() {
+export default function ContactPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="shift-hover"
@@ -22,58 +21,46 @@ 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">
+          <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="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="contact-form" data-section="contact-form">
+          <ContactSplitForm
+            title="Contact Us"
+            description="Reach out for a free consultation. Our team is ready to assist you with your roofing needs. You can also reach us directly at 256-553-3213 or via email at carston@archroofingsystems.com."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Full Name", required: true },
+              { name: "email", type: "email", placeholder: "Email Address", required: true },
+              { name: "phone", type: "tel", placeholder: "Phone Number", required: true }
+            ]}
+            textarea={{ name: "message", placeholder: "How can we help?", rows: 5, required: true }}
+            useInvertedBackground={false}
+            mediaPosition="right"
+          />
+        </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="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="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>
       </ReactLenis>
     </ThemeProvider>
   );

src/app/page.tsx

@@ -9,7 +9,7 @@ import MediaAbout from '@/components/sections/about/MediaAbout';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
-import { Award, CheckCircle, Clock, Home, Shield, ShieldCheck, Star, Hammer, PaintBucket, Ruler, Home as House } from "lucide-react";
+import { Award, CheckCircle, Clock, Home, Shield, ShieldCheck, Star, Hammer, PaintBucket, Ruler } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -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"
         },
@@ -150,4 +150,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/reviews/page.tsx

@@ -82,4 +82,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/services/page.tsx

@@ -110,4 +110,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}