Update src/app/services/page.tsx

Merge version_62 into main

src/app/about/page.tsx

@@ -40,7 +40,7 @@ export default function LandingPage() {
       <MediaAbout
       useInvertedBackground={false}
       title="Commitment to Roofing Excellence"
-      description="Arch Roofing Systems is built on a foundation of integrity and craftsmanship. We serve Gadsden families with high-quality roofs and exterior improvements."
+      description="Arch Roofing Systems is built on a foundation of integrity and craftsmanship. We serve Gadsden, Southside, Rainbow City, Attalla, Oxford, Anniston, Alexandria, Wellington, Trussville, Springville, Oneonta, and all of Etowah and Calhoun counties with high-quality roofs and exterior improvements."
       imageSrc="http://img.b2bpic.net/free-photo/men-wearing-varsity-jacket_23-2149562651.jpg"
     />
   </div>
@@ -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,59 +21,47 @@ 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 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."
+            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 primarily serve the Gadsden, AL area and surrounding communities." },
-        { 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, Alabama. 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 Gadsden, Southside, Rainbow City, Attalla, Oxford, Anniston, Alexandria, Wellington, Trussville, Springville, Oneonta, and 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

@@ -60,7 +60,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       title="Client Stories"
-      description="What our customers are saying about our Gadsden services."
+      description="What our customers are saying about our Gadsden, Southside, Rainbow City, Attalla, Oxford, Anniston, Alexandria, Wellington, Trussville, Springville, Oneonta, and all of Etowah and Calhoun counties services."
       testimonials={[
         { id: "t1", name: "Mark V.", role: "Homeowner", testimonial: "Incredible service, handled my insurance perfectly.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-drinking-coffee-construction-side_329181-3771.jpg" },
         { id: "t2", name: "Lisa B.", role: "Resident", testimonial: "Fast, clean, and professional work on my roof and deck.", imageSrc: "http://img.b2bpic.net/free-photo/outside-lifestyle-portrait-happy-relaxed-woman-poses-summer-terrace-sunshine-true-emotions_291650-1278.jpg" },
@@ -82,4 +82,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/services/page.tsx

@@ -70,14 +70,14 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       faqs={[
-        { id: "q1", title: "Do you provide free inspections?", content: "Yes, we offer complimentary, thorough roof inspections throughout Gadsden and surrounding areas." },
+        { id: "q1", title: "Do you provide free inspections?", content: "Yes, we offer complimentary, thorough roof inspections throughout Gadsden, Southside, Rainbow City, Attalla, Oxford, Anniston, Alexandria, Wellington, Trussville, Springville, Oneonta, and all of Etowah and Calhoun counties." },
         { id: "q2", title: "How do I start an insurance claim?", content: "Our experts guide you through the process, documenting storm damage and coordinating with insurance providers." },
         { id: "q3", title: "What roofing types do you install?", content: "We offer architectural shingle, high-end metal roofing, and specialty roofing solutions." },
       ]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777405331218-vs5rfkmi.jpg"
       mediaAnimation="slide-up"
       title="Common Questions"
-      description="Have questions about your Gadsden project? We're here to help."
+      description="Have questions about your project in our service areas? We're here to help."
       faqsAnimation="blur-reveal"
     />
   </div>
@@ -110,4 +110,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}