Update src/app/service-areas/page.tsx

Merge version_9 into main

src/app/contact/page.tsx

@@ -1,13 +1,12 @@
 "use client";
 
 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';
 
-export default function LandingPage() {
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import FooterBase from '@/components/sections/footer/FooterBase';
+import ContactText from '@/components/sections/contact/ContactText';
+
+export default function ContactPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="directional-hover"
@@ -21,82 +20,77 @@ export default function LandingPage() {
         secondaryButtonStyle="layered"
         headingFontWeight="extrabold"
     >
-      <ReactLenis root>
+      
         <div id="nav" data-section="nav">
-      <NavbarStyleApple
+          <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" }}
+            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
+        <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}
-      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="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="default"
-      useInvertedBackground={true}
-      faqs={[
+            buttons={[
                 {
-          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."},
+                    text: "Call Us Today",                    href: "tel:+1234567890"
+                },
                 {
-          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."},
+                    text: "Email Us",                    href: "mailto:info@floorcraft.com"
+                }
             ]}
-      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"
           />
+          {/* 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="footer" data-section="footer">
-      <FooterLogoReveal
+          <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" }
+                ],
+              },
+            ]}
             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"}}
+            copyrightText="© 2024 FloorCraft. All rights reserved."
           />
         </div>
-      </ReactLenis>
+      
     </ThemeProvider>
   );
 }

src/app/gallery/page.tsx

@@ -1,12 +1,38 @@
 "use client";
 
 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';
 
 export default function GalleryPage() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "Services", id: "/services" },
+    { name: "Service Areas", id: "/service-areas" },
+    { name: "Gallery", id: "/gallery" },
+    { name: "Contact", id: "/contact" },
+  ];
+
+  const products = [
+    {
+      id: "1",      brand: "FloorCraft",      name: "Classic Oak Hardwood",      price: "$8.50/sqft",      rating: 4.8,
+      reviewCount: "120",      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780966870626-bmc3gsu8.png?_wi=2",      imageAlt: "Classic Oak Hardwood Installation"},
+    {
+      id: "2",      brand: "FloorCraft",      name: "Herringbone Parquet",      price: "$12.00/sqft",      rating: 4.9,
+      reviewCount: "95",      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780966945561-9h6uh1nb.png?_wi=2",      imageAlt: "Herringbone Parquet Refinishing"},
+    {
+      id: "3",      brand: "FloorCraft",      name: "Modern Grey Laminate",      price: "$6.25/sqft",      rating: 4.5,
+      reviewCount: "78",      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780966973320-uqhq8km9.png?_wi=2",      imageAlt: "Modern Grey Laminate Installation"},
+    {
+        id: "4",        brand: "FloorCraft",        name: "Dark Walnut Restoration",        price: "$10.00/sqft",        rating: 4.7,
+        reviewCount: "110",        imageSrc: "https://img.b2bpic.net/free-photo/rustic-weathered-wood-surface-with-long-boards-lined-up_24972-248.jpg?id=3913052",        imageAlt: "Dark Walnut Floor Restoration"},
+    {
+        id: "5",        brand: "FloorCraft",        name: "White Oak Finish",        price: "$9.00/sqft",        rating: 4.6,
+        reviewCount: "85",        imageSrc: "https://img.b2bpic.net/free-photo/herringbone-stairs-flooring-wooden-chevron-modern-finish_169016-68991.jpg?id=420756080",        imageAlt: "White Oak Floor Finishing"}
+  ];
+
   return (
     <ThemeProvider
         defaultButtonVariant="directional-hover"
@@ -20,15 +46,10 @@ export default function GalleryPage() {
         secondaryButtonStyle="layered"
         headingFontWeight="extrabold"
     >
-      <ReactLenis root>
+      
         <div id="nav" data-section="nav">
           <NavbarStyleCentered
-            navItems={[
-              { name: "Home", id: "/" },
-              { name: "Services", id: "/services" },
-              { name: "Gallery", id: "/gallery" },
-              { name: "Contact", id: "/contact" },
-            ]}
+            navItems={navItems}
             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"
@@ -37,27 +58,18 @@ export default function GalleryPage() {
           />
         </div>
 
-        <div id="project-gallery" data-section="project-gallery">
+        <div id="gallery-products" data-section="gallery-products">
           <ProductCardTwo
-            animationType="scale-rotate"
+            title="Our Recent Projects & Materials"
+            description="Explore the quality and craftsmanship of FloorCraft through our diverse portfolio of hardwood installations, refinishing, and custom floor designs."
+            products={products}
+            animationType="slide-up"
+            gridVariant="two-columns-alternating-heights"
             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."
           />
         </div>
 
-
         <div id="footer" data-section="footer">
             <FooterBase
             columns={[
@@ -66,33 +78,26 @@ export default function GalleryPage() {
                     { label: "Home", href: "/" },
                     { label: "Services", href: "/services" },
                     { label: "Gallery", href: "/gallery" },
-                  { label: "Contact", href: "/contact" }
-                ]
-              },
+                    { 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: "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: "Service Areas", href: "/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>
   );
 }

src/app/page.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import ReactLenis from "lenis/react";
+
 import AboutMetric from '@/components/sections/about/AboutMetric';
 import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
 import FooterBase from '@/components/sections/footer/FooterBase';
@@ -25,18 +25,15 @@ export default function LandingPage() {
         secondaryButtonStyle="layered"
         headingFontWeight="extrabold"
     >
-      <ReactLenis root>
+      
   <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>
@@ -128,7 +120,7 @@ export default function LandingPage() {
       features={[
         {
           title: "Hardwood Floor Installation",          description: "Expert installation of all hardwood types, ensuring a seamless and durable finish that enhances your home's aesthetic.",          media: {
-            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780966870626-bmc3gsu8.png",            imageAlt: "Hardwood floor installation"},
+            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780966870626-bmc3gsu8.png?_wi=1",            imageAlt: "Hardwood floor installation"},
           items: [
             {
               icon: Home,
@@ -138,13 +130,11 @@ 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"},
+            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780966945561-9h6uh1nb.png?_wi=1",            imageAlt: "Floor sanding service"},
           items: [
             {
               icon: Brush,
@@ -154,13 +144,11 @@ 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"},
+            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780966973320-uqhq8km9.png?_wi=1",            imageAlt: "Free flooring estimate"},
           items: [
             {
               icon: ClipboardCheck,
@@ -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,19 +224,16 @@ 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"}]}]}
       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>
   );
 }

src/app/service-areas/page.tsx

@@ -0,0 +1,94 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+
+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"
+    >
+      
+        <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" }
+                ]
+              }
+            ]}
+            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>
+      
+    </ThemeProvider>
+  );
+}