From 17f85e9234219446bc99ceae93339a375dcc230c Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 1 Apr 2026 06:52:12 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 436 ++++++++++++++---------------------------------
 1 file changed, 129 insertions(+), 307 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index f098604..b1a6c7f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -15,323 +15,145 @@ import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCa
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="text-stagger"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="pill"
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Tours",
-          id: "tours",
-        },
-        {
-          name: "Destinations",
-          id: "destinations",
-        },
-        {
-          name: "Reviews",
-          id: "reviews",
-        },
-      ]}
-      brandName="Simon's Bali"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "About", id: "about" },
+              { name: "Tours", id: "tours" },
+              { name: "Destinations", id: "destinations" },
+              { name: "Reviews", id: "reviews" }
+            ]}
+            brandName="Simon's Bali"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardRotatedCarousel
-      background={{
-        variant: "rotated-rays-static",
-      }}
-      title="Your Bali, Perfectly Guided."
-      description="Over a decade exploring the island's hidden temples, secret waterfalls, and lush rice terraces — with Simon as your personal guide, driver, and friend."
-      tag="Bali's Most Trusted Private Driver & Guide"
-      buttons={[
-        {
-          text: "Book Your Tour",
-          href: "#booking",
-        },
-        {
-          text: "See What's Possible",
-          href: "#tours",
-        },
-      ]}
-      carouselItems={[
-        {
-          id: "1",
-          imageSrc: "http://img.b2bpic.net/free-photo/panorama-view-jeep-car-hawaii_23-2148892275.jpg?_wi=1",
-          imageAlt: "Bali Landscape 1",
-        },
-        {
-          id: "2",
-          imageSrc: "http://img.b2bpic.net/free-photo/panorama-view-jeep-car-hawaii_23-2148892275.jpg?_wi=2",
-          imageAlt: "Bali Landscape 2",
-        },
-        {
-          id: "3",
-          imageSrc: "http://img.b2bpic.net/free-photo/panorama-view-jeep-car-hawaii_23-2148892275.jpg?_wi=3",
-          imageAlt: "Bali Landscape 3",
-        },
-        {
-          id: "4",
-          imageSrc: "http://img.b2bpic.net/free-photo/panorama-view-jeep-car-hawaii_23-2148892275.jpg?_wi=4",
-          imageAlt: "Bali Landscape 4",
-        },
-        {
-          id: "5",
-          imageSrc: "http://img.b2bpic.net/free-photo/panorama-view-jeep-car-hawaii_23-2148892275.jpg?_wi=5",
-          imageAlt: "Bali Landscape 5",
-        },
-        {
-          id: "6",
-          imageSrc: "http://img.b2bpic.net/free-photo/panorama-view-jeep-car-hawaii_23-2148892275.jpg?_wi=6",
-          imageAlt: "Bali Landscape 6",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardRotatedCarousel
+            background={{ variant: "rotated-rays-static" }}
+            title="Your Bali, Perfectly Guided."
+            description="Over a decade exploring the island's hidden temples, secret waterfalls, and lush rice terraces — with Simon as your personal guide, driver, and friend."
+            tag="Bali's Most Trusted Private Driver & Guide"
+            buttons={[
+              { text: "Book Your Tour", href: "#booking" },
+              { text: "See What's Possible", href: "#tours" }
+            ]}
+            carouselItems={[
+              { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/panorama-view-jeep-car-hawaii_23-2148892275.jpg", imageAlt: "Bali Landscape 1" },
+              { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/panorama-view-jeep-car-hawaii_23-2148892275.jpg", imageAlt: "Bali Landscape 2" },
+              { id: "3", imageSrc: "http://img.b2bpic.net/free-photo/panorama-view-jeep-car-hawaii_23-2148892275.jpg", imageAlt: "Bali Landscape 3" },
+              { id: "4", imageSrc: "http://img.b2bpic.net/free-photo/panorama-view-jeep-car-hawaii_23-2148892275.jpg", imageAlt: "Bali Landscape 4" },
+              { id: "5", imageSrc: "http://img.b2bpic.net/free-photo/panorama-view-jeep-car-hawaii_23-2148892275.jpg", imageAlt: "Bali Landscape 5" },
+              { id: "6", imageSrc: "http://img.b2bpic.net/free-photo/panorama-view-jeep-car-hawaii_23-2148892275.jpg", imageAlt: "Bali Landscape 6" }
+            ]}
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardSeven
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "1",
-          value: "5.0",
-          title: "Google Rating",
-          items: [
-            "100% Satisfaction",
-            "Verified Reviews",
-          ],
-        },
-        {
-          id: "2",
-          value: "112+",
-          title: "Verified Reviews",
-          items: [
-            "Trusted Travellers",
-            "Glowing Feedback",
-          ],
-        },
-        {
-          id: "3",
-          value: "10+",
-          title: "Years Experience",
-          items: [
-            "Local Expert",
-            "Bali Insider",
-          ],
-        },
-      ]}
-      title="A Legacy of Trust"
-      description="Why travellers choose Simon for their Bali adventures year after year."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardSeven
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "1", value: "5.0", title: "Google Rating", items: ["100% Satisfaction", "Verified Reviews"] },
+              { id: "2", value: "112+", title: "Verified Reviews", items: ["Trusted Travellers", "Glowing Feedback"] },
+              { id: "3", value: "10+", title: "Years Experience", items: ["Local Expert", "Bali Insider"] }
+            ]}
+            title="A Legacy of Trust"
+            description="Why travellers choose Simon for their Bali adventures year after year."
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <InlineImageSplitTextAbout
-      useInvertedBackground={false}
-      heading={[
-        {
-          type: "text",
-          content: "More than a driver — ",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/female-tourists-studio-pink-background_1150-8204.jpg",
-          alt: "Simon",
-        },
-        {
-          type: "text",
-          content: " a friend on the island.",
-        },
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <InlineImageSplitTextAbout
+            useInvertedBackground={false}
+            heading={[
+              { type: "text", content: "More than a driver — " },
+              { type: "image", src: "http://img.b2bpic.net/free-photo/female-tourists-studio-pink-background_1150-8204.jpg", alt: "Simon" },
+              { type: "text", content: " a friend on the island." }
+            ]}
+          />
+        </div>
 
-  <div id="tours" data-section="tours">
-      <ProductCardOne
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="one-large-left-three-stacked-right"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "1",
-          name: "Ubud Cultural Full Day",
-          price: "Custom Quote",
-          imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-summer-holidays_23-2151982763.jpg?_wi=1",
-        },
-        {
-          id: "2",
-          name: "North Bali Waterfalls",
-          price: "Custom Quote",
-          imageSrc: "http://img.b2bpic.net/free-photo/majestic-waterfall-lush-forest_23-2151956318.jpg?_wi=1",
-        },
-        {
-          id: "3",
-          name: "Uluwatu & Temple Tour",
-          price: "Custom Quote",
-          imageSrc: "http://img.b2bpic.net/free-photo/uluwatu-temple-bali_1385-1817.jpg?_wi=1",
-        },
-      ]}
-      title="Tours for every adventure"
-      description="From spiritual temples to thrilling river rafting, find your perfect Bali day trip."
-    />
-  </div>
+        <div id="tours" data-section="tours">
+          <ProductCardOne
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="one-large-left-three-stacked-right"
+            useInvertedBackground={false}
+            products={[
+              { id: "1", name: "Ubud Cultural Full Day", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-summer-holidays_23-2151982763.jpg" },
+              { id: "2", name: "North Bali Waterfalls", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/majestic-waterfall-lush-forest_23-2151956318.jpg" },
+              { id: "3", name: "Uluwatu & Temple Tour", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/uluwatu-temple-bali_1385-1817.jpg" }
+            ]}
+            title="Tours for every adventure"
+            description="From spiritual temples to thrilling river rafting, find your perfect Bali day trip."
+          />
+        </div>
 
-  <div id="reviews" data-section="reviews">
-      <TestimonialCardFive
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Luke Infantino",
-          date: "2024",
-          title: "Returning guest",
-          quote: "Simon is a genuine guide that is always keen to deliver local knowledge with enthusiasm.",
-          tag: "10+ Years",
-          avatarSrc: "http://img.b2bpic.net/free-photo/shy-charming-woman-with-curly-hair-wearing-denim-shirt-listening-music_291650-819.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/panorama-view-jeep-car-hawaii_23-2148892275.jpg?_wi=7",
-          imageAlt: "luxurious bali private tour landscape",
-        },
-        {
-          id: "2",
-          name: "Jase Berger",
-          date: "2024",
-          title: "Happy Traveller",
-          quote: "Simon is beyond a taxi driver! Incredible knowledge and realistic plans.",
-          tag: "5 Stars",
-          avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-sitting-with-baggage_23-2148601825.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-tourists-studio-pink-background_1150-8204.jpg",
-          imageAlt: "friendly indonesian tour guide portrait",
-        },
-        {
-          id: "3",
-          name: "Richard Goodfellow",
-          date: "2024",
-          title: "Amazing Service",
-          quote: "Simon queued for tickets for us and retrieved my lost items. Truly above and beyond.",
-          tag: "Expert",
-          avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-wearing-hat_23-2148631369.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-summer-holidays_23-2151982763.jpg?_wi=2",
-          imageAlt: "ubud bali rice terrace path",
-        },
-        {
-          id: "4",
-          name: "Rebecca M",
-          date: "2024",
-          title: "Best Driver",
-          quote: "The best taxi driver I've ever had! Knowledgeable and amazing value.",
-          tag: "5 Stars",
-          avatarSrc: "http://img.b2bpic.net/free-photo/happy-stylish-caucasian-man-with-backpack-travel-rice-plantation-making-self-portrai-memories_273443-3007.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/majestic-waterfall-lush-forest_23-2151956318.jpg?_wi=2",
-          imageAlt: "hidden bali waterfall tropical",
-        },
-        {
-          id: "5",
-          name: "Sarah Jenkins",
-          date: "2025",
-          title: "Perfect Holiday",
-          quote: "Everything was seamless from airport pickup to our final departure. Highly recommend.",
-          tag: "Seamless",
-          avatarSrc: "http://img.b2bpic.net/free-photo/shy-charming-woman-with-curly-hair-wearing-denim-shirt-listening-music_291650-819.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/uluwatu-temple-bali_1385-1817.jpg?_wi=2",
-          imageAlt: "bali sacred temple architecture",
-        },
-      ]}
-      title="Traveller Testimonials"
-      description="Don't just take our word for it — hear from those who've explored Bali with Simon."
-    />
-  </div>
+        <div id="reviews" data-section="reviews">
+          <TestimonialCardFive
+            textboxLayout="split"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Luke Infantino", date: "2024", title: "Returning guest", quote: "Simon is a genuine guide that is always keen to deliver local knowledge with enthusiasm.", tag: "10+ Years", avatarSrc: "http://img.b2bpic.net/free-photo/shy-charming-woman-with-curly-hair-wearing-denim-shirt-listening-music_291650-819.jpg", imageSrc: "http://img.b2bpic.net/free-photo/panorama-view-jeep-car-hawaii_23-2148892275.jpg", imageAlt: "luxurious bali private tour landscape" },
+              { id: "2", name: "Jase Berger", date: "2024", title: "Happy Traveller", quote: "Simon is beyond a taxi driver! Incredible knowledge and realistic plans.", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-sitting-with-baggage_23-2148601825.jpg", imageSrc: "http://img.b2bpic.net/free-photo/female-tourists-studio-pink-background_1150-8204.jpg", imageAlt: "friendly indonesian tour guide portrait" },
+              { id: "3", name: "Richard Goodfellow", date: "2024", title: "Amazing Service", quote: "Simon queued for tickets for us and retrieved my lost items. Truly above and beyond.", tag: "Expert", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-wearing-hat_23-2148631369.jpg", imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-summer-holidays_23-2151982763.jpg", imageAlt: "ubud bali rice terrace path" },
+              { id: "4", name: "Rebecca M", date: "2024", title: "Best Driver", quote: "The best taxi driver I've ever had! Knowledgeable and amazing value.", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/happy-stylish-caucasian-man-with-backpack-travel-rice-plantation-making-self-portrai-memories_273443-3007.jpg", imageSrc: "http://img.b2bpic.net/free-photo/majestic-waterfall-lush-forest_23-2151956318.jpg", imageAlt: "hidden bali waterfall tropical" },
+              { id: "5", name: "Sarah Jenkins", date: "2025", title: "Perfect Holiday", quote: "Everything was seamless from airport pickup to our final departure. Highly recommend.", tag: "Seamless", avatarSrc: "http://img.b2bpic.net/free-photo/shy-charming-woman-with-curly-hair-wearing-denim-shirt-listening-music_291650-819.jpg", imageSrc: "http://img.b2bpic.net/free-photo/uluwatu-temple-bali_1385-1817.jpg", imageAlt: "bali sacred temple architecture" }
+            ]}
+            title="Traveller Testimonials"
+            description="Don't just take our word for it — hear from those who've explored Bali with Simon."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="split"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "1",
-          title: "Is it safe to drive in Bali?",
-          content: "Simon is a safe, professional driver with over 10 years experience on Bali roads.",
-        },
-        {
-          id: "2",
-          title: "Can you handle airport transfers?",
-          content: "Absolutely. 24/7 pickups and drop-offs are one of our core services.",
-        },
-        {
-          id: "3",
-          title: "How do I pay?",
-          content: "We offer flexible payment methods. WhatsApp us for details.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/young-guy-with-beard-backpack-posing-jungle-cap_1296-722.jpg"
-      mediaAnimation="slide-up"
-      title="Frequently Asked Questions"
-      description="Have questions about travelling in Bali? We've got answers."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitMedia
+            textboxLayout="split"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "1", title: "Is it safe to drive in Bali?", content: "Simon is a safe, professional driver with over 10 years experience on Bali roads." },
+              { id: "2", title: "Can you handle airport transfers?", content: "Absolutely. 24/7 pickups and drop-offs are one of our core services." },
+              { id: "3", title: "How do I pay?", content: "We offer flexible payment methods. WhatsApp us for details." }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/young-guy-with-beard-backpack-posing-jungle-cap_1296-722.jpg"
+            mediaAnimation="slide-up"
+            title="Frequently Asked Questions"
+            description="Have questions about travelling in Bali? We've got answers."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="booking" data-section="booking">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Ready to Explore?"
-      title="Let's plan your perfect day"
-      description="Private, personalised tours designed for your pace. Send Simon an enquiry today."
-    />
-  </div>
+        <div id="booking" data-section="booking">
+          <ContactCenter
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Ready to Explore?"
+            title="Let's plan your perfect day"
+            description="Private, personalised tours designed for your pace. Send Simon an enquiry today."
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      columns={[
-        {
-          title: "Quick Links",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Tours",
-              href: "#tours",
-            },
-            {
-              label: "Destinations",
-              href: "#destinations",
-            },
-          ],
-        },
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "WhatsApp",
-              href: "https://wa.me/6281234567890",
-            },
-            {
-              label: "Email",
-              href: "mailto:simon@bali-tours.com",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2025 Simon's Bali Private Tours. Made with 🌿 in Bali."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            columns={[
+              { title: "Quick Links", items: [{ label: "About", href: "#about" }, { label: "Tours", href: "#tours" }, { label: "Destinations", href: "#destinations" }] },
+              { title: "Contact", items: [{ label: "WhatsApp", href: "https://wa.me/6281234567890" }, { label: "Email", href: "mailto:simon@bali-tours.com" }] }
+            ]}
+            copyrightText="© 2025 Simon's Bali Private Tours. Made with 🌿 in Bali."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1