Update src/app/page.tsx

Merge version_8 into main

src/app/contact/page.tsx

@@ -2,19 +2,18 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
-import FooterBase from '@/components/sections/footer/FooterBase';
 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"
         defaultTextAnimation="reveal-blur"
         borderRadius="rounded"
         contentWidth="mediumLarge"
-        sizing="largeSmallSizeMediumTitles"
+        sizing="largeSizeMediumTitles"
         background="noise"
         cardStyle="glass-depth"
         primaryButtonStyle="radial-glow"
@@ -22,112 +21,75 @@ export default function LandingPage() {
         headingFontWeight="extrabold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
+        <div id="nav" data-section="nav">
-      <NavbarStyleCentered
+          <NavbarStyleCentered
-      navItems={[
+            navItems={[
-        {
+              { name: "Home", id: "/" },
-          name: "Home",          id: "/"},
+              { name: "Services", id: "/services" },
-        {
+              { name: "Gallery", id: "/gallery" },
-          name: "Services",          id: "/services"},
+              { name: "Contact", id: "/contact" },
-        {
+            ]}
-          name: "Gallery",          id: "/gallery"},
+            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"
-          name: "Contact",          id: "/contact"},
+            logoAlt="FloorCraft Logo"
-      ]}
+            brandName="FloorCraft"
-      button={{
+          />
-        text: "Get a Free Quote",        href: "/contact"}}
+        </div>
-      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">
+        <div id="contact-form-section" data-section="contact-form-section">
-      <ContactText
+          <ContactText
-      useInvertedBackground={false}
+            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={{
+            background={{ variant: "radial-gradient" }}
-        variant: "plain"}}
+            useInvertedBackground={false}
-      text="Ready to Transform Your Floors? Contact Us for a Free Quote Today!"
+            buttons={[
-      buttons={[
+                {
-        {
+                    text: "Call Us Today",                    href: "tel:+1234567890"
-          text: "Call Us Now: (555) 123-4567",          href: "tel:+15551234567"},
+                },
-        {
+                {
-          text: "Email Us: info@floorcraft.com",          href: "mailto:info@floorcraft.com"},
+                    text: "Email Us",                    href: "mailto:info@floorcraft.com"
-      ]}
+                }
-    />
+            ]}
-  </div>
+          />
+          {/* 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">
+        <div id="footer" data-section="footer">
-      <FaqDouble
+          <FooterBase
-      textboxLayout="default"
+            columns={[
-      useInvertedBackground={true}
+              {
-      faqs={[
+                title: "Navigation",                items: [
-        {
+                  { label: "Home", href: "/" },
-          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."},
+                  { label: "Services", href: "/services" },
-        {
+                  { label: "Gallery", href: "/gallery" },
-          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."},
+                  { label: "Contact", href: "/contact" },
-        {
+                ],
-          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."},
+                title: "Services",                items: [
-        {
+                  { label: "Hardwood Installation", href: "/services#hardwood-installation" },
-          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."},
+                  { label: "Floor Sanding", href: "/services#floor-sanding" },
-        {
+                  { label: "Free Estimates", href: "/services#free-estimates" },
-          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."},
+                  { label: "Custom Designs", href: "/services#custom-designs" },
-      ]}
+                ],
-      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"
+                title: "About Us",                items: [
-    />
+                  { label: "Our Story", href: "/#about" },
-  </div>
+                  { label: "Testimonials", href: "/#home-testimonials" },
-
+                  { label: "Service Areas", href: "/services#service-areas" },
-  <div id="footer" data-section="footer">
+                  { label: "FAQs", href: "/contact" },
-      <FooterBase
+                ],
-      columns={[
+              },
-        {
+            ]}
-          title: "Navigation",          items: [
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780963238289-ovhlz3j6.png"
-            {
+            logoAlt="FloorCraft Logo"
-              label: "Home",              href: "/"},
+            logoText="FloorCraft"
-            {
+            copyrightText="© 2024 FloorCraft. All rights reserved."
-              label: "Services",              href: "/services"},
+          />
-            {
+        </div>
-              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#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>
   );
-}
+}

src/app/gallery/page.tsx

@@ -4,17 +4,42 @@ 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 TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
 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"
         defaultTextAnimation="reveal-blur"
         borderRadius="rounded"
         contentWidth="mediumLarge"
-        sizing="largeSmallSizeMediumTitles"
+        sizing="largeSizeMediumTitles"
         background="noise"
         cardStyle="glass-depth"
         primaryButtonStyle="radial-glow"
@@ -24,94 +49,56 @@ export default function GalleryPage() {
       <ReactLenis root>
         <div id="nav" data-section="nav">
           <NavbarStyleCentered
-            navItems={[
+            navItems={navItems}
-              { name: "Home", id: "/" },
+            button={{
-              { name: "Services", id: "/services" },
+              text: "Get a Free Quote",              href: "/contact"}}
-              { 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="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-1780963238290-9c8uuc2l.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: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150713043.jpg", 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: "http://img.b2bpic.net/free-photo/composition-with-flashlight-useful-travel-items_23-2147604698.jpg", imageAlt: "Classic dining area with rich mahogany hardwood floors" },
-              { id: "project-6", brand: "Maple", name: "Spacious Bedroom", price: "", rating: 5, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-healthy-woman-bathrobe-indoors_1153-6373.jpg", 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="gallery-testimonials" data-section="gallery-testimonials">
-          <TestimonialCardSixteen
-            textboxLayout="default"
-            useInvertedBackground={true}
-            testimonials={[
-              { id: "g-1", name: "Olivia Wilson", role: "Home Remodeler", company: "Alpharetta, GA", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-man-choosing-color_23-2148903521.jpg", imageAlt: "Olivia Wilson" },
-              { id: "g-2", name: "Liam Brown", role: "Residential Client", company: "Roswell, GA", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13338.jpg", imageAlt: "Liam Brown" },
-              { id: "g-3", name: "Ava Garcia", role: "Custom Home Builder", company: "Atlanta, GA", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-man-posing_23-2148563434.jpg", imageAlt: "Ava Garcia" },
-              { id: "g-4", name: "Noah Miller", role: "Property Investor", company: "Sandy Springs, GA", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-girl-posing-studio_176474-68234.jpg", imageAlt: "Noah Miller" },
-              { id: "g-5", name: "Sophia Davis", role: "Homeowner", company: "Johns Creek, GA", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-relaxed-mature-business-man-standing-office-cafe-leaning-counter-holding-jacket-shoulder-smiling-camera_74855-10028.jpg", imageAlt: "Sophia Davis" }
-            ]}
-            kpiItems={[
-              { value: "Flawless", label: "Finishes" },
-              { value: "Artistry", label: "in Every Plank" },
-              { value: "Happy", label: "Homes" }
-            ]}
-            title="Hear From Homeowners We've Transformed"
-            description="See why families trust FloorCraft for their most cherished spaces. Our gallery showcases not just floors, but homes brought to life."
-            animationType="depth-3d"
           />
         </div>
 
         <div id="footer" data-section="footer">
-          <FooterBase
+            <FooterBase
             columns={[
-              {
+                {
-                title: "Navigation",                items: [
+                title: "Navigation",          items: [
-                  { label: "Home", href: "/" },
+                    { label: "Home", href: "/" },
-                  { label: "Services", href: "/services" },
+                    { label: "Services", href: "/services" },
-                  { label: "Gallery", href: "/gallery" },
+                    { label: "Gallery", href: "/gallery" },
-                  { label: "Contact", href: "/contact" }
+                    { label: "Contact", href: "/contact" }]
-                ]
+                },
-              },
+                {
-              {
+                title: "Services",          items: [
-                title: "Services",                items: [
+                    { label: "Hardwood Installation", href: "/services#hardwood-installation" },
-                  { label: "Hardwood Installation", href: "/services#hardwood-installation" },
+                    { label: "Floor Sanding", href: "/services#floor-sanding" },
-                  { label: "Floor Sanding", href: "/services#floor-sanding" },
+                    { label: "Free Estimates", href: "/services#free-estimates" },
-                  { 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" },
-                title: "About Us",                items: [
+                    { label: "Testimonials", href: "/#home-testimonials" },
-                  { label: "Our Story", href: "/#about" },
+                    { label: "Service Areas", href: "/service-areas" },
-                  { label: "Testimonials", href: "/#home-testimonials" },
+                    { label: "FAQs", href: "/contact#faq" }]
-                  { 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>

src/app/layout.tsx

@@ -4,7 +4,6 @@ import { Inter } from "next/font/google";
 import "./globals.css";
 import "@/lib/gsap-setup";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
-import Tag from "@/tag/Tag";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
 import { Mulish } from "next/font/google";
 
@@ -58,7 +57,7 @@ export default function RootLayout({
     <html lang="en" suppressHydrationWarning>
       <ServiceWrapper>
         <body className={`${mulish.variable} ${inter.variable} antialiased`}>
-          <Tag />
+          
           {children}
           <script
               dangerouslySetInnerHTML={{

src/app/page.tsx

@@ -18,7 +18,7 @@ export default function LandingPage() {
         defaultTextAnimation="reveal-blur"
         borderRadius="rounded"
         contentWidth="mediumLarge"
-        sizing="largeSmallSizeMediumTitles"
+        sizing="largeSizeMediumTitles"
         background="noise"
         cardStyle="glass-depth"
         primaryButtonStyle="radial-glow"
@@ -29,14 +29,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
+        { name: "Home", id: "/" },
-          name: "Home",          id: "/"},
+        { name: "Services", id: "/services" },
-        {
+        { name: "Service Areas", id: "/service-areas" },
-          name: "Services",          id: "/services"},
+        { name: "Gallery", id: "/gallery" },
-        {
+        { name: "Contact", id: "/contact" }
-          name: "Gallery",          id: "/gallery"},
-        {
-          name: "Contact",          id: "/contact"},
       ]}
       button={{
         text: "Get a Free Quote",        href: "/contact"}}
@@ -59,33 +56,30 @@ 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-1780963238290-d9zo6f2r.png"
+      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"
       mediaAnimation="slide-up"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-smiling-businesswoman-office_329181-19228.jpg",          alt: "Satisfied client"},
+          src: "https://img.b2bpic.net/free-photo/rustic-weathered-wood-surface-with-long-boards-lined-up_24972-248.jpg?id=3913052",          alt: "Satisfied client"},
         {
-          src: "http://img.b2bpic.net/free-photo/confident-smart-girl-got-everything-control-portrait-optimistic-goodlooking-girl-with-fair-hair-tanned-skin-winking-showing-okay-perfect-gesture-standing-blue-wall_1258-308436.jpg",          alt: "Happy homeowner"},
+          src: "https://img.b2bpic.net/free-photo/herringbone-stairs-flooring-wooden-chevron-modern-finish_169016-68991.jpg?id=420756080",          alt: "Happy homeowner"},
         {
-          src: "http://img.b2bpic.net/free-photo/beautiful-young-female-with-hair-bun-having-joyful-look-smiling-cheerfully-happy-with-some-positive-news_273609-9042.jpg",          alt: "Project supervisor"},
+          src: "https://img.b2bpic.net/free-photo/warm-wooden-texture_23-2151946271.jpg?id=413147449",          alt: "Project supervisor"},
         {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-model-expressing-emotion_23-2151912686.jpg",          alt: "Client testimonial"},
+          src: "https://img.b2bpic.net/free-photo/rustic-reclaimed-wood-planks-texture_84443-73858.jpg?id=426436371",          alt: "Client testimonial"},
         {
-          src: "http://img.b2bpic.net/free-photo/human-facial-expressions-portrait-serious-young-unshaven-male-with-curly-hair-keeping-chin-his-hands-with-pensive-look-thinking-something-posing-indoors_343059-1822.jpg",          alt: "Trusted customer"},
+          src: "https://img.b2bpic.net/free-vector/small-wooden-blocks-texture_1100-47.jpg?id=851179",          alt: "Trusted customer"}]}
-      ]}
+      avatarText=""
-      avatarText="Join Our Growing Family of Satisfied Customers!"
       marqueeItems={[
         {
           type: "text",          text: "Hardwood Installation"},
@@ -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: "http://img.b2bpic.net/free-photo/ai-generated-modern-styled-entryway_23-2150692391.jpg",            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"},
+              text: "Quality Guaranteed"}],
-          ],
+          reverse: false},
-          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: "http://img.b2bpic.net/free-photo/man-is-working-with-mosquito-wire-screen-installation_1150-6580.jpg",            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"},
+              text: "Stain Matching"}],
-          ],
+          reverse: true},
-          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: "http://img.b2bpic.net/free-photo/ruler-plans_23-2147785546.jpg",            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"},
+              text: "Flexible Scheduling"}],
-          ],
+          reverse: false}]}
-          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."
     />
@@ -185,31 +170,14 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       animationType="depth-3d"
-      testimonials={[
+      testimonials={[]}
-        {
-          id: "1",          name: "Sarah Johnson",          role: "Homeowner",          company: "Atlanta, GA",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-stylish-senior-caucasian-female-pensioner-with-pixie-short-hairstyle-spending-day-home-standing-living-room-wearing-elegant-blue-dress-smiling-happily_343059-2673.jpg",          imageAlt: "Sarah Johnson"},
-        {
-          id: "2",          name: "Michael Chen",          role: "Residential Developer",          company: "Macon, GA",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-with-bright-smile_23-2148563438.jpg",          imageAlt: "Michael Chen"},
-        {
-          id: "3",          name: "Emily Rodriguez",          role: "Interior Designer",          company: "Alpharetta, GA",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/glad-brunette-young-woman-smiles-happily-keeps-thumbs-up-shows-approval-sign-satisfied-with-service-good-feedback-says-its-excellent-dressed-casual-pink-t-shirt-isolated-white-background_273609-61011.jpg",          imageAlt: "Emily Rodriguez"},
-        {
-          id: "4",          name: "David Kim",          role: "First-Time Homeowner",          company: "Savannah, GA",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-pretty-curly-haired-lady-showing-thumb-up-park_1262-20821.jpg",          imageAlt: "David Kim"},
-        {
-          id: "5",          name: "Jessica Lee",          role: "Property Manager",          company: "Roswell, GA",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beauty-businesswoman-leaning-against-brick-wall_613910-773.jpg",          imageAlt: "Jessica Lee"},
-      ]}
       kpiItems={[
         {
           value: "5.0",          label: "Average Rating"},
         {
           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."
     />
@@ -219,10 +187,9 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={false}
-      names={[
+      names={[]}
-        "WoodMark Supplies",        "Elite Builders",        "Design Innovations",        "GreenWood Co.",        "Luxury Living Homes",        "Community Craftsmen",        "Certified Flooring Pros"]}
+      title=""
-      title="Our Trusted Partners & Featured Brands"
+      description=""
-      description="We collaborate with leading suppliers and home builders to ensure every FloorCraft project meets the highest standards of quality and aesthetics."
       speed={40}
     />
   </div>
@@ -239,9 +206,7 @@ export default function LandingPage() {
             {
               label: "Gallery",              href: "/gallery"},
             {
-              label: "Contact",              href: "/contact"},
+              label: "Contact",              href: "/contact"}]},
-          ],
-        },
         {
           title: "Services",          items: [
             {
@@ -251,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: [
             {
@@ -261,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"

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>
+  );
+}

src/app/services/page.tsx

@@ -16,7 +16,7 @@ export default function LandingPage() {
         defaultTextAnimation="reveal-blur"
         borderRadius="rounded"
         contentWidth="mediumLarge"
-        sizing="largeSmallSizeMediumTitles"
+        sizing="largeSizeMediumTitles"
         background="noise"
         cardStyle="glass-depth"
         primaryButtonStyle="radial-glow"
@@ -52,7 +52,7 @@ export default function LandingPage() {
       features={[
         {
           title: "Hardwood Installation",          description: "From selection to installation, we guide you through choosing the perfect hardwood, ensuring a beautiful and lasting addition to your home.",          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/bangkok-thailand-august-12-2016-beautiful-luxury-living-room_1203-2344.jpg",            imageAlt: "Hardwood floor installation"},
+            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780967789061-j0iopjpz.png",            imageAlt: "Hardwood floor installation"},
           items: [
             {
               icon: CheckCircle,
@@ -68,7 +68,7 @@ export default function LandingPage() {
         },
         {
           title: "Floor Sanding & Refinishing",          description: "Breathe new life into old floors. Our meticulous sanding and refinishing services restore their original luster and protect them for years to come.",          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/young-housewife-with-yellow-gloves-cleaning-floor_140725-12662.jpg",            imageAlt: "Floor sanding and refinishing"},
+            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780967809562-h19uz2n7.png",            imageAlt: "Floor sanding and refinishing"},
           items: [
             {
               icon: CheckCircle,
@@ -84,7 +84,7 @@ export default function LandingPage() {
         },
         {
           title: "Custom Flooring Designs",          description: "Elevate your space with unique patterns, borders, and inlay designs. We craft bespoke flooring solutions that reflect your personal style and vision.",          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/creative-fengshui-practice-outdoors-arrangement_23-2149135744.jpg",            imageAlt: "Custom patterned hardwood floor"},
+            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780967849188-dqddwbsc.png",            imageAlt: "Custom patterned hardwood floor"},
           items: [
             {
               icon: CheckCircle,
@@ -206,4 +206,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}