219 lines
9.4 KiB
TypeScript
219 lines
9.4 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
import { Building2, Compass, Map } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="small"
|
|
sizing="large"
|
|
background="aurora"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#hero"},
|
|
{
|
|
name: "Destinations", id: "#destinations"},
|
|
{
|
|
name: "Experience", id: "#experience"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
brandName="Zenith Voyages"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
background={{
|
|
variant: "gradient-bars"}}
|
|
title="Luxury Travel Experiences Tailored For You"
|
|
description="Discover personalized journeys, curated itineraries, and unforgettable adventures across the world."
|
|
kpis={[
|
|
{
|
|
value: "50k+", label: "Happy Travelers"},
|
|
{
|
|
value: "4.9", label: "Expert Rating"},
|
|
{
|
|
value: "1M+", label: "Followers Worldwide"},
|
|
]}
|
|
enableKpiAnimation={true}
|
|
buttons={[
|
|
{
|
|
text: "Start Your Luxury Journey", href: "#contact"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/beautiful-outdoor-swimming-pool-with-silhouette-umbrella-chair-around-resort-sunrise-time_74190-7910.jpg"
|
|
mediaAnimation="blur-reveal"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/hotel-tropical-summer-landscape-tree_1203-4847.jpg", alt: "hotel tropical summer landscape tree"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/umbrella-chair-around-swimming-pool-neary-sea-ocean-beach-sunrise-sunset-time_74190-8445.jpg", alt: "Umbrella and chair around swimming pool neary sea ocean beach at sunrise or sunset time"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/nature-summer-travel-beach-luxury_1203-4812.jpg", alt: "nature summer travel beach luxury"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/red-kayaks-sunset_1258-13.jpg", alt: "Red kayaks at sunset"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/top-view-travel-concept-with-toy-plane_23-2148666310.jpg", alt: "Top view travel concept with toy plane"},
|
|
]}
|
|
avatarText="Trusted by elite travelers globally"
|
|
marqueeItems={[
|
|
{
|
|
type: "text", text: "Ultra-Luxury"},
|
|
{
|
|
type: "text", text: "Bespoke Itineraries"},
|
|
{
|
|
type: "text", text: "Global Access"},
|
|
{
|
|
type: "text", text: "24/7 Support"},
|
|
{
|
|
type: "text", text: "Cultural Immersion"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
useInvertedBackground={false}
|
|
title="Meaningful Travel Experiences"
|
|
description={[
|
|
"We are passionate travel experts creating unforgettable journeys beyond sightseeing. Every itinerary we design combines unparalleled comfort, cultural discovery, and meaningful moments that stay with you forever.", "Our bespoke travel services are tailored to the individual, ensuring your journey is as unique as your destination."]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="destinations" data-section="destinations">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="bento-grid"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "1", name: "Maldives Paradise", price: "From $3,200", imageSrc: "http://img.b2bpic.net/free-photo/luxury-villa-with-pool-sunset-view_23-2151974409.jpg"},
|
|
{
|
|
id: "2", name: "Swiss Alpine Escape", price: "From $2,800", imageSrc: "http://img.b2bpic.net/free-photo/brown-wooden-houses-countryside_395237-91.jpg"},
|
|
{
|
|
id: "3", name: "Bali Sanctuary", price: "From $1,900", imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-large-nest-bali_1157-33607.jpg"},
|
|
{
|
|
id: "4", name: "Dubai Modernity", price: "From $2,500", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-young-woman-enjoying-peace-around-her_23-2148943414.jpg"},
|
|
{
|
|
id: "5", name: "Santorini Sunsets", price: "From $2,700", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-mountains-river-with-isolated-house-forest-shore_181624-4244.jpg"},
|
|
{
|
|
id: "6", name: "Japan Traditions", price: "From $3,500", imageSrc: "http://img.b2bpic.net/free-photo/girl-red-dress-dancing-waterfall_72229-1286.jpg"},
|
|
]}
|
|
buttons={[
|
|
{ text: "Browse All Packages", href: "#contact" }
|
|
]}
|
|
title="Explore Our Curated Destinations"
|
|
description="Hand-picked locations designed to awaken your wanderlust."
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyOne
|
|
useInvertedBackground={false}
|
|
title="Why Choose Zenith Voyages"
|
|
description="Authentic, curated, and worry-free travel."
|
|
accordionItems={[
|
|
{
|
|
id: "a1", title: "Personalized Itineraries", content: "Trips designed entirely around your style, pace, and specific travel dreams."},
|
|
{
|
|
id: "a2", title: "24/7 Travel Support", content: "Experience travel with peace of mind knowing we are here for you at every moment."},
|
|
{
|
|
id: "a3", title: "Luxury Curated Experiences", content: "Savor local cuisine, private tours, and exclusive access to the world's finest gems."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/sky-april-18-2024_58702-17139.jpg"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="experience" data-section="experience">
|
|
<MetricCardThree
|
|
animationType="depth-3d"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "m1", icon: Compass,
|
|
title: "Luxury Aviation", value: "Global Access"},
|
|
{
|
|
id: "m2", icon: Building2,
|
|
title: "Premium Hospitality", value: "5-Star Only"},
|
|
{
|
|
id: "m3", icon: Map,
|
|
title: "Cultural Depth", value: "100+ Nations"},
|
|
]}
|
|
title="A World of Luxury"
|
|
description="Exceptional hospitality across every touchpoint."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Emily Carter", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-sitting-couch_23-2148415931.jpg"},
|
|
{
|
|
id: "2", name: "James Anderson", imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-girl-hat-poses-camera-night_1153-3435.jpg"},
|
|
{
|
|
id: "3", name: "Sarah Miller", imageSrc: "http://img.b2bpic.net/free-photo/woman-camping-night-with-cup-tea_23-2148785868.jpg"},
|
|
{
|
|
id: "4", name: "David Thompson", imageSrc: "http://img.b2bpic.net/free-photo/slim-woman-enjoying-exotic-place-joyful-tanned-lady-standing-near-palm-trees-smiling_197531-21125.jpg"},
|
|
{
|
|
id: "5", name: "Elena Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-bridge-edge-sitting_23-2148362060.jpg"},
|
|
]}
|
|
cardTitle="Traveler Voices"
|
|
cardTag="Testimonials"
|
|
cardAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "rotated-rays-animated"}}
|
|
text="Start Planning Your Next Journey with Zenith Voyages."
|
|
buttons={[
|
|
{
|
|
text: "Book Free Consultation", href: "#"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Zenith Voyages"
|
|
leftLink={{
|
|
text: "Terms of Service", href: "#"}}
|
|
rightLink={{
|
|
text: "Privacy Policy", href: "#"}}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|