diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 2a2bc43..b15e0a4 100644
--- a/src/app/contact/page.tsx
+++ b/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 FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import FooterBase from '@/components/sections/footer/FooterBase';
+import ContactText from '@/components/sections/contact/ContactText';
 
-export default function LandingPage() {
+export default function ContactPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="directional-hover"
@@ -22,80 +21,74 @@ export default function LandingPage() {
         headingFontWeight="extrabold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Home",          id: "/"},
-        {
-          name: "Services",          id: "/services"},
-        {
-          name: "Gallery",          id: "/gallery"},
-        {
-          name: "Contact",          id: "/contact"},
-      ]}
-      brandName="FloorCraft"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Services", id: "/services" },
+              { name: "Gallery", id: "/gallery" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            button={{ text: "Get a Free Quote", href: "/contact" }}
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780963238289-ovhlz3j6.png"
+            logoAlt="FloorCraft Logo"
+            brandName="FloorCraft"
+          />
+        </div>
 
-  <div id="contact-form" data-section="contact-form">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "plain"}}
-      title="Ready to Transform Your Floors?"
-      description="Contact Us for a Free Quote Today!"
-      tag="Get in Touch"
-      imageSrc="https://img.b2bpic.net/free-photo/young-man-working-computer-desk_23-2147814498.jpg?id=433612503"
-      imageAlt="Contact us for a free quote"
-      mediaPosition="right"
-      mediaAnimation="slide-up"
-      inputPlaceholder="Your Email"
-      buttonText="Submit Request"
-      termsText="By submitting, you agree to our Terms and Conditions."
-      onSubmit={(email) => console.log(email)}
-    />
-  </div>
+        <div id="contact-form-section" data-section="contact-form-section">
+          <ContactText
+            text="Ready to transform your floors? Fill out the form below to get a free, no-obligation quote or to send us your inquiry. We're here to help!"
+            background={{ variant: "radial-gradient" }}
+            useInvertedBackground={false}
+            buttons={[
+                {
+                    text: "Call Us Today",                    href: "tel:+1234567890"
+                },
+                {
+                    text: "Email Us",                    href: "mailto:info@floorcraft.com"
+                }
+            ]}
+          />
+          {/* A multi-field form for inquiries and quote requests would be placed here.
+              The current component registry does not contain a suitable component
+              for this, so ContactText is used as a placeholder for the section's purpose. */}
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="default"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "faq-1",          title: "What types of hardwood floors do you install?",          content: "We install all types of hardwood flooring, including solid hardwood, engineered hardwood, and parquet. We also work with a variety of wood species like oak, maple, hickory, and more."},
-        {
-          id: "faq-2",          title: "Is your floor sanding process dust-free?",          content: "Yes, we utilize state-of-the-art dust containment systems during our sanding process to minimize dust and ensure a cleaner environment for your home."},
-        {
-          id: "faq-3",          title: "How long does a typical installation take?",          content: "The duration of an installation depends on the size of the area, the type of flooring, and any necessary prep work. We provide a detailed timeline with your free estimate."},
-        {
-          id: "faq-4",          title: "Do you offer free estimates?",          content: "Absolutely! We offer complimentary, no-obligation estimates for all our services. Contact us to schedule your on-site assessment."},
-        {
-          id: "faq-5",          title: "What areas do you serve?",          content: "FloorCraft proudly serves homes across Georgia, Florida, South Carolina, Alabama, North Carolina, and Mississippi. Check our service areas section for more details."},
-        {
-          id: "faq-6",          title: "How do I maintain my new hardwood floors?",          content: "We provide comprehensive care instructions upon completion of your project. Generally, regular sweeping, damp mopping, and avoiding harsh chemicals are key."},
-      ]}
-      title="Common Questions About Flooring"
-      description="Got questions? We've got answers. Find out everything you need to know about hardwood installation, sanding, maintenance, and our process."
-      faqsAnimation="slide-up"
-      imageSrc="https://img.b2bpic.net/free-photo/modern-interior-design-with-empty-wall_23-2151044458.jpg?id=413550269"
-      imageAlt="FAQ section media"
-      mediaAnimation="slide-up"
-      mediaPosition="left"
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780963238289-ovhlz3j6.png"
-      logoAlt="FloorCraft Logo"
-      logoText="FloorCraft"
-      leftLink={{
-        text: "Home",        href: "/"}}
-      rightLink={{
-        text: "Contact",        href: "/contact"}}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              {
+                title: "Navigation",                items: [
+                  { label: "Home", href: "/" },
+                  { label: "Services", href: "/services" },
+                  { label: "Gallery", href: "/gallery" },
+                  { label: "Contact", href: "/contact" },
+                ],
+              },
+              {
+                title: "Services",                items: [
+                  { label: "Hardwood Installation", href: "/services#hardwood-installation" },
+                  { label: "Floor Sanding", href: "/services#floor-sanding" },
+                  { label: "Free Estimates", href: "/services#free-estimates" },
+                  { label: "Custom Designs", href: "/services#custom-designs" },
+                ],
+              },
+              {
+                title: "About Us",                items: [
+                  { label: "Our Story", href: "/#about" },
+                  { label: "Testimonials", href: "/#home-testimonials" },
+                  { label: "Service Areas", href: "/services#service-areas" },
+                  { label: "FAQs", href: "/contact" },
+                ],
+              },
+            ]}
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780963238289-ovhlz3j6.png"
+            logoAlt="FloorCraft Logo"
+            logoText="FloorCraft"
+            copyrightText="© 2024 FloorCraft. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
diff --git a/src/app/gallery/page.tsx b/src/app/gallery/page.tsx
index 4577b9e..d18b0df 100644
--- a/src/app/gallery/page.tsx
+++ b/src/app/gallery/page.tsx
@@ -3,10 +3,25 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import FooterBase from '@/components/sections/footer/FooterBase';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 
 export default function GalleryPage() {
+  const galleryItems = [
+    {
+      id: "1",      name: "Classic Oak Living Room",      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780966820443-2vc4yi0u.png",      imageAlt: "Classic Oak Living Room"},
+    {
+      id: "2",      name: "Modern Herringbone Dining",      imageSrc: "https://img.b2bpic.net/free-photo/herringbone-stairs-flooring-wooden-chevron-modern-finish_169016-68991.jpg?id=420756080",      imageAlt: "Modern Herringbone Dining"},
+    {
+      id: "3",      name: "Rustic Pine Bedroom",      imageSrc: "https://img.b2bpic.net/free-photo/rustic-weathered-wood-surface-with-long-boards-lined-up_24972-248.jpg?id=3913052",      imageAlt: "Rustic Pine Bedroom"},
+    {
+      id: "4",      name: "Commercial Grade Laminate",      imageSrc: "https://img.b2bpic.net/free-photo/warm-wooden-texture_23-2151946271.jpg?id=413147449",      imageAlt: "Commercial Grade Laminate"},
+    {
+      id: "5",      name: "Gym Floor Refinish",      imageSrc: "https://img.b2bpic.net/free-photo/rustic-reclaimed-wood-planks-texture_84443-73858.jpg?id=426436371",      imageAlt: "Gym Floor Refinish"},
+    {
+      id: "6",      name: "Staircase Revitalization",      imageSrc: "https://img.b2bpic.net/free-vector/small-wooden-blocks-texture_1100-47.jpg?id=851179",      imageAlt: "Staircase Revitalization"}
+  ];
+
   return (
     <ThemeProvider
         defaultButtonVariant="directional-hover"
@@ -22,77 +37,83 @@ export default function GalleryPage() {
     >
       <ReactLenis root>
         <div id="nav" data-section="nav">
-          <NavbarStyleCentered
+            <NavbarStyleCentered
             navItems={[
-              { name: "Home", id: "/" },
-              { name: "Services", id: "/services" },
-              { name: "Gallery", id: "/gallery" },
-              { name: "Contact", id: "/contact" },
+                {
+                name: "Home",                id: "/"},
+                {
+                name: "Services",                id: "/services"},
+                {
+                name: "Gallery",                id: "/gallery"},
+                {
+                name: "Contact",                id: "/contact"},
             ]}
             button={{
-              text: "Get a Free Quote", href: "/contact" }}
+                text: "Get a Free Quote",                href: "/contact"}}
             logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780963238289-ovhlz3j6.png"
             logoAlt="FloorCraft Logo"
             brandName="FloorCraft"
-          />
+            />
         </div>
 
-        <div id="project-gallery" data-section="project-gallery">
+        <div id="gallery-section" data-section="gallery-section">
           <ProductCardTwo
-            animationType="scale-rotate"
-            textboxLayout="default"
-            gridVariant="bento-grid"
-            useInvertedBackground={false}
-            carouselMode="buttons"
-            products={[
-              { id: "project-1", brand: "Hardwood", name: "Modern Kitchen Refinish", price: "", rating: 5, reviewCount: "25", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780963238290-d9zo6f2r.png", imageAlt: "Modern kitchen with newly refinished hardwood floors" },
-              { id: "project-2", brand: "Custom", name: "Geometric Entryway Design", price: "", rating: 5, reviewCount: "18", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780963238290-vzc55io2.png", imageAlt: "Intricate geometric hardwood floor design in entryway" },
-              { id: "project-3", brand: "Dark Oak", name: "Elegant Living Room Install", price: "", rating: 5, reviewCount: "32", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780966652304-xfnb27na.png", imageAlt: "Worker installing dark oak hardwood floors in living room" },
-              { id: "project-4", brand: "Natural Oak", name: "Bright Office Space", price: "", rating: 5, reviewCount: "15", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780967930309-ylogas5d.png", imageAlt: "Bright office space with newly installed natural oak flooring" },
-              { id: "project-5", brand: "Mahogany", name: "Classic Dining Area", price: "", rating: 5, reviewCount: "20", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780968009290-vn12hcty.png", imageAlt: "Classic dining area with rich mahogany hardwood floors" },
-              { id: "project-6", brand: "Maple", name: "Spacious Bedroom", price: "", rating: 5, reviewCount: "10", imageSrc: "https://img.b2bpic.net/free-photo/close-up-wooden-surface_23-2147731715.jpg?id=1526425", imageAlt: "Spacious bedroom with light maple hardwood flooring" }
-            ]}
-            title="Our Gallery: Crafting Beautiful Floors"
-            description="Explore a selection of our finest flooring projects. Each image tells a story of dedication, precision, and the lasting beauty FloorCraft brings to every home."
+            title="Our Craftsmanship in Every Detail"
+            description="Explore a collection of our completed projects, showcasing the quality and dedication FloorCraft brings to every floor."
+            gridVariant="three-columns-all-equal-width"
+            animationType="slide-up"
+            products={galleryItems}
+            useInvertedBackground={true}
           />
         </div>
 
-
         <div id="footer" data-section="footer">
-          <FooterBase
+            <FooterBase
             columns={[
-              {
+                {
                 title: "Navigation",                items: [
-                  { label: "Home", href: "/" },
-                  { label: "Services", href: "/services" },
-                  { label: "Gallery", href: "/gallery" },
-                  { label: "Contact", href: "/contact" }
-                ]
-              },
-              {
+                    {
+                    label: "Home",                    href: "/"},
+                    {
+                    label: "Services",                    href: "/services"},
+                    {
+                    label: "Gallery",                    href: "/gallery"},
+                    {
+                    label: "Contact",                    href: "/contact"},
+                ],
+                },
+                {
                 title: "Services",                items: [
-                  { label: "Hardwood Installation", href: "/services#hardwood-installation" },
-                  { label: "Floor Sanding", href: "/services#floor-sanding" },
-                  { label: "Free Estimates", href: "/services#free-estimates" },
-                  { label: "Custom Designs", href: "/services#custom-designs" }
-                ]
-              },
-              {
+                    {
+                    label: "Hardwood Installation",                    href: "/services#hardwood-installation"},
+                    {
+                    label: "Floor Sanding",                    href: "/services#floor-sanding"},
+                    {
+                    label: "Free Estimates",                    href: "/services#free-estimates"},
+                    {
+                    label: "Custom Designs",                    href: "/services#custom-designs"},
+                ],
+                },
+                {
                 title: "About Us",                items: [
-                  { label: "Our Story", href: "/#about" },
-                  { label: "Testimonials", href: "/#home-testimonials" },
-                  { label: "Service Areas", href: "/services#service-areas" },
-                  { label: "FAQs", href: "/contact#faq" }
-                ]
-              }
+                    {
+                    label: "Our Story",                    href: "/#about"},
+                    {
+                    label: "Testimonials",                    href: "/#home-testimonials"},
+                    {
+                    label: "Service Areas",                    href: "/services#service-areas"},
+                    {
+                    label: "FAQs",                    href: "/contact#faq"},
+                ],
+                },
             ]}
             logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780963238289-ovhlz3j6.png"
             logoAlt="FloorCraft Logo"
             logoText="FloorCraft"
             copyrightText="© 2024 FloorCraft. All rights reserved."
-          />
+            />
         </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9ed8a3a..eb8308f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,4 +1,4 @@
-"use client";
+use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
@@ -29,14 +29,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Home",          id: "/"},
-        {
-          name: "Services",          id: "/services"},
-        {
-          name: "Gallery",          id: "/gallery"},
-        {
-          name: "Contact",          id: "/contact"},
+        { name: "Home", id: "/" },
+        { name: "Services", id: "/services" },
+        { name: "Service Areas", id: "/service-areas" },
+        { name: "Gallery", id: "/gallery" },
+        { name: "Contact", id: "/contact" }
       ]}
       button={{
         text: "Get a Free Quote",        href: "/contact"}}
@@ -59,16 +56,14 @@ export default function LandingPage() {
         {
           value: "500+",          label: "Projects Completed"},
         {
-          value: "5-Star",          label: "Customer Satisfaction"},
-      ]}
+          value: "5-Star",          label: "Customer Satisfaction"}]}
       enableKpiAnimation={true}
       tag="Trusted & Experienced"
       buttons={[
         {
           text: "Explore Services",          href: "/services"},
         {
-          text: "Get a Free Quote",          href: "/contact"},
-      ]}
+          text: "Get a Free Quote",          href: "/contact"}]}
       buttonAnimation="slide-up"
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780966820443-2vc4yi0u.png"
       imageAlt="Newly installed hardwood floor in a modern kitchen"
@@ -83,8 +78,7 @@ export default function LandingPage() {
         {
           src: "https://img.b2bpic.net/free-photo/rustic-reclaimed-wood-planks-texture_84443-73858.jpg?id=426436371",          alt: "Client testimonial"},
         {
-          src: "https://img.b2bpic.net/free-vector/small-wooden-blocks-texture_1100-47.jpg?id=851179",          alt: "Trusted customer"},
-      ]}
+          src: "https://img.b2bpic.net/free-vector/small-wooden-blocks-texture_1100-47.jpg?id=851179",          alt: "Trusted customer"}]}
       avatarText=""
       marqueeItems={[
         {
@@ -96,8 +90,7 @@ export default function LandingPage() {
         {
           type: "text",          text: "Dust-Free Sanding"},
         {
-          type: "text",          text: "Free Consultations"},
-      ]}
+          type: "text",          text: "Free Consultations"}]}
     />
   </div>
 
@@ -114,8 +107,7 @@ export default function LandingPage() {
           label: "Personalized Service",          value: "Client-Focused"},
         {
           icon: Cog,
-          label: "Experienced Professionals",          value: "Since 2012"},
-      ]}
+          label: "Experienced Professionals",          value: "Since 2012"}]}
       metricsAnimation="slide-up"
     />
   </div>
@@ -138,10 +130,8 @@ export default function LandingPage() {
               text: "Material Sourcing"},
             {
               icon: Star,
-              text: "Quality Guaranteed"},
-          ],
-          reverse: false,
-        },
+              text: "Quality Guaranteed"}],
+          reverse: false},
         {
           title: "Professional Floor Sanding",          description: "Restore the natural beauty of your existing hardwood floors with our dust-free sanding and refinishing services, bringing them back to life.",          media: {
             imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780966945561-9h6uh1nb.png",            imageAlt: "Floor sanding service"},
@@ -154,10 +144,8 @@ export default function LandingPage() {
               text: "Dustless System"},
             {
               icon: Paintbrush,
-              text: "Stain Matching"},
-          ],
-          reverse: true,
-        },
+              text: "Stain Matching"}],
+          reverse: true},
         {
           title: "Free Estimates & Consultation",          description: "Start your flooring project with confidence. We offer complimentary, no-obligation estimates and expert advice tailored to your needs.",          media: {
             imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780966973320-uqhq8km9.png",            imageAlt: "Free flooring estimate"},
@@ -170,11 +158,8 @@ export default function LandingPage() {
               text: "Expert Advice"},
             {
               icon: Calendar,
-              text: "Flexible Scheduling"},
-          ],
-          reverse: false,
-        },
-      ]}
+              text: "Flexible Scheduling"}],
+          reverse: false}]}
       title="Experience the Art of Flooring with FloorCraft"
       description="From classic hardwoods to modern finishes, our family's expertise ensures your floors are a masterpiece. Explore our comprehensive services designed to bring beauty and durability to your home."
     />
@@ -192,8 +177,7 @@ export default function LandingPage() {
         {
           value: "98%",          label: "Client Retention"},
         {
-          value: "100%",          label: "Satisfaction"},
-      ]}
+          value: "100%",          label: "Satisfaction"}]}
       title="What Our Family of Customers Says"
       description="Hearing from our satisfied clients is the greatest reward. Their trust in our craftsmanship and personal approach is the foundation of our business."
     />
@@ -222,9 +206,7 @@ export default function LandingPage() {
             {
               label: "Gallery",              href: "/gallery"},
             {
-              label: "Contact",              href: "/contact"},
-          ],
-        },
+              label: "Contact",              href: "/contact"}]},
         {
           title: "Services",          items: [
             {
@@ -234,9 +216,7 @@ export default function LandingPage() {
             {
               label: "Free Estimates",              href: "/services#free-estimates"},
             {
-              label: "Custom Designs",              href: "/services#custom-designs"},
-          ],
-        },
+              label: "Custom Designs",              href: "/services#custom-designs"}]},
         {
           title: "About Us",          items: [
             {
@@ -244,12 +224,9 @@ export default function LandingPage() {
             {
               label: "Testimonials",              href: "/#home-testimonials"},
             {
-              label: "Service Areas",              href: "/services#service-areas"},
+              label: "Service Areas",              href: "/service-areas"},
             {
-              label: "FAQs",              href: "/contact#faq"},
-          ],
-        },
-      ]}
+              label: "FAQs",              href: "/contact#faq"}]}]}
       logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780963238289-ovhlz3j6.png"
       logoAlt="FloorCraft Logo"
       logoText="FloorCraft"
@@ -259,4 +236,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}
diff --git a/src/app/service-areas/page.tsx b/src/app/service-areas/page.tsx
new file mode 100644
index 0000000..4276c66
--- /dev/null
+++ b/src/app/service-areas/page.tsx
@@ -0,0 +1,94 @@
+use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import FooterBase from '@/components/sections/footer/FooterBase';
+import LegalSection from '@/components/legal/LegalSection';
+
+export default function ServiceAreasPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="directional-hover"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="rounded"
+        contentWidth="mediumLarge"
+        sizing="largeSizeMediumTitles"
+        background="noise"
+        cardStyle="glass-depth"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="layered"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Services", id: "/services" },
+              { name: "Service Areas", id: "/service-areas" },
+              { name: "Gallery", id: "/gallery" },
+              { name: "Contact", id: "/contact" }
+            ]}
+            button={{
+              text: "Get a Free Quote",href: "/contact"
+            }}
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780963238289-ovhlz3j6.png"
+            logoAlt="FloorCraft Logo"
+            brandName="FloorCraft"
+          />
+        </div>
+
+        <div id="service-areas-content" data-section="service-areas-content">
+          <LegalSection
+            layout="section"
+            title="Our Service Areas"
+            subtitle="We proudly serve the following states with our expert flooring services."
+            sections={[
+              {
+                heading: "States We Serve",content: [
+                  { type: "list", items: ["Georgia", "Florida", "South Carolina", "Alabama", "North Carolina", "Mississippi"] }
+                ]
+              }
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              {
+                title: "Navigation",items: [
+                  { label: "Home", href: "/" },
+                  { label: "Services", href: "/services" },
+                  { label: "Gallery", href: "/gallery" },
+                  { label: "Contact", href: "/contact" }
+                ]
+              },
+              {
+                title: "Services",items: [
+                  { label: "Hardwood Installation", href: "/services#hardwood-installation" },
+                  { label: "Floor Sanding", href: "/services#floor-sanding" },
+                  { label: "Free Estimates", href: "/services#free-estimates" },
+                  { label: "Custom Designs", href: "/services#custom-designs" }
+                ]
+              },
+              {
+                title: "About Us",items: [
+                  { label: "Our Story", href: "/#about" },
+                  { label: "Testimonials", href: "/#home-testimonials" },
+                  { label: "Service Areas", href: "/service-areas" },
+                  { label: "FAQs", href: "/contact#faq" }
+                ]
+              }
+            ]}
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780963238289-ovhlz3j6.png"
+            logoAlt="FloorCraft Logo"
+            logoText="FloorCraft"
+            copyrightText="© 2024 FloorCraft. All rights reserved."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}