251 lines
17 KiB
TypeScript
251 lines
17 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
|
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
|
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import { Instagram, Facebook, Linkedin, Mail } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="none"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Lumina Voyages"
|
|
navItems={[
|
|
{ name: "Destinations", id: "features" },
|
|
{ name: "Experiences", id: "testimonial" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{
|
|
text: "Plan Your Journey", href: "contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCarouselLogo
|
|
logoText="LUMINA VOYAGES"
|
|
description="Discover the world's most extraordinary destinations. Curated journeys that transform travel into unforgettable memories."
|
|
buttons={[
|
|
{ text: "Explore Destinations", href: "features" },
|
|
{ text: "Start Planning", href: "contact" }
|
|
]}
|
|
slides={[
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/umbrella-deck-chair-around-outdoor-swimming-pool-hotel-resort-with-sea-ocean-beach-coconut-palm-tree_74190-14083.jpg", imageAlt: "Luxury tropical beach resort"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/breathtaking-shot-beautiful-mountain-landscape-ahornboden-area-austria_181624-29766.jpg", imageAlt: "Alpine mountain adventure"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/female-tourists-hand-have-happy-travel-map_1150-7586.jpg", imageAlt: "Cultural exploration journey"
|
|
}
|
|
]}
|
|
autoplayDelay={5000}
|
|
showDimOverlay={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
heading={[
|
|
{ type: "text", content: "Crafting" },
|
|
{ type: "image", src: "https://img.b2bpic.net/free-vector/elegant-labels-design_1198-63.jpg", alt: "Luxury travel emblem" },
|
|
{ type: "text", content: "Unforgettable Journeys Since 2010" }
|
|
]}
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Our Story", href: "#" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardOne
|
|
title="Signature Destinations"
|
|
description="Hand-selected locations curated for discerning travelers seeking authentic cultural immersion and pristine natural beauty."
|
|
tag="Featured"
|
|
textboxLayout="default"
|
|
features={[
|
|
{
|
|
title: "Mediterranean Riviera", description: "Bespoke villa stays along the Italian and French coastlines with private yacht access and Michelin-starred dining.", imageSrc: "https://img.b2bpic.net/free-photo/beautiful-santorini-garden_23-2151977267.jpg", imageAlt: "Mediterranean coastal villa"
|
|
},
|
|
{
|
|
title: "Japanese Heritage", description: "Immersive cultural experiences in Kyoto and Tokyo with private temple tours and traditional kaiseki dinners.", imageSrc: "https://img.b2bpic.net/free-photo/beautiful-santorini-garden_23-2151977262.jpg", imageAlt: "Japanese temple garden"
|
|
},
|
|
{
|
|
title: "African Safari", description: "Exclusive wildlife encounters in pristine reserves with luxury lodge accommodations and expert naturalist guides.", imageSrc: "https://img.b2bpic.net/free-photo/village-landscape_1182-952.jpg", imageAlt: "African wildlife adventure"
|
|
}
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="showcase" data-section="showcase">
|
|
<FeatureCardNine
|
|
title="The Lumina Difference"
|
|
description="Experience travel transformed through personalized service, exclusive access, and curated moments of discovery."
|
|
showStepNumbers={true}
|
|
textboxLayout="default"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Personal Concierge Service", description: "Dedicated travel specialists available 24/7 to orchestrate every detail of your journey with precision and care.", phoneOne: {
|
|
imageSrc: "https://img.b2bpic.net/free-photo/elderly-person-paying-coffee-cup_482257-87199.jpg"
|
|
},
|
|
phoneTwo: {
|
|
imageSrc: "https://img.b2bpic.net/free-photo/concierge-assists-with-checkin-hotel_482257-90464.jpg"
|
|
}
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Exclusive Access", description: "VIP privileges at luxury properties, private museum tours, and invitations to invitation-only events worldwide.", phoneOne: {
|
|
imageSrc: "https://img.b2bpic.net/free-photo/closeup-waitress-serving-dessert-guest-cafe_637285-8889.jpg"
|
|
},
|
|
phoneTwo: {
|
|
imageSrc: "https://img.b2bpic.net/free-photo/female-staff-giving-boarding-pass-businessman_107420-85088.jpg"
|
|
}
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Bespoke Itineraries", description: "Custom-crafted journeys designed around your interests, pace, and preferences for truly personalized exploration.", phoneOne: {
|
|
imageSrc: "https://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081853.jpg"
|
|
},
|
|
phoneTwo: {
|
|
imageSrc: "https://img.b2bpic.net/free-photo/closeup-waitress-using-touchpad-while-taking-order-cafe_637285-8917.jpg"
|
|
}
|
|
}
|
|
]}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="media" data-section="media">
|
|
<FeatureCardMedia
|
|
title="Travel Stories"
|
|
description="Discover inspiring journeys and transformative moments from our most cherished destinations."
|
|
tag="Inspiration"
|
|
textboxLayout="default"
|
|
features={[
|
|
{
|
|
id: "1", title: "Hidden Villages of Peru", description: "Trek through the Sacred Valley with local guides, exploring ancient ruins and vibrant indigenous communities.", tag: "Adventure", imageSrc: "https://img.b2bpic.net/free-photo/beautiful-mountain-landscape_23-2149063360.jpg", buttons: [
|
|
{ text: "Learn More", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
id: "2", title: "Norwegian Fjord Expedition", description: "Navigate pristine glacial fjords by private yacht, experiencing the midnight sun and untouched wilderness.", tag: "Exploration", imageSrc: "https://img.b2bpic.net/free-photo/charming-lady-boater-green-dress-poses-great-mood-near-olive-tree-pool-white-building_197531-24120.jpg", buttons: [
|
|
{ text: "Learn More", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
id: "3", title: "Moroccan Desert Escape", description: "Immerse yourself in the golden Sahara with luxury Bedouin-style camps and camel caravan expeditions.", tag: "Culture", imageSrc: "https://img.b2bpic.net/free-photo/beautiful-santorini-garden_23-2151977288.jpg", buttons: [
|
|
{ text: "Learn More", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
id: "4", title: "Iceland's Glacial Wonders", description: "Explore otherworldly landscapes of ice caves, waterfalls, and black sand beaches in Europe's final frontier.", tag: "Nature", imageSrc: "https://img.b2bpic.net/free-photo/views-ocean_181624-36853.jpg", buttons: [
|
|
{ text: "Learn More", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
useInvertedBackground={true}
|
|
carouselMode="buttons"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonial" data-section="testimonial">
|
|
<TestimonialCardFive
|
|
title="Guest Experiences"
|
|
description="Hear from travelers who have discovered the world with Lumina Voyages"
|
|
tag="Testimonials"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Catherine Sterling, Founder of Coastal Ventures", date: "Date: March 2024", title: "A journey that exceeded every expectation", quote: "Lumina Voyages transformed our vision of a perfect escape into reality. From the moment we arrived in Bali, every detail was orchestrated with impeccable precision. The personalized itinerary, exclusive access to private temples, and the genuine warmth of our guide made this the most meaningful travel experience of our lives.", tag: "5-Star Experience", avatarSrc: "https://img.b2bpic.net/free-photo/content-beautiful-businesswoman-standing-window_1262-1778.jpg", imageSrc: "https://img.b2bpic.net/free-photo/young-woman-standing-temple-gates-lempuyang-luhur-temple-bali-indonesia-vintage-tone_335224-365.jpg"
|
|
},
|
|
{
|
|
id: "2", name: "Marcus Chen, Executive Director, Global Investments", date: "Date: February 2024", title: "Luxury redefined with authentic connection", quote: "What sets Lumina Voyages apart is their ability to balance luxury with authenticity. Our trip through the Swiss Alps and Italian lakes was seamlessly executed, yet filled with genuine human connections and hidden gems we could never have discovered alone. The concierge service is simply unparalleled.", tag: "Premiere Member", avatarSrc: "https://img.b2bpic.net/free-photo/cheerful-employee-with-crossed-arms_1098-3148.jpg", imageSrc: "https://img.b2bpic.net/free-photo/young-woman-standing-temple-gates-lempuyang-luhur-temple-bali-indonesia-vintage-tone_335224-369.jpg"
|
|
},
|
|
{
|
|
id: "3", name: "Alexandra Rousseau, Art Collector & Philanthropist", date: "Date: January 2024", title: "Every moment felt like a masterpiece", quote: "Our multi-month journey through Europe with Lumina Voyages was curated like a work of art. Private museum tours, meetings with local artisans, Michelin-dining experiences—everything reflected our passions and interests. The level of anticipatory service was remarkable.", tag: "Exclusive Patron", avatarSrc: "https://img.b2bpic.net/free-photo/portrait-young-business-lady_1163-3171.jpg", imageSrc: "https://img.b2bpic.net/free-vector/background-map-bali-travel_1284-11746.jpg"
|
|
},
|
|
{
|
|
id: "4", name: "James & Elizabeth Morrison, Adventure Enthusiasts", date: "Date: December 2023", title: "Adventure meets comfort in perfect harmony", quote: "From summiting Kilimanjaro to exploring Kenyan game reserves, Lumina Voyages managed to combine thrilling adventures with five-star comfort. Our guides were knowledgeable, our accommodations were exceptional, and the entire team genuinely cared about our experience and safety.", tag: "Repeat Travelers", avatarSrc: "https://img.b2bpic.net/free-photo/portrait-business-woman-office_1398-6.jpg", imageSrc: "https://img.b2bpic.net/free-photo/tourist-holding-man-s-hand-leading-him-besakih-temple-bali-indonesia_335224-370.jpg"
|
|
},
|
|
{
|
|
id: "5", name: "Victoria Park, Wellness Entrepreneur", date: "Date: November 2023", title: "A sanctuary for the soul and spirit", quote: "Lumina Voyages curated a transformative wellness journey through Thailand and Indonesia that restored my spirit. The carefully selected retreat locations, holistic experiences, and mindful pacing allowed me to disconnect and rediscover myself. Absolutely life-changing.", tag: "Wellness Journey", avatarSrc: "https://img.b2bpic.net/free-photo/confident-pretty-business-woman-with-arms-crossed_1262-2992.jpg", imageSrc: "https://img.b2bpic.net/free-photo/woman-swimming-pool-jungle-view_1157-33600.jpg"
|
|
},
|
|
{
|
|
id: "6", name: "David Laurent, Wine Connoisseur & Food Critic", date: "Date: October 2023", title: "Culinary excellence paired with wanderlust", quote: "As someone who has dined at the world's finest restaurants, I was impressed by how Lumina Voyages elevated our gastronomic journey through France and Italy. Private vineyard tours, chef's table experiences, and introductions to culinary masters created an unforgettable narrative of flavors and culture.", tag: "Culinary Traveler", avatarSrc: "https://img.b2bpic.net/free-photo/well-dressed-employee-outdoors_1098-2197.jpg", imageSrc: "https://img.b2bpic.net/free-photo/beautiful-young-couple-posing-sea-beach-love-tenderness_1296-915.jpg"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Begin Your Journey"
|
|
description="Connect with our travel specialists to discuss your dream destination, preferred travel style, and budget. We'll craft a bespoke itinerary tailored to your unique desires and interests."
|
|
inputs={[
|
|
{
|
|
name: "fullName", type: "text", placeholder: "Your Full Name", required: true
|
|
},
|
|
{
|
|
name: "email", type: "email", placeholder: "your@email.com", required: true
|
|
},
|
|
{
|
|
name: "destination", type: "text", placeholder: "Dream Destination", required: true
|
|
},
|
|
{
|
|
name: "travelMonth", type: "text", placeholder: "Preferred Travel Month", required: false
|
|
}
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Tell us about your travel interests, style preferences, and any special requests...", rows: 6,
|
|
required: true
|
|
}}
|
|
useInvertedBackground={true}
|
|
imageSrc="https://img.b2bpic.net/free-vector/worldwide-travel-time-flight-dotted-route-track_1017-62398.jpg"
|
|
mediaPosition="right"
|
|
buttonText="Request Consultation"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Lumina Voyages"
|
|
copyrightText="© 2024 Lumina Voyages. All journeys lead home with cherished memories."
|
|
socialLinks={[
|
|
{ icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
|
|
{ icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
|
|
{ icon: Linkedin, href: "https://linkedin.com", ariaLabel: "LinkedIn" },
|
|
{ icon: Mail, href: "mailto:hello@luminavoyages.com", ariaLabel: "Email" }
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |