Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -2,12 +2,12 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroOverlay from '@/components/sections/hero/HeroOverlay';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
-import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
 
 export default function LandingPage() {
@@ -26,34 +26,16 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
+      <NavbarLayoutFloatingOverlay
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",
+        { name: "About", id: "about" },
-          id: "hero",
+        { name: "Services", id: "services" },
-        },
+        { name: "Reviews", id: "testimonials" },
-        {
+        { name: "Contact", id: "contact" },
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Reviews",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
       brandName="Luxury Cutz"
-      button={{
+      button={{ text: "Book Now", href: "https://squire.com" }}
-        text: "Book Now",
-        href: "https://squire.com",
-      }}
     />
   </div>
 
@@ -62,38 +44,17 @@ export default function LandingPage() {
       title="Precision Haircuts. Premium Experience."
       description="Luxury Cutz delivers professional fades, sharp lineups, and top-tier barber service in Middleborough. Experience the attention to detail your style deserves."
       buttons={[
-        {
+        { text: "Call Now", href: "tel:5082458148" },
-          text: "Call Now",
+        { text: "Book Appointment", href: "https://squire.com" },
-          href: "tel:5082458148",
-        },
-        {
-          text: "Book Appointment",
-          href: "https://squire.com",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/man-with-beard-hairdresser-with-client-man-with-brush_1157-43552.jpg?_wi=1"
       showDimOverlay={true}
       avatars={[
-        {
+        { src: "http://img.b2bpic.net/free-photo/bearded-man-wearing-white-shirt-looking-smiling-confident-showing-ok-sign-standing-pink-wall_141793-55819.jpg", alt: "Happy client" },
-          src: "http://img.b2bpic.net/free-photo/bearded-man-wearing-white-shirt-looking-smiling-confident-showing-ok-sign-standing-pink-wall_141793-55819.jpg",
+        { src: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11782.jpg", alt: "Happy client" },
-          alt: "Happy client",
+        { src: "http://img.b2bpic.net/free-photo/close-up-sad-boy-portrait_23-2149607247.jpg", alt: "Happy client" },
-        },
+        { src: "http://img.b2bpic.net/free-photo/attractive-guy-using-tablet-pc-cafe-near-window_613910-16335.jpg", alt: "Happy client" },
-        {
+        { src: "http://img.b2bpic.net/free-photo/bearded-client-just-got-good-beardcare-from-talanted-trendy-barber_613910-21575.jpg", alt: "Happy client" },
-          src: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11782.jpg",
-          alt: "Happy client",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-sad-boy-portrait_23-2149607247.jpg",
-          alt: "Happy client",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/attractive-guy-using-tablet-pc-cafe-near-window_613910-16335.jpg",
-          alt: "Happy client",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/bearded-client-just-got-good-beardcare-from-talanted-trendy-barber_613910-21575.jpg",
-          alt: "Happy client",
-        },
       ]}
       avatarText="29+ Verified Google Reviews"
     />
@@ -105,18 +66,9 @@ export default function LandingPage() {
       title="The Luxury Cutz Standard"
       description="Luxury Cutz is a modern barbershop focused on quality, detail, and great customer experience. Nuno takes pride in delivering precision cuts, sharp fades, and personalized service for every client."
       metrics={[
-        {
+        { value: "5.0", title: "Star Rating" },
-          value: "5.0",
+        { value: "29+", title: "Verified Reviews" },
-          title: "Star Rating",
+        { value: "100%", title: "Satisfaction" },
-        },
-        {
-          value: "29+",
-          title: "Verified Reviews",
-        },
-        {
-          value: "100%",
-          title: "Satisfaction",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/male-hairdresser-posing-salon_23-2150462487.jpg?_wi=1"
       mediaAnimation="slide-up"
@@ -130,66 +82,12 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       features={[
-        {
+        { id: "1", title: "Skin Fade", descriptions: ["Expertly blended fades and tapered sides.", "Starting at $35"], imageSrc: "http://img.b2bpic.net/free-photo/man-with-beard-hairdresser-with-client-man-with-brush_1157-43552.jpg?_wi=2" },
-          id: "1",
+        { id: "2", title: "Haircut", descriptions: ["Custom cut tailored to your hair type.", "Starting at $30"], imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-posing-salon_23-2150462487.jpg?_wi=2" },
-          title: "Skin Fade",
+        { id: "3", title: "Beard Trim", descriptions: ["Precise beard lining and shaping.", "Starting at $20"], imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-wearing-white-shirt-looking-smiling-confident-showing-ok-sign-standing-pink-wall_141793-55819.jpg?_wi=1" },
-          descriptions: [
+        { id: "4", title: "Kids Haircut", descriptions: ["Friendly and efficient service for kids.", "Starting at $25"], imageSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11782.jpg?_wi=1" },
-            "Expertly blended fades and tapered sides.",
+        { id: "5", title: "Line Up", descriptions: ["Sharp, clean edges for the final touch.", "Starting at $15"], imageSrc: "http://img.b2bpic.net/free-photo/close-up-sad-boy-portrait_23-2149607247.jpg?_wi=1" },
-            "Starting at $35",
+        { id: "6", title: "Hot Towel Finish", descriptions: ["Relaxing razor finish for smooth skin.", "Starting at $25"], imageSrc: "http://img.b2bpic.net/free-photo/attractive-guy-using-tablet-pc-cafe-near-window_613910-16335.jpg?_wi=1" },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/man-with-beard-hairdresser-with-client-man-with-brush_1157-43552.jpg?_wi=2",
-          imageAlt: "modern luxury barbershop interior",
-        },
-        {
-          id: "2",
-          title: "Haircut",
-          descriptions: [
-            "Custom cut tailored to your hair type.",
-            "Starting at $30",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-posing-salon_23-2150462487.jpg?_wi=2",
-          imageAlt: "professional barber smiling at camera",
-        },
-        {
-          id: "3",
-          title: "Beard Trim",
-          descriptions: [
-            "Precise beard lining and shaping.",
-            "Starting at $20",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-wearing-white-shirt-looking-smiling-confident-showing-ok-sign-standing-pink-wall_141793-55819.jpg?_wi=1",
-          imageAlt: "portrait of satisfied male client",
-        },
-        {
-          id: "4",
-          title: "Kids Haircut",
-          descriptions: [
-            "Friendly and efficient service for kids.",
-            "Starting at $25",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11782.jpg?_wi=1",
-          imageAlt: "man with stylish modern haircut",
-        },
-        {
-          id: "5",
-          title: "Line Up",
-          descriptions: [
-            "Sharp, clean edges for the final touch.",
-            "Starting at $15",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-sad-boy-portrait_23-2149607247.jpg?_wi=1",
-          imageAlt: "young man with sharp fade",
-        },
-        {
-          id: "6",
-          title: "Hot Towel Finish",
-          descriptions: [
-            "Relaxing razor finish for smooth skin.",
-            "Starting at $25",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/attractive-guy-using-tablet-pc-cafe-near-window_613910-16335.jpg?_wi=1",
-          imageAlt: "man looking at phone in barber chair",
-        },
       ]}
       title="Premium Grooming Services"
       description="Professional services tailored for every style."
@@ -202,60 +100,16 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
+        { id: "1", name: "Sarah J.", role: "Local Resident", company: "Middleborough", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-wearing-white-shirt-looking-smiling-confident-showing-ok-sign-standing-pink-wall_141793-55819.jpg?_wi=2" },
-          id: "1",
+        { id: "2", name: "Mike D.", role: "Professional", company: "Middleborough", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11782.jpg?_wi=2" },
-          name: "Sarah J.",
+        { id: "3", name: "Chris B.", role: "Regular Client", company: "Middleborough", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-sad-boy-portrait_23-2149607247.jpg?_wi=2" },
-          role: "Local Resident",
+        { id: "4", name: "Dave L.", role: "Father", company: "Middleborough", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-guy-using-tablet-pc-cafe-near-window_613910-16335.jpg?_wi=2" },
-          company: "Middleborough",
+        { id: "5", name: "Alex K.", role: "Customer", company: "Middleborough", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/bearded-client-just-got-good-beardcare-from-talanted-trendy-barber_613910-21575.jpg" },
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-wearing-white-shirt-looking-smiling-confident-showing-ok-sign-standing-pink-wall_141793-55819.jpg?_wi=2",
-        },
-        {
-          id: "2",
-          name: "Mike D.",
-          role: "Professional",
-          company: "Middleborough",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11782.jpg?_wi=2",
-        },
-        {
-          id: "3",
-          name: "Chris B.",
-          role: "Regular Client",
-          company: "Middleborough",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-sad-boy-portrait_23-2149607247.jpg?_wi=2",
-        },
-        {
-          id: "4",
-          name: "Dave L.",
-          role: "Father",
-          company: "Middleborough",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/attractive-guy-using-tablet-pc-cafe-near-window_613910-16335.jpg?_wi=2",
-        },
-        {
-          id: "5",
-          name: "Alex K.",
-          role: "Customer",
-          company: "Middleborough",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/bearded-client-just-got-good-beardcare-from-talanted-trendy-barber_613910-21575.jpg",
-        },
       ]}
       kpiItems={[
-        {
+        { value: "5.0", label: "Google Rating" },
-          value: "5.0",
+        { value: "29+", label: "Happy Clients" },
-          label: "Google Rating",
+        { value: "Expert", label: "Attention to Detail" },
-        },
-        {
-          value: "29+",
-          label: "Happy Clients",
-        },
-        {
-          value: "Expert",
-          label: "Attention to Detail",
-        },
       ]}
       title="Local Reviews"
       description="See what our community thinks about Nuno and the Luxury Cutz experience."
@@ -263,14 +117,14 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplit
+      <ContactSplitForm
       useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
-      tag="Get in Touch"
       title="Visit Luxury Cutz Today"
       description="Located at 222 Center St, Middleborough, MA. Open for appointments daily."
+      inputs={[
+        { name: "name", type: "text", placeholder: "Full Name", required: true },
+        { name: "email", type: "email", placeholder: "Email Address", required: true },
+      ]}
       mediaPosition="right"
       imageSrc="http://img.b2bpic.net/free-photo/male-hairdresser-posing-salon_23-2150462487.jpg?_wi=3"
       mediaAnimation="slide-up"
@@ -280,32 +134,14 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterSimple
       columns={[
-        {
+        { title: "Luxury Cutz", items: [
-          title: "Luxury Cutz",
+            { label: "222 Center St, Middleborough, MA 02346", href: "#" },
-          items: [
+            { label: "(508) 245-8148", href: "tel:5082458148" },
-            {
+        ] },
-              label: "222 Center St, Middleborough, MA 02346",
+        { title: "Quick Links", items: [
-              href: "#",
+            { label: "Book Appointment", href: "https://squire.com" },
-            },
+            { label: "Google Reviews", href: "#" },
-            {
+        ] },
-              label: "(508) 245-8148",
-              href: "tel:5082458148",
-            },
-          ],
-        },
-        {
-          title: "Quick Links",
-          items: [
-            {
-              label: "Book Appointment",
-              href: "https://squire.com",
-            },
-            {
-              label: "Google Reviews",
-              href: "#",
-            },
-          ],
-        },
       ]}
       bottomLeftText="© 2024 Luxury Cutz. All rights reserved."
       bottomRightText="Built for Local Success"