Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -6,6 +6,7 @@ import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
@@ -33,26 +34,12 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",
+        { name: "Carousel", id: "carousel" },
-          id: "hero",
+        { name: "About", id: "about" },
-        },
+        { name: "Services", id: "features" },
-        {
+        { name: "Pricing", id: "pricing" },
-          name: "About",
+        { name: "Contact", id: "contact" },
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
       brandName="Lotus Spa"
     />
@@ -60,48 +47,33 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardRotatedCarousel
-      background={{
+      background={{ variant: "rotated-rays-static" }}
-        variant: "rotated-rays-static",
-      }}
       title="Awaken Your Inner Peace"
       description="Discover a sanctuary of tranquility at Lotus Spa, where modern luxury meets ancient healing traditions in the heart of the city."
-      buttons={[
+      buttons={[{ text: "Book Your Session", href: "#contact" }]}
-        {
-          text: "Book Your Session",
-          href: "#contact",
-        },
-      ]}
       carouselItems={[
-        {
+        { id: "h1", imageSrc: "http://img.b2bpic.net/free-photo/pink-orchid-flower-dry-tea-herb-with-texture-ceramic-teapot-black-placemat_23-2148208385.jpg?_wi=1", imageAlt: "Luxurious spa entrance" },
-          id: "h1",
+        { id: "h2", imageSrc: "http://img.b2bpic.net/free-photo/orchid-near-aromatherapy-supplies_23-2147809164.jpg?_wi=1", imageAlt: "Massage therapy" },
-          imageSrc: "http://img.b2bpic.net/free-photo/pink-orchid-flower-dry-tea-herb-with-texture-ceramic-teapot-black-placemat_23-2148208385.jpg?_wi=1",
+        { id: "h3", imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712989.jpg?_wi=1", imageAlt: "Water feature" },
-          imageAlt: "Luxurious spa entrance",
+        { id: "h4", imageSrc: "http://img.b2bpic.net/free-photo/view-male-beauty-products-with-rock-stone-display_23-2150435225.jpg?_wi=1", imageAlt: "Towels" },
-        },
+        { id: "h5", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-bathing-brush-with-essential-oils-candles-spa-concept_127675-2567.jpg?_wi=1", imageAlt: "Spa room" },
-        {
+        { id: "h6", imageSrc: "http://img.b2bpic.net/free-photo/spa-accessories-dark-background_1220-3736.jpg?_wi=1", imageAlt: "Candle light" },
-          id: "h2",
+      ]}
-          imageSrc: "http://img.b2bpic.net/free-photo/orchid-near-aromatherapy-supplies_23-2147809164.jpg?_wi=1",
+    />
-          imageAlt: "Massage therapy",
+  </div>
-        },
+
-        {
+  <div id="carousel" data-section="carousel">
-          id: "h3",
+      <HeroBillboardCarousel
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712989.jpg?_wi=1",
+      title="Our Signature Healing Spaces"
-          imageAlt: "Water feature",
+      description="Explore the various environments designed for your ultimate relaxation and rejuvenation."
-        },
+      background={{ variant: "plain" }}
-        {
+      mediaItems={[
-          id: "h4",
+          { imageSrc: "http://img.b2bpic.net/free-photo/pink-orchid-flower-dry-tea-herb-with-texture-ceramic-teapot-black-placemat_23-2148208385.jpg?_wi=1", imageAlt: "Spa Entrance" },
-          imageSrc: "http://img.b2bpic.net/free-photo/view-male-beauty-products-with-rock-stone-display_23-2150435225.jpg?_wi=1",
+          { imageSrc: "http://img.b2bpic.net/free-photo/orchid-near-aromatherapy-supplies_23-2147809164.jpg?_wi=1", imageAlt: "Massage Room" },
-          imageAlt: "Towels",
+          { imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712989.jpg?_wi=1", imageAlt: "Relaxation Area" },
-        },
+          { imageSrc: "http://img.b2bpic.net/free-photo/view-male-beauty-products-with-rock-stone-display_23-2150435225.jpg?_wi=1", imageAlt: "Treatment Room" },
-        {
+          { imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-bathing-brush-with-essential-oils-candles-spa-concept_127675-2567.jpg?_wi=1", imageAlt: "Spa Bath" },
-          id: "h5",
+          { imageSrc: "http://img.b2bpic.net/free-photo/spa-accessories-dark-background_1220-3736.jpg?_wi=2", imageAlt: "Lounge Space" },
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-bathing-brush-with-essential-oils-candles-spa-concept_127675-2567.jpg?_wi=1",
-          imageAlt: "Spa room",
-        },
-        {
-          id: "h6",
-          imageSrc: "http://img.b2bpic.net/free-photo/spa-accessories-dark-background_1220-3736.jpg",
-          imageAlt: "Candle light",
-        },
       ]}
     />
   </div>
@@ -110,12 +82,7 @@ export default function LandingPage() {
       <TextAbout
       useInvertedBackground={false}
       title="The Lotus Philosophy"
-      buttons={[
+      buttons={[{ text: "Learn More", href: "#features" }]}
-        {
-          text: "Learn More",
-          href: "#features",
-        },
-      ]}
     />
   </div>
 
@@ -125,21 +92,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       features={[
-        {
+        { icon: Sparkles, title: "Aromatherapy Massage", description: "Customized blends of essential oils tailored to your needs." },
-          icon: Sparkles,
+        { icon: Leaf, title: "Organic Facials", description: "Natural ingredients to restore your skin's youthful glow." },
-          title: "Aromatherapy Massage",
+        { icon: Waves, title: "Hydrotherapy Rituals", description: "Immersive water treatments for deep muscle relaxation." },
-          description: "Customized blends of essential oils tailored to your needs.",
-        },
-        {
-          icon: Leaf,
-          title: "Organic Facials",
-          description: "Natural ingredients to restore your skin's youthful glow.",
-        },
-        {
-          icon: Waves,
-          title: "Hydrotherapy Rituals",
-          description: "Immersive water treatments for deep muscle relaxation.",
-        },
       ]}
       title="Signature Spa Experiences"
       description="Our curated treatments are designed to rejuvenate your body and mind through expert techniques and premium organic products."
@@ -152,41 +107,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       plans={[
-        {
+        { id: "p1", badge: "Essentials", price: "$89", subtitle: "A quick escape", features: ["30 min massage", "Custom oil blend", "Herbal tea"] },
-          id: "p1",
+        { id: "p2", badge: "Luxury", price: "$159", subtitle: "The signature experience", features: ["60 min massage", "Organic facial", "Access to sauna", "Spa lunch"] },
-          badge: "Essentials",
+        { id: "p3", badge: "Ultimate", price: "$249", subtitle: "Total body bliss", features: ["90 min treatment", "Full body wrap", "Private suite", "Gift set"] },
-          price: "$89",
-          subtitle: "A quick escape",
-          features: [
-            "30 min massage",
-            "Custom oil blend",
-            "Herbal tea",
-          ],
-        },
-        {
-          id: "p2",
-          badge: "Luxury",
-          price: "$159",
-          subtitle: "The signature experience",
-          features: [
-            "60 min massage",
-            "Organic facial",
-            "Access to sauna",
-            "Spa lunch",
-          ],
-        },
-        {
-          id: "p3",
-          badge: "Ultimate",
-          price: "$249",
-          subtitle: "Total body bliss",
-          features: [
-            "90 min treatment",
-            "Full body wrap",
-            "Private suite",
-            "Gift set",
-          ],
-        },
       ]}
       title="Rejuvenation Packages"
       description="Explore our tiered treatment options designed for your ultimate wellness journey."
@@ -200,27 +123,9 @@ export default function LandingPage() {
       gridVariant="bento-grid"
       useInvertedBackground={true}
       metrics={[
-        {
+        { id: "m1", value: "12+", title: "Years Experience", description: "Dedicated service", icon: Award },
-          id: "m1",
+        { id: "m2", value: "5k+", title: "Happy Guests", description: "Relaxed and renewed", icon: Smile },
-          value: "12+",
+        { id: "m3", value: "25+", title: "Expert Staff", description: "Wellness professionals", icon: User },
-          title: "Years Experience",
-          description: "Dedicated service",
-          icon: Award,
-        },
-        {
-          id: "m2",
-          value: "5k+",
-          title: "Happy Guests",
-          description: "Relaxed and renewed",
-          icon: Smile,
-        },
-        {
-          id: "m3",
-          value: "25+",
-          title: "Expert Staff",
-          description: "Wellness professionals",
-          icon: User,
-        },
       ]}
       title="A Legacy of Wellness"
       description="Serving our community with dedicated care and exceptional results since our establishment."
@@ -234,24 +139,9 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       members={[
-        {
+        { id: "t1", name: "Elena R.", role: "Head Therapist", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-with-crossed-arms-bathrobe-looking-confident_176474-88448.jpg" },
-          id: "t1",
+        { id: "t2", name: "Marcus V.", role: "Esthetician", imageSrc: "http://img.b2bpic.net/free-photo/happy-executive-with-white-shirt_1098-3663.jpg" },
-          name: "Elena R.",
+        { id: "t3", name: "Sarah J.", role: "Massage Expert", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-doctor-posing_23-2148497197.jpg" },
-          role: "Head Therapist",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-with-crossed-arms-bathrobe-looking-confident_176474-88448.jpg",
-        },
-        {
-          id: "t2",
-          name: "Marcus V.",
-          role: "Esthetician",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-executive-with-white-shirt_1098-3663.jpg",
-        },
-        {
-          id: "t3",
-          name: "Sarah J.",
-          role: "Massage Expert",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-doctor-posing_23-2148497197.jpg",
-        },
       ]}
       title="Meet Your Wellness Guides"
       description="Our team of certified practitioners is dedicated to providing you with the most relaxing and transformative experience."
@@ -263,61 +153,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       testimonials={[
-        {
+        { id: "ts1", name: "Anna K.", date: "Oct 2023", title: "Total Renewal", quote: "The aromatherapy massage was exactly what I needed to release the week's tension.", tag: "Relaxation", avatarSrc: "http://img.b2bpic.net/free-photo/happy-adult-caucasian-lady-uses-roller-massager-while-sitting-blonde-woman-table-indoors-skin-care-concept_197531-31466.jpg", imageSrc: "http://img.b2bpic.net/free-photo/pink-orchid-flower-dry-tea-herb-with-texture-ceramic-teapot-black-placemat_23-2148208385.jpg?_wi=2", imageAlt: "happy spa customer portrait" },
-          id: "ts1",
+        { id: "ts2", name: "John D.", date: "Sep 2023", title: "Fantastic Experience", quote: "High-end service in a very peaceful environment. Highly recommended.", tag: "Service", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-women-indulging-self-care-with-beauty-product_23-2148655765.jpg", imageSrc: "http://img.b2bpic.net/free-photo/orchid-near-aromatherapy-supplies_23-2147809164.jpg?_wi=2", imageAlt: "happy spa customer portrait" },
-          name: "Anna K.",
+        { id: "ts3", name: "Maria L.", date: "Aug 2023", title: "Exceptional Facial", quote: "My skin has never felt better. The organic products made such a difference.", tag: "Skincare", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-couple-bathrobes-taking-selfie_23-2148389850.jpg", imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712989.jpg?_wi=2", imageAlt: "happy spa customer portrait" },
-          date: "Oct 2023",
+        { id: "ts4", name: "Peter S.", date: "Jul 2023", title: "Pure Bliss", quote: "A truly luxurious experience from start to finish. I left feeling completely recharged.", tag: "Experience", avatarSrc: "http://img.b2bpic.net/free-photo/adult-women-communicating-through-sign-language_23-2148590310.jpg", imageSrc: "http://img.b2bpic.net/free-photo/view-male-beauty-products-with-rock-stone-display_23-2150435225.jpg?_wi=2", imageAlt: "happy spa customer portrait" },
-          title: "Total Renewal",
+        { id: "ts5", name: "Sophia B.", date: "Jun 2023", title: "My Oasis", quote: "The best spa in town. The attention to detail is truly impressive.", tag: "Hospitality", avatarSrc: "http://img.b2bpic.net/free-photo/side-view-woman-relaxing-spa_23-2151178229.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-bathing-brush-with-essential-oils-candles-spa-concept_127675-2567.jpg?_wi=2", imageAlt: "happy spa customer portrait" },
-          quote: "The aromatherapy massage was exactly what I needed to release the week's tension.",
-          tag: "Relaxation",
-          avatarSrc: "http://img.b2bpic.net/free-photo/happy-adult-caucasian-lady-uses-roller-massager-while-sitting-blonde-woman-table-indoors-skin-care-concept_197531-31466.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/pink-orchid-flower-dry-tea-herb-with-texture-ceramic-teapot-black-placemat_23-2148208385.jpg?_wi=2",
-          imageAlt: "happy spa customer portrait",
-        },
-        {
-          id: "ts2",
-          name: "John D.",
-          date: "Sep 2023",
-          title: "Fantastic Experience",
-          quote: "High-end service in a very peaceful environment. Highly recommended.",
-          tag: "Service",
-          avatarSrc: "http://img.b2bpic.net/free-photo/front-view-women-indulging-self-care-with-beauty-product_23-2148655765.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/orchid-near-aromatherapy-supplies_23-2147809164.jpg?_wi=2",
-          imageAlt: "happy spa customer portrait",
-        },
-        {
-          id: "ts3",
-          name: "Maria L.",
-          date: "Aug 2023",
-          title: "Exceptional Facial",
-          quote: "My skin has never felt better. The organic products made such a difference.",
-          tag: "Skincare",
-          avatarSrc: "http://img.b2bpic.net/free-photo/front-view-couple-bathrobes-taking-selfie_23-2148389850.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712989.jpg?_wi=2",
-          imageAlt: "happy spa customer portrait",
-        },
-        {
-          id: "ts4",
-          name: "Peter S.",
-          date: "Jul 2023",
-          title: "Pure Bliss",
-          quote: "A truly luxurious experience from start to finish. I left feeling completely recharged.",
-          tag: "Experience",
-          avatarSrc: "http://img.b2bpic.net/free-photo/adult-women-communicating-through-sign-language_23-2148590310.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-male-beauty-products-with-rock-stone-display_23-2150435225.jpg?_wi=2",
-          imageAlt: "happy spa customer portrait",
-        },
-        {
-          id: "ts5",
-          name: "Sophia B.",
-          date: "Jun 2023",
-          title: "My Oasis",
-          quote: "The best spa in town. The attention to detail is truly impressive.",
-          tag: "Hospitality",
-          avatarSrc: "http://img.b2bpic.net/free-photo/side-view-woman-relaxing-spa_23-2151178229.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-bathing-brush-with-essential-oils-candles-spa-concept_127675-2567.jpg?_wi=2",
-          imageAlt: "happy spa customer portrait",
-        },
       ]}
       title="Guest Reflections"
       description="Hear from our guests about their transformative journeys at Lotus Spa."
@@ -328,21 +168,9 @@ export default function LandingPage() {
       <FaqSplitText
       useInvertedBackground={false}
       faqs={[
-        {
+        { id: "q1", title: "How early should I arrive?", content: "We recommend arriving 15 minutes early to complete your intake form." },
-          id: "q1",
+        { id: "q2", title: "Are products organic?", content: "Yes, we exclusively use premium, certified organic products." },
-          title: "How early should I arrive?",
+        { id: "q3", title: "Do I need a booking?", content: "Bookings are recommended to ensure availability for your preferred time." },
-          content: "We recommend arriving 15 minutes early to complete your intake form.",
-        },
-        {
-          id: "q2",
-          title: "Are products organic?",
-          content: "Yes, we exclusively use premium, certified organic products.",
-        },
-        {
-          id: "q3",
-          title: "Do I need a booking?",
-          content: "Bookings are recommended to ensure availability for your preferred time.",
-        },
       ]}
       sideTitle="Common Questions"
       sideDescription="Everything you need to know about your spa day."
@@ -353,32 +181,19 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={true}
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain",
-      }}
       tag="Visit Us"
       title="Begin Your Journey"
-      description="Ready for some well-deserved relaxation? Book your Lotus Spa experience today."
+      description="Ready for some well-deserved relaxation? Book your Lotus Spa experience today. Reach us at +1 (555) 123-4567 for bookings."
-      buttons={[
+      buttons={[{ text: "Schedule Appointment", href: "#" }]}
-        {
-          text: "Schedule Appointment",
-          href: "#",
-        },
-      ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="Lotus Spa"
-      leftLink={{
+      leftLink={{ text: "Privacy Policy", href: "#" }}
-        text: "Privacy Policy",
+      rightLink={{ text: "© 2024 Lotus Spa", href: "#" }}
-        href: "#",
-      }}
-      rightLink={{
-        text: "© 2024 Lotus Spa",
-        href: "#",
-      }}
     />
   </div>
       </ReactLenis>