Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-01 06:52:15 +00:00

View File

@@ -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>
);