Merge version_1 into main #2
436
src/app/page.tsx
436
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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user