Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -33,37 +33,21 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "home"},
-          id: "home",
-        },
         {
-          name: "About",
+          name: "About",          id: "about"},
-          id: "about",
-        },
         {
-          name: "Services",
+          name: "Services",          id: "services"},
-          id: "services",
-        },
         {
-          name: "Team",
+          name: "Team",          id: "team"},
-          id: "team",
-        },
         {
-          name: "Testimonials",
+          name: "Testimonials",          id: "testimonials"},
-          id: "testimonials",
-        },
         {
-          name: "Pricing",
+          name: "Pricing",          id: "pricing"},
-          id: "pricing",
-        },
         {
-          name: "FAQ",
+          name: "FAQ",          id: "faq"},
-          id: "faq",
-        },
         {
-          name: "Book Now",
+          name: "Book Now",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="Lypsʹkyy Barbershop"
       bottomLeftText="Expert Barbers. Exceptional Service."
@@ -74,8 +58,7 @@ export default function LandingPage() {
   <div id="home" data-section="home">
       <HeroBillboardRotatedCarousel
       background={{
-        variant: "rotated-rays-animated",
+        variant: "rotated-rays-animated"}}
-      }}
       title="Sharpen Your Style"
       description="Experience the finest cuts, shaves, and grooming services at Lypsʹkyy Barbershop. Where tradition meets modern precision."
       tag="Luxury Grooming"
@@ -83,46 +66,24 @@ export default function LandingPage() {
       tagAnimation="slide-up"
       buttons={[
         {
-          text: "Book Now",
+          text: "Book Now",          href: "#contact"},
-          href: "#contact",
-        },
         {
-          text: "Our Services",
+          text: "Our Services",          href: "#services"},
-          href: "#services",
-        },
       ]}
       buttonAnimation="slide-up"
       carouselItems={[
         {
-          id: "1",
+          id: "1",          imageSrc: "https://source.unsplash.com/random/800x600?barber,cutting,hair",          imageAlt: "Barber cutting a client's hair"},
-          imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6328.jpg",
-          imageAlt: "Barber cutting a client's hair",
-        },
         {
-          id: "2",
+          id: "2",          imageSrc: "https://source.unsplash.com/random/800x600?barber,shaving,beard",          imageAlt: "Barber performing a hot towel shave"},
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-barbershop-concept_23-2148506256.jpg",
-          imageAlt: "Barber performing a hot towel shave",
-        },
         {
-          id: "3",
+          id: "3",          imageSrc: "https://source.unsplash.com/random/800x600?barbershop,interior,vintage",          imageAlt: "Barber styling a client's hair"},
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-washing-head_627829-7378.jpg",
-          imageAlt: "Barber styling a client's hair",
-        },
         {
-          id: "4",
+          id: "4",          imageSrc: "https://source.unsplash.com/random/800x600?man,haircut,client",          imageAlt: "Stylish barbershop interior"},
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205861.jpg",
-          imageAlt: "Stylish barbershop interior",
-        },
         {
-          id: "5",
+          id: "5",          imageSrc: "https://source.unsplash.com/random/800x600?barber,styling,hair",          imageAlt: "Barber using clippers for a fade"},
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-man-getting-haircut_23-2148224298.jpg",
-          imageAlt: "Barber using clippers for a fade",
-        },
         {
-          id: "6",
+          id: "6",          imageSrc: "https://source.unsplash.com/random/800x600?barbershop,tools,razor",          imageAlt: "Barbershop grooming products display"},
-          imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6322.jpg",
-          imageAlt: "Barbershop grooming products display",
-        },
       ]}
       autoPlay={true}
       autoPlayInterval={4000}
@@ -135,7 +96,7 @@ export default function LandingPage() {
       title="Where Craft Meets Comfort"
       description="At Lypsʹkyy Barbershop, we blend timeless grooming traditions with contemporary techniques. Our passionate barbers are dedicated to providing a personalized experience, ensuring you leave looking and feeling your best. Step into our relaxed atmosphere and discover the difference of true craftsmanship."
       tag="Our Story"
-      imageSrc="http://img.b2bpic.net/free-photo/clueless-young-male-barber-wearing-white-shirt-barber-apron-holding-comb-hair-clip-air-looking-hair-clip-isolated-blue-background_141793-134179.jpg"
+      imageSrc="https://source.unsplash.com/random/1200x800?barbershop,inside,chair"
       imageAlt="Interior of Lypsʹkyy Barbershop with a barber working"
     />
   </div>
@@ -148,23 +109,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Precision Haircut",
+          title: "Precision Haircut",          description: "Our signature cut, tailored to your head shape and style preferences. Includes consultation, wash, cut, and finish.",          imageSrc: "https://source.unsplash.com/random/600x400?precision,haircut",          imageAlt: "Man getting a precision haircut"},
-          description: "Our signature cut, tailored to your head shape and style preferences. Includes consultation, wash, cut, and finish.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-barbershop-concept_23-2148506217.jpg",
-          imageAlt: "Man getting a precision haircut",
-        },
         {
-          title: "Classic Hot Shave",
+          title: "Classic Hot Shave",          description: "Indulge in the luxurious hot towel shave experience, complete with essential oils, a straight razor, and soothing aftershave.",          imageSrc: "https://source.unsplash.com/random/600x400?hot,towel,shave",          imageAlt: "Barber performing a classic hot towel shave"},
-          description: "Indulge in the luxurious hot towel shave experience, complete with essential oils, a straight razor, and soothing aftershave.",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-barbershop-concept_23-2148506264.jpg",
-          imageAlt: "Barber performing a classic hot towel shave",
-        },
         {
-          title: "Beard Trim & Styling",
+          title: "Beard Trim & Styling",          description: "From a simple tidy-up to a complete beard transformation, we'll sculpt your beard to perfection, enhancing your facial features.",          imageSrc: "https://source.unsplash.com/random/600x400?beard,trim,style",          imageAlt: "Man getting his beard trimmed and styled"},
-          description: "From a simple tidy-up to a complete beard transformation, we'll sculpt your beard to perfection, enhancing your facial features.",
-          imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-18422.jpg",
-          imageAlt: "Man getting his beard trimmed and styled",
-        },
       ]}
       title="Signature Services"
       description="Discover our range of expert grooming services designed to refine your look and rejuvenate your spirit."
@@ -180,29 +129,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       members={[
         {
-          id: "1",
+          id: "1",          name: "Oleksandr Lypsʹkyy",          role: "Founder & Lead Barber",          description: "With over 15 years of experience, Oleksandr is a true artist with clippers and a razor. His passion for classic styles and modern trends shines through every cut.",          imageSrc: "https://source.unsplash.com/random/400x400?male,barber,portrait,confident",          imageAlt: "Portrait of Oleksandr Lypsʹkyy"},
-          name: "Oleksandr Lypsʹkyy",
-          role: "Founder & Lead Barber",
-          description: "With over 15 years of experience, Oleksandr is a true artist with clippers and a razor. His passion for classic styles and modern trends shines through every cut.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94801.jpg",
-          imageAlt: "Portrait of Oleksandr Lypsʹkyy",
-        },
         {
-          id: "2",
+          id: "2",          name: "Kateryna Ivanova",          role: "Senior Stylist",          description: "Kateryna brings a fresh perspective to traditional grooming. Specializing in intricate fades and beard artistry, she ensures every client leaves feeling confident.",          imageSrc: "https://source.unsplash.com/random/400x400?female,stylist,portrait,professional",          imageAlt: "Portrait of Kateryna Ivanova"},
-          name: "Kateryna Ivanova",
-          role: "Senior Stylist",
-          description: "Kateryna brings a fresh perspective to traditional grooming. Specializing in intricate fades and beard artistry, she ensures every client leaves feeling confident.",
-          imageSrc: "http://img.b2bpic.net/free-photo/tired-with-closed-eyes-young-beautiful-female-barber-uniform-holding-winner-cup-with-hair-clippers-isolated-blue-background_141793-119364.jpg",
-          imageAlt: "Portrait of Kateryna Ivanova",
-        },
         {
-          id: "3",
+          id: "3",          name: "Dmytro Volkov",          role: "Grooming Specialist",          description: "Dmytro is our meticulous grooming expert, known for his attention to detail in shaves and facials. He’s dedicated to providing a relaxing and rejuvenating experience.",          imageSrc: "https://source.unsplash.com/random/400x400?grooming,specialist,portrait,focused",          imageAlt: "Portrait of Dmytro Volkov"},
-          name: "Dmytro Volkov",
-          role: "Grooming Specialist",
-          description: "Dmytro is our meticulous grooming expert, known for his attention to detail in shaves and facials. He’s dedicated to providing a relaxing and rejuvenating experience.",
-          imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-trimmer-clenching-fist-happy-excited-shouting_141793-37149.jpg",
-          imageAlt: "Portrait of Dmytro Volkov",
-        },
       ]}
       title="Meet Our Master Barbers"
       description="Our team of highly skilled and passionate barbers are here to provide you with an exceptional grooming experience."
@@ -215,43 +146,21 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "Mark R.",          imageSrc: "https://source.unsplash.com/random/200x200?client,man,happy",          imageAlt: "Client Mark R. smiling"},
-          name: "Mark R.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-hairstilyst-giving-haircut_23-2148506285.jpg",
-          imageAlt: "Client Mark R. smiling",
-        },
         {
-          id: "2",
+          id: "2",          name: "Alex B.",          imageSrc: "https://source.unsplash.com/random/200x200?customer,male,satisfied",          imageAlt: "Client Alex B. with a groomed beard"},
-          name: "Alex B.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg",
-          imageAlt: "Client Alex B. with a groomed beard",
-        },
         {
-          id: "3",
+          id: "3",          name: "John S.",          imageSrc: "https://source.unsplash.com/random/200x200?guy,fresh,look",          imageAlt: "Client John S. smiling confidently"},
-          name: "John S.",
-          imageSrc: "http://img.b2bpic.net/free-photo/fashion-stylish-model-dressed-elegant-light-pink-suit-posing-near-white-wall_158538-13439.jpg",
-          imageAlt: "Client John S. smiling confidently",
-        },
         {
-          id: "4",
+          id: "4",          name: "David L.",          imageSrc: "https://source.unsplash.com/random/200x200?gentleman,groomed",          imageAlt: "Client David L. with a neat haircut"},
-          name: "David L.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-crosswalk_1098-14105.jpg",
-          imageAlt: "Client David L. with a neat haircut",
-        },
         {
-          id: "5",
+          id: "5",          name: "Ivan K.",          imageSrc: "https://source.unsplash.com/random/200x200?man,smiling,barbershop",          imageAlt: "Client Ivan K. with a fresh modern haircut"},
-          name: "Ivan K.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-wearing-barber-apron-holding-razor-scissors-afraid-shocked-with-surprise-amazed-expression-fear-excited-face_839833-10378.jpg",
-          imageAlt: "Client Ivan K. with a fresh modern haircut",
-        },
       ]}
       cardTitle="What Our Clients Say"
       cardTag="Rave Reviews"
       buttons={[
         {
-          text: "See All Reviews",
+          text: "See All Reviews",          href: "#"},
-          href: "#",
-        },
       ]}
       cardAnimation="slide-up"
     />
@@ -264,61 +173,31 @@ export default function LandingPage() {
       useInvertedBackground={true}
       plans={[
         {
-          id: "basic-cut",
+          id: "basic-cut",          badge: "Classic",          badgeIcon: Scissors,
-          badge: "Classic",
+          price: "$40",          subtitle: "Precision Haircut",          buttons: [
-          badgeIcon: Scissors,
-          price: "$40",
-          subtitle: "Precision Haircut",
-          buttons: [
             {
-              text: "Book Haircut",
+              text: "Book Haircut",              href: "#contact"},
-              href: "#contact",
-            },
           ],
           features: [
-            "Consultation",
+            "Consultation",            "Wash & Cut",            "Basic Styling",            "Hot Towel Finish"],
-            "Wash & Cut",
-            "Basic Styling",
-            "Hot Towel Finish",
-          ],
         },
         {
-          id: "deluxe-shave",
+          id: "deluxe-shave",          badge: "Premium",          badgeIcon: Cog,
-          badge: "Premium",
+          price: "$55",          subtitle: "Classic Hot Shave",          buttons: [
-          badgeIcon: Cog,
-          price: "$55",
-          subtitle: "Classic Hot Shave",
-          buttons: [
             {
-              text: "Book Shave",
+              text: "Book Shave",              href: "#contact"},
-              href: "#contact",
-            },
           ],
           features: [
-            "Pre-Shave Prep",
+            "Pre-Shave Prep",            "Hot Lather & Straight Razor",            "Soothing Aftershave",            "Face Massage"],
-            "Hot Lather & Straight Razor",
-            "Soothing Aftershave",
-            "Face Massage",
-          ],
         },
         {
-          id: "full-package",
+          id: "full-package",          badge: "Signature",          badgeIcon: Crown,
-          badge: "Signature",
+          price: "$90",          subtitle: "Haircut & Hot Shave",          buttons: [
-          badgeIcon: Crown,
-          price: "$90",
-          subtitle: "Haircut & Hot Shave",
-          buttons: [
             {
-              text: "Book Package",
+              text: "Book Package",              href: "#contact"},
-              href: "#contact",
-            },
           ],
           features: [
-            "Precision Haircut",
+            "Precision Haircut",            "Hot Lather & Straight Razor Shave",            "Beard Trim (if applicable)",            "Face Massage & Styling"],
-            "Hot Lather & Straight Razor Shave",
-            "Beard Trim (if applicable)",
-            "Face Massage & Styling",
-          ],
         },
       ]}
       title="Our Pricing"
@@ -333,20 +212,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "q1",
+          id: "q1",          title: "Do I need an appointment?",          content: "While walk-ins are welcome, we highly recommend booking an appointment to ensure you get your preferred barber and avoid waiting times. You can book online or call us directly."},
-          title: "Do I need an appointment?",
-          content: "While walk-ins are welcome, we highly recommend booking an appointment to ensure you get your preferred barber and avoid waiting times. You can book online or call us directly.",
-        },
         {
-          id: "q2",
+          id: "q2",          title: "What products do you use?",          content: "We use a curated selection of high-quality grooming products from trusted brands, chosen for their effectiveness and natural ingredients to protect your hair and skin."},
-          title: "What products do you use?",
-          content: "We use a curated selection of high-quality grooming products from trusted brands, chosen for their effectiveness and natural ingredients to protect your hair and skin.",
-        },
         {
-          id: "q3",
+          id: "q3",          title: "Do you offer gift cards?",          content: "Yes, gift cards are available for purchase in-store or online. They make the perfect gift for any gentleman looking to refine their style."},
-          title: "Do you offer gift cards?",
-          content: "Yes, gift cards are available for purchase in-store or online. They make the perfect gift for any gentleman looking to refine their style.",
-        },
       ]}
       title="Frequently Asked Questions"
       description="Have questions? We've got answers. Check out our most common inquiries below."
@@ -359,20 +229,15 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={true}
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
       tag="Ready for a Fresh Look?"
       title="Book Your Appointment Today"
       description="Don't wait to look your best. Schedule your visit to Lypsʹkyy Barbershop and let our experts craft your perfect style."
       buttons={[
         {
-          text: "Call Now",
+          text: "Call Now",          href: "tel:+1234567890"},
-          href: "tel:+1234567890",
-        },
         {
-          text: "Book Online",
+          text: "Book Online",          href: "#"},
-          href: "#",
-        },
       ]}
       buttonAnimation="slide-up"
     />
@@ -385,66 +250,39 @@ export default function LandingPage() {
       logoText="Lypsʹkyy Barbershop"
       columns={[
         {
-          title: "Services",
+          title: "Services",          items: [
-          items: [
             {
-              label: "Haircuts",
+              label: "Haircuts",              href: "#services"},
-              href: "#services",
-            },
             {
-              label: "Shaves",
+              label: "Shaves",              href: "#services"},
-              href: "#services",
-            },
             {
-              label: "Beard Trims",
+              label: "Beard Trims",              href: "#services"},
-              href: "#services",
-            },
             {
-              label: "Pricing",
+              label: "Pricing",              href: "#pricing"},
-              href: "#pricing",
-            },
           ],
         },
         {
-          title: "Company",
+          title: "Company",          items: [
-          items: [
             {
-              label: "About Us",
+              label: "About Us",              href: "#about"},
-              href: "#about",
-            },
             {
-              label: "Our Team",
+              label: "Our Team",              href: "#team"},
-              href: "#team",
-            },
             {
-              label: "Testimonials",
+              label: "Testimonials",              href: "#testimonials"},
-              href: "#testimonials",
-            },
             {
-              label: "FAQ",
+              label: "FAQ",              href: "#faq"},
-              href: "#faq",
-            },
           ],
         },
         {
-          title: "Connect",
+          title: "Connect",          items: [
-          items: [
             {
-              label: "Book Now",
+              label: "Book Now",              href: "#contact"},
-              href: "#contact",
-            },
             {
-              label: "Contact Us",
+              label: "Contact Us",              href: "#contact"},
-              href: "#contact",
-            },
             {
-              label: "Instagram",
+              label: "Instagram",              href: "https://instagram.com/lypskyybarbershop"},
-              href: "https://instagram.com/lypskyybarbershop",
-            },
             {
-              label: "Facebook",
+              label: "Facebook",              href: "https://facebook.com/lypskyybarbershop"},
-              href: "https://facebook.com/lypskyybarbershop",
-            },
           ],
         },
       ]}