Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -6,7 +6,7 @@ import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
+import HeroSplit from '@/components/sections/hero/HeroSplit';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
@@ -33,65 +33,31 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Services",
+          name: "Services",          id: "#services"},
-          id: "#services",
-        },
         {
-          name: "Pricing",
+          name: "Pricing",          id: "#pricing"},
-          id: "#pricing",
-        },
         {
-          name: "Reviews",
+          name: "Reviews",          id: "#testimonials"},
-          id: "#testimonials",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "#contact"},
-          id: "#contact",
-        },
       ]}
       brandName="Prague Nails"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroBillboardCarousel
+      <HeroSplit
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       title="Premium Nails in Central Prague"
       description="Expert manicures, pedicures, and nail art from experienced technicians. Book sameday appointments with confidence at our top-rated salon."
       buttons={[
         {
-          text: "Book Your Appointment",
+          text: "Book Your Appointment",          href: "#contact"},
-          href: "#contact",
-        },
-      ]}
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/manicurist-doing-gel-nail-design-client-close-up_127675-2638.jpg?_wi=1",
-          imageAlt: "elegant manicure studio prague",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/decoration-details-modern-wellness-center-with-flower-vase-candles_1139-1699.jpg",
-          imageAlt: "elegant manicure studio prague",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/female-hands-with-gray-glitter-nail-design_127675-2836.jpg",
-          imageAlt: "elegant manicure studio prague",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-furniture-shop-store-interior_1203-8577.jpg",
-          imageAlt: "elegant manicure studio prague",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/lady-with-phone-standing-panoramic-kitchen-with-bright-walls-high-table-bar-chairs_231208-2962.jpg",
-          imageAlt: "elegant manicure studio prague",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-incognito-woman-with-elegant-dark-nails-manicured-fingers-with-rings-wearing-red-compact-crossbag-bright-red-color_132075-12161.jpg",
-          imageAlt: "elegant manicure studio prague",
-        },
       ]}
+      imageSrc="http://img.b2bpic.net/free-photo/manicurist-doing-gel-nail-design-client-close-up_127675-2638.jpg?_wi=1"
+      imagePosition="right"
+      mediaAnimation="blur-reveal"
     />
   </div>
 
@@ -100,14 +66,9 @@ export default function LandingPage() {
       useInvertedBackground={true}
       heading={[
         {
-          type: "text",
+          type: "text",          content: "Experience Excellence in Nail Care"},
-          content: "Experience Excellence in Nail Care",
-        },
         {
-          type: "image",
+          type: "image",          src: "http://img.b2bpic.net/free-photo/excited-long-haired-girl-black-dress-purple-shoes-having-fun-cafe-with-pretty-blonde-female-friend_197531-4703.jpg",          alt: "professional nail technician at work"},
-          src: "http://img.b2bpic.net/free-photo/excited-long-haired-girl-black-dress-purple-shoes-having-fun-cafe-with-pretty-blonde-female-friend_197531-4703.jpg",
-          alt: "professional nail technician at work",
-        },
       ]}
     />
   </div>
@@ -120,19 +81,13 @@ export default function LandingPage() {
       features={[
         {
           icon: Sparkles,
-          title: "Expert Manicures",
+          title: "Expert Manicures",          description: "Classic and gel manicures using high-end products for long-lasting finish."},
-          description: "Classic and gel manicures using high-end products for long-lasting finish.",
-        },
         {
           icon: Star,
-          title: "Pedicure Spa",
+          title: "Pedicure Spa",          description: "Relaxing spa pedicures focusing on hygiene and foot care standards."},
-          description: "Relaxing spa pedicures focusing on hygiene and foot care standards.",
-        },
         {
           icon: Palette,
-          title: "Custom Nail Art",
+          title: "Custom Nail Art",          description: "Professional artists offering intricate designs and modern styling."},
-          description: "Professional artists offering intricate designs and modern styling.",
-        },
       ]}
       title="Our Professional Services"
       description="We specialize in high-quality nail treatments, keeping your hands and feet healthy and beautiful."
@@ -146,55 +101,28 @@ export default function LandingPage() {
       useInvertedBackground={true}
       plans={[
         {
-          id: "p1",
+          id: "p1",          badge: "Essential",          price: "750 CZK",          subtitle: "Perfect for routine care",          buttons: [
-          badge: "Essential",
-          price: "750 CZK",
-          subtitle: "Perfect for routine care",
-          buttons: [
             {
-              text: "Book Now",
+              text: "Book Now",              href: "#contact"},
-              href: "#contact",
-            },
           ],
           features: [
-            "Manicure",
+            "Manicure",            "Nail trim",            "Hand cream"],
-            "Nail trim",
-            "Hand cream",
-          ],
         },
         {
-          id: "p2",
+          id: "p2",          badge: "Premium",          price: "1,200 CZK",          subtitle: "Full spa experience",          buttons: [
-          badge: "Premium",
-          price: "1,200 CZK",
-          subtitle: "Full spa experience",
-          buttons: [
             {
-              text: "Book Now",
+              text: "Book Now",              href: "#contact"},
-              href: "#contact",
-            },
           ],
           features: [
-            "Gel manicure",
+            "Gel manicure",            "Spa pedicure",            "Nail art"],
-            "Spa pedicure",
-            "Nail art",
-          ],
         },
         {
-          id: "p3",
+          id: "p3",          badge: "Artistic",          price: "1,500 CZK",          subtitle: "Custom nail design",          buttons: [
-          badge: "Artistic",
-          price: "1,500 CZK",
-          subtitle: "Custom nail design",
-          buttons: [
             {
-              text: "Book Now",
+              text: "Book Now",              href: "#contact"},
-              href: "#contact",
-            },
           ],
           features: [
-            "Intricate art",
+            "Intricate art",            "Gel polish",            "Extended massage"],
-            "Gel polish",
-            "Extended massage",
-          ],
         },
       ]}
       title="Transparent Pricing"
@@ -208,60 +136,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
+          id: "t1",          name: "Sarah J.",          date: "Jan 2025",          title: "Great Service",          quote: "Professional and clean. My nails look perfect!",          tag: "Regular",          avatarSrc: "http://img.b2bpic.net/free-photo/pleased-successful-female-administrator-office_273609-4124.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/manicurist-doing-gel-nail-design-client-close-up_127675-2638.jpg?_wi=2",          imageAlt: "happy woman customer portrait"},
-          name: "Sarah J.",
-          date: "Jan 2025",
-          title: "Great Service",
-          quote: "Professional and clean. My nails look perfect!",
-          tag: "Regular",
-          avatarSrc: "http://img.b2bpic.net/free-photo/pleased-successful-female-administrator-office_273609-4124.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/manicurist-doing-gel-nail-design-client-close-up_127675-2638.jpg?_wi=2",
-          imageAlt: "happy woman customer portrait",
-        },
         {
-          id: "t2",
+          id: "t2",          name: "Emma L.",          date: "Dec 2024",          title: "So Fast!",          quote: "Friendly staff and quick service for my busy schedule.",          tag: "Tourist",          avatarSrc: "http://img.b2bpic.net/free-photo/cute-girl-with-long-hair-sunglasses-is-standing-terrace-she-wears-white-dress-with-bare-shoulders-red-lipstick-hat-she-is-speaking-phone-smiling-camera_197531-24918.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/excited-long-haired-girl-black-dress-purple-shoes-having-fun-cafe-with-pretty-blonde-female-friend_197531-4703.jpg",          imageAlt: "happy woman customer portrait"},
-          name: "Emma L.",
-          date: "Dec 2024",
-          title: "So Fast!",
-          quote: "Friendly staff and quick service for my busy schedule.",
-          tag: "Tourist",
-          avatarSrc: "http://img.b2bpic.net/free-photo/cute-girl-with-long-hair-sunglasses-is-standing-terrace-she-wears-white-dress-with-bare-shoulders-red-lipstick-hat-she-is-speaking-phone-smiling-camera_197531-24918.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/excited-long-haired-girl-black-dress-purple-shoes-having-fun-cafe-with-pretty-blonde-female-friend_197531-4703.jpg",
-          imageAlt: "happy woman customer portrait",
-        },
         {
-          id: "t3",
+          id: "t3",          name: "Marta K.",          date: "Nov 2024",          title: "Best Nail Art",          quote: "Talented technicians, I loved my custom design.",          tag: "Local",          avatarSrc: "http://img.b2bpic.net/free-photo/successful-business-woman_1328-2320.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-tools-nail-art_23-2150321318.jpg",          imageAlt: "happy woman customer portrait"},
-          name: "Marta K.",
-          date: "Nov 2024",
-          title: "Best Nail Art",
-          quote: "Talented technicians, I loved my custom design.",
-          tag: "Local",
-          avatarSrc: "http://img.b2bpic.net/free-photo/successful-business-woman_1328-2320.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-tools-nail-art_23-2150321318.jpg",
-          imageAlt: "happy woman customer portrait",
-        },
         {
-          id: "t4",
+          id: "t4",          name: "Julia V.",          date: "Oct 2024",          title: "Highly Recommend",          quote: "Hygiene standards here are the best in Prague.",          tag: "Local",          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67039.jpg",          imageSrc: "http://img.b2bpic.net/free-vector/pedicure-nail-polish_1284-8909.jpg",          imageAlt: "happy woman customer portrait"},
-          name: "Julia V.",
-          date: "Oct 2024",
-          title: "Highly Recommend",
-          quote: "Hygiene standards here are the best in Prague.",
-          tag: "Local",
-          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67039.jpg",
-          imageSrc: "http://img.b2bpic.net/free-vector/pedicure-nail-polish_1284-8909.jpg",
-          imageAlt: "happy woman customer portrait",
-        },
         {
-          id: "t5",
+          id: "t5",          name: "Chloe B.",          date: "Sept 2024",          title: "Lovely Experience",          quote: "Very accommodating with my booking, will return.",          tag: "Visitor",          avatarSrc: "http://img.b2bpic.net/free-photo/blur-portrait-african-smiling-guy-with-his-hand-focus-relaxed-black-man-elegant-suit-sitting-bench-showing-thumb-up_197531-21913.jpg",          imageSrc: "http://img.b2bpic.net/free-psd/nail-studio-illustration_23-2150854543.jpg",          imageAlt: "happy woman customer portrait"},
-          name: "Chloe B.",
-          date: "Sept 2024",
-          title: "Lovely Experience",
-          quote: "Very accommodating with my booking, will return.",
-          tag: "Visitor",
-          avatarSrc: "http://img.b2bpic.net/free-photo/blur-portrait-african-smiling-guy-with-his-hand-focus-relaxed-black-man-elegant-suit-sitting-bench-showing-thumb-up_197531-21913.jpg",
-          imageSrc: "http://img.b2bpic.net/free-psd/nail-studio-illustration_23-2150854543.jpg",
-          imageAlt: "happy woman customer portrait",
-        },
       ]}
       title="Client Reviews"
       description="Trusted by hundreds of local residents and visitors."
@@ -273,14 +156,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       names={[
-        "Prague Business City",
+        "Prague Business City",        "Beauty Excellence",        "Euro Nail Society",        "City Travel Guide",        "Salon Excellence",        "Local Association",        "Premium Beauty Seal"]}
-        "Beauty Excellence",
-        "Euro Nail Society",
-        "City Travel Guide",
-        "Salon Excellence",
-        "Local Association",
-        "Premium Beauty Seal",
-      ]}
       title="Recognized Excellence"
       description="Proudly recognized by local industry experts."
     />
@@ -292,20 +168,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
+          id: "f1",          title: "Do you accept walk-ins?",          content: "We prefer bookings but welcome walk-ins if there is availability."},
-          title: "Do you accept walk-ins?",
-          content: "We prefer bookings but welcome walk-ins if there is availability.",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "What payment methods are accepted?",          content: "We accept major cards and local currency (CZK)."},
-          title: "What payment methods are accepted?",
-          content: "We accept major cards and local currency (CZK).",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "How long do gel nails last?",          content: "Gel nails typically last 2-3 weeks depending on your nail care."},
-          title: "How long do gel nails last?",
-          content: "Gel nails typically last 2-3 weeks depending on your nail care.",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/front-view-young-female-manicure-pink-t-shirt-with-black-gloves-black-mask-talking-phone-blue_140725-24248.jpg"
       title="Common Questions"
@@ -318,16 +185,13 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={true}
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
       tag="Contact Us"
       title="Ready to Book?"
       description="Contact our team via phone or email for reservations."
       buttons={[
         {
-          text: "Book Now",
+          text: "Book Now",          href: "tel:+420000000000"},
-          href: "tel:+420000000000",
-        },
       ]}
     />
   </div>
@@ -337,29 +201,19 @@ export default function LandingPage() {
       logoText="Prague Nails"
       columns={[
         {
-          title: "Services",
+          title: "Services",          items: [
-          items: [
             {
-              label: "Manicures",
+              label: "Manicures",              href: "#services"},
-              href: "#services",
-            },
             {
-              label: "Pedicures",
+              label: "Pedicures",              href: "#services"},
-              href: "#services",
-            },
           ],
         },
         {
-          title: "Contact",
+          title: "Contact",          items: [
-          items: [
             {
-              label: "Email",
+              label: "Email",              href: "mailto:hello@praguenails.cz"},
-              href: "mailto:hello@praguenails.cz",
-            },
             {
-              label: "Phone",
+              label: "Phone",              href: "tel:+420000000000"},
-              href: "tel:+420000000000",
-            },
           ],
         },
       ]}