Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 55190c95c7 | |||
| 3d1637def6 | |||
| 7e4d312baf | |||
| 619c839051 | |||
| 94429018bd | |||
| 8a25fba41f |
365
src/app/page.tsx
365
src/app/page.tsx
@@ -1,285 +1,124 @@
|
|||||||
"use client";
|
"use client";
|
||||||
|
|
||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import HeroCarouselLogo from "@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo";
|
import HeroBillboardRotatedCarousel from "@/components/sections/hero/HeroBillboardRotatedCarousel";
|
||||||
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
|
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
|
||||||
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
|
import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
|
||||||
import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
|
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
||||||
import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
|
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
|
||||||
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
|
import ContactText from "@/components/sections/contact/ContactText";
|
||||||
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
||||||
import FooterCard from "@/components/sections/footer/FooterCard";
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
||||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import { Sparkles, Plane, Compass, Instagram, Facebook, Linkedin } from "lucide-react";
|
import { Globe } from "lucide-react";
|
||||||
|
|
||||||
export default function LuxuryTravelAgencyTemplatePage() {
|
export default function LuxuryTravelAgencyPage() {
|
||||||
return (
|
return (
|
||||||
<ThemeProvider
|
<ThemeProvider
|
||||||
defaultButtonVariant="icon-arrow"
|
defaultButtonVariant="icon-arrow"
|
||||||
defaultTextAnimation="entrance-slide"
|
defaultTextAnimation="entrance-slide"
|
||||||
borderRadius="rounded"
|
borderRadius="soft"
|
||||||
contentWidth="medium"
|
contentWidth="medium"
|
||||||
sizing="medium"
|
sizing="medium"
|
||||||
background="none"
|
background="noise"
|
||||||
cardStyle="solid"
|
cardStyle="glass-elevated"
|
||||||
primaryButtonStyle="shadow"
|
primaryButtonStyle="gradient"
|
||||||
secondaryButtonStyle="solid"
|
secondaryButtonStyle="glass"
|
||||||
headingFontWeight="medium"
|
headingFontWeight="semibold"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<NavbarLayoutFloatingInline
|
<NavbarLayoutFloatingOverlay
|
||||||
navItems={[
|
navItems={[
|
||||||
{ name: "About", id: "about" },
|
{ name: "Journeys", id: "journeys" },
|
||||||
{ name: "Services", id: "services" },
|
|
||||||
{ name: "Destinations", id: "destinations" },
|
{ name: "Destinations", id: "destinations" },
|
||||||
{ name: "Reviews", id: "reviews" },
|
{ name: "Testimonials", id: "testimonials" },
|
||||||
{ name: "Contact", id: "contact" },
|
{ name: "Inquire", id: "contact" },
|
||||||
]}
|
|
||||||
brandName="Luxuria"
|
|
||||||
button={{ text: "Plan Your Trip", href: "#contact" }}
|
|
||||||
/>
|
|
||||||
<HeroCarouselLogo
|
|
||||||
logoText="Luxuria"
|
|
||||||
description="Experience the world's most extraordinary destinations with our bespoke luxury travel experiences curated just for you."
|
|
||||||
buttons={[
|
|
||||||
{ text: "Plan Your Journey", href: "#contact" },
|
|
||||||
{ text: "Explore Destinations", href: "#destinations" },
|
|
||||||
]}
|
|
||||||
slides={[
|
|
||||||
{ imageSrc: "/templates/luxury-travel-agency/hero/hero1.webp", imageAlt: "Luxury resort" },
|
|
||||||
{ imageSrc: "/templates/luxury-travel-agency/hero/hero2.webp", imageAlt: "Private yacht" },
|
|
||||||
{ imageSrc: "/templates/luxury-travel-agency/hero/hero3.jpg", imageAlt: "Private yacht" },
|
|
||||||
{ imageSrc: "/templates/luxury-travel-agency/hero/hero4.jpg", imageAlt: "Private yacht" },
|
|
||||||
]}
|
|
||||||
showDimOverlay={true}
|
|
||||||
/>
|
|
||||||
<InlineImageSplitTextAbout
|
|
||||||
className="pt-40"
|
|
||||||
heading={[
|
|
||||||
{ type: "text", content: "We craft" },
|
|
||||||
{ type: "image", src: "/templates/luxury-travel-agency/hero/hero3.jpg", alt: "Travel" },
|
|
||||||
{ type: "text", content: "unforgettable journeys to the world's most" },
|
|
||||||
{ type: "image", src: "/templates/luxury-travel-agency/hero/hero4.jpg", alt: "Destination" },
|
|
||||||
{ type: "text", content: "exclusive destinations" },
|
|
||||||
]}
|
|
||||||
buttons={[
|
|
||||||
{ text: "Our Story", href: "#" },
|
|
||||||
]}
|
|
||||||
useInvertedBackground={false}
|
|
||||||
/>
|
|
||||||
<FeatureCardOne
|
|
||||||
tag="Services"
|
|
||||||
tagIcon={Sparkles}
|
|
||||||
title="Tailored Travel Experiences"
|
|
||||||
description="From private jets to secluded villas, we handle every detail of your journey"
|
|
||||||
textboxLayout="default"
|
|
||||||
animationType="slide-up"
|
|
||||||
gridVariant="uniform-all-items-equal"
|
|
||||||
uniformGridCustomHeightClasses="h-100 2xl:h-110"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
features={[
|
|
||||||
{
|
|
||||||
title: "Private Aviation",
|
|
||||||
description: "Charter flights and private jet services to any destination worldwide.",
|
|
||||||
imageSrc: "/templates/luxury-travel-agency/services/service5.webp",
|
|
||||||
imageAlt: "Private jet",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Luxury Accommodations",
|
|
||||||
description: "Handpicked five-star hotels, villas, and exclusive resorts.",
|
|
||||||
imageSrc: "/templates/luxury-travel-agency/services/service1.webp",
|
|
||||||
imageAlt: "Luxury hotel",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Curated Experiences",
|
|
||||||
description: "Unique adventures and cultural immersions designed just for you.",
|
|
||||||
imageSrc: "/templates/luxury-travel-agency/services/service4.webp",
|
|
||||||
imageAlt: "Experience",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Fine Dining",
|
|
||||||
description: "Reservations at Michelin-starred restaurants and private chef services.",
|
|
||||||
imageSrc: "/templates/luxury-travel-agency/services/service3.webp",
|
|
||||||
imageAlt: "Fine dining",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Photography Tours",
|
|
||||||
description: "Professional photographers to capture your once-in-a-lifetime moments.",
|
|
||||||
imageSrc: "/templates/luxury-travel-agency/services/service2.webp",
|
|
||||||
imageAlt: "Photography",
|
|
||||||
}
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
<FeatureCardNine
|
<div id="hero">
|
||||||
tag="How It Works"
|
<HeroBillboardRotatedCarousel
|
||||||
tagIcon={Compass}
|
title="Bespoke Global Expeditions"
|
||||||
title="Your Journey Begins Here"
|
description="Redefining luxury travel through unparalleled access, artisanal service, and profound discovery."
|
||||||
description="From initial consultation to your return home, we manage every detail"
|
background={{ variant: "canvas-reveal" }}
|
||||||
textboxLayout="default"
|
carouselItems={[
|
||||||
showStepNumbers={true}
|
{ id: "1", imageSrc: "/templates/luxury-travel-agency/hero/hero1.webp" },
|
||||||
animationType="slide-up"
|
{ id: "2", imageSrc: "/templates/luxury-travel-agency/hero/hero2.webp" },
|
||||||
useInvertedBackground={false}
|
{ id: "3", imageSrc: "/templates/luxury-travel-agency/hero/hero3.jpg" },
|
||||||
features={[
|
{ id: "4", imageSrc: "/templates/luxury-travel-agency/hero/hero4.jpg" },
|
||||||
{
|
{ id: "5", imageSrc: "/templates/luxury-travel-agency/services/service1.webp" },
|
||||||
id: 1,
|
{ id: "6", imageSrc: "/templates/luxury-travel-agency/services/service5.webp" }
|
||||||
title: "Share Your Vision",
|
]}
|
||||||
description: "Tell us about your dream destination and travel preferences.",
|
buttons={[{ text: "Explore Collections", href: "#journeys" }]}
|
||||||
phoneOne: { imageSrc: "/templates/luxury-travel-agency/phone/phone5.webp", imageAlt: "Consultation" },
|
/>
|
||||||
phoneTwo: { imageSrc: "/templates/luxury-travel-agency/phone/phone6.webp", imageAlt: "Planning" },
|
</div>
|
||||||
},
|
<div id="about">
|
||||||
{
|
<TestimonialAboutCard
|
||||||
id: 2,
|
tag="Luxury Standards"
|
||||||
title: "Custom Itinerary",
|
title="The Elysian Standard"
|
||||||
description: "Receive a bespoke travel plan crafted by our expert advisors.",
|
description="We believe travel is the ultimate investment."
|
||||||
phoneOne: { imageSrc: "/templates/luxury-travel-agency/phone/phone3.webp", imageAlt: "Itinerary" },
|
subdescription="Your time is our priority."
|
||||||
phoneTwo: { imageSrc: "/templates/luxury-travel-agency/phone/phone4.webp", imageAlt: "Details" },
|
icon={Globe}
|
||||||
},
|
videoSrc="/templates/luxury-travel-agency/services/service1.webp"
|
||||||
{
|
useInvertedBackground={false}
|
||||||
id: 3,
|
/>
|
||||||
title: "Seamless Experience",
|
</div>
|
||||||
description: "Enjoy your journey while we handle every detail behind the scenes.",
|
<div id="journeys">
|
||||||
phoneOne: { imageSrc: "/templates/luxury-travel-agency/phone/phone1.webp", imageAlt: "Travel" },
|
<FeatureCardSeven
|
||||||
phoneTwo: { imageSrc: "/templates/luxury-travel-agency/phone/phone2.webp", imageAlt: "Experience" },
|
title="Curated Experiences"
|
||||||
},
|
description="From private charters to deep-wilderness conservation retreats."
|
||||||
]}
|
textboxLayout="default"
|
||||||
/>
|
animationType="blur-reveal"
|
||||||
<FeatureCardMedia
|
useInvertedBackground={false}
|
||||||
tag="Destinations"
|
features={[
|
||||||
tagIcon={Plane}
|
{ id: 1, title: "Private Aviation", description: "Seamless sky-to-resort transitions.", imageSrc: "/templates/luxury-travel-agency/services/service5.webp" },
|
||||||
title="Extraordinary Destinations"
|
{ id: 2, title: "Culinary Immersion", description: "Michelin-starred private dining.", imageSrc: "/templates/luxury-travel-agency/services/service3.webp" },
|
||||||
description="Explore handpicked locations that define luxury travel"
|
{ id: 3, title: "Private Sanctuary", description: "Access to non-public luxury estates.", imageSrc: "/templates/luxury-travel-agency/services/service1.webp" }
|
||||||
textboxLayout="default"
|
]}
|
||||||
animationType="slide-up"
|
/>
|
||||||
useInvertedBackground={false}
|
</div>
|
||||||
features={[
|
<div id="destinations">
|
||||||
{
|
<ProductCardTwo
|
||||||
id: "1",
|
title="Signature Destinations"
|
||||||
title: "Maldives Private Island",
|
description="Selected locales for the discerning explorer."
|
||||||
description: "Exclusive overwater villas with direct lagoon access and private butler service.",
|
gridVariant="three-columns-all-equal-width"
|
||||||
tag: "Asia",
|
animationType="blur-reveal"
|
||||||
imageSrc: "/templates/luxury-travel-agency/destination/destination6.webp",
|
textboxLayout="default"
|
||||||
imageAlt: "Maldives",
|
useInvertedBackground={false}
|
||||||
},
|
products={[
|
||||||
{
|
{ id: "1", brand: "Asia", name: "Maldives Private Isle", price: "Custom", rating: 5, reviewCount: "12", imageSrc: "/templates/luxury-travel-agency/destination/destination6.webp" },
|
||||||
id: "2",
|
{ id: "2", brand: "Europe", name: "Swiss Alpine Chalet", price: "Custom", rating: 5, reviewCount: "24", imageSrc: "/templates/luxury-travel-agency/destination/destination5.webp" },
|
||||||
title: "Swiss Alpine Retreat",
|
{ id: "3", brand: "Africa", name: "Serengeti Wilderness", price: "Custom", rating: 5, reviewCount: "18", imageSrc: "/templates/luxury-travel-agency/destination/destination1.webp" }
|
||||||
description: "Secluded mountain chalets with panoramic views and world-class skiing.",
|
]}
|
||||||
tag: "Europe",
|
/>
|
||||||
imageSrc: "/templates/luxury-travel-agency/destination/destination5.webp",
|
</div>
|
||||||
imageAlt: "Switzerland",
|
<div id="testimonials">
|
||||||
},
|
<TestimonialCardTen
|
||||||
{
|
title="Discerning Feedback"
|
||||||
id: "3",
|
description="Stories from our global partners."
|
||||||
title: "African Safari Lodge",
|
textboxLayout="default"
|
||||||
description: "Intimate wildlife encounters in the heart of the Serengeti.",
|
useInvertedBackground={false}
|
||||||
tag: "Africa",
|
testimonials={[
|
||||||
imageSrc: "/templates/luxury-travel-agency/destination/destination1.webp",
|
{ id: "1", title: "Impeccable", quote: "The precision is unmatched.", name: "Alexander Sterling", role: "Entrepreneur" },
|
||||||
imageAlt: "Safari",
|
{ id: "2", title: "Exceptional", quote: "An experience that truly transcended.", name: "Elena Rossi", role: "Director" }
|
||||||
},
|
]}
|
||||||
{
|
/>
|
||||||
id: "4",
|
</div>
|
||||||
title: "Amalfi Coast Villa",
|
<div id="contact">
|
||||||
description: "Clifftop estates with Mediterranean views and private beach access.",
|
<ContactText
|
||||||
tag: "Europe",
|
text="Your next chapter awaits. Let us design your arrival."
|
||||||
imageSrc: "/templates/luxury-travel-agency/destination/destination4.webp",
|
background={{ variant: "sparkles-gradient" }}
|
||||||
imageAlt: "Amalfi Coast",
|
useInvertedBackground={false}
|
||||||
},
|
buttons={[{ text: "Schedule Consultation" }]}
|
||||||
{
|
/>
|
||||||
id: "5",
|
</div>
|
||||||
title: "Kyoto Ryokan",
|
<FooterBaseReveal
|
||||||
description: "Traditional Japanese inns with zen gardens and kaiseki dining.",
|
columns={[
|
||||||
tag: "Asia",
|
{ title: "Agency", items: [{ label: "Philosophy", href: "#about" }, { label: "Careers", href: "#" }] },
|
||||||
imageSrc: "/templates/luxury-travel-agency/destination/destination3.webp",
|
{ title: "Support", items: [{ label: "Inquire", href: "#contact" }, { label: "Privacy", href: "#" }] }
|
||||||
imageAlt: "Kyoto",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "6",
|
|
||||||
title: "Patagonia Eco Lodge",
|
|
||||||
description: "Remote wilderness retreats surrounded by glaciers and pristine nature.",
|
|
||||||
tag: "South America",
|
|
||||||
imageSrc: "/templates/luxury-travel-agency/destination/destination2.webp",
|
|
||||||
imageAlt: "Patagonia",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
<TestimonialCardFive
|
|
||||||
tag="Reviews"
|
|
||||||
tagIcon={Sparkles}
|
|
||||||
title="What Our Travelers Say"
|
|
||||||
description="Hear from guests who've experienced extraordinary journeys"
|
|
||||||
textboxLayout="default"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
testimonials={[
|
|
||||||
{
|
|
||||||
id: "1",
|
|
||||||
name: "Victoria Sterling",
|
|
||||||
date: "December 2024",
|
|
||||||
title: "An absolutely flawless experience from start to finish",
|
|
||||||
quote: "Luxuria transformed our anniversary trip into something truly magical. Every detail was perfect, from the private transfers to the surprise sunset dinner on the beach. Their team anticipated our every need.",
|
|
||||||
tag: "Maldives",
|
|
||||||
avatarSrc: "/templates/luxury-travel-agency/testimonial/testimonial1.webp",
|
|
||||||
avatarAlt: "Victoria Sterling",
|
|
||||||
imageSrc: "/templates/luxury-travel-agency/testimonial/testimonial1.webp",
|
|
||||||
imageAlt: "Maldives trip",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
name: "James & Elizabeth Moore",
|
|
||||||
date: "November 2024",
|
|
||||||
title: "Beyond our wildest expectations",
|
|
||||||
quote: "Our safari honeymoon was nothing short of extraordinary. The lodges were spectacular, the wildlife encounters unforgettable, and the attention to detail was impeccable throughout our journey.",
|
|
||||||
tag: "Tanzania",
|
|
||||||
avatarSrc: "/templates/luxury-travel-agency/testimonial/testimonial2.webp",
|
|
||||||
avatarAlt: "James & Elizabeth Moore",
|
|
||||||
imageSrc: "/templates/luxury-travel-agency/testimonial/testimonial2.webp",
|
|
||||||
imageAlt: "Safari experience",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
name: "Roberta Chen",
|
|
||||||
date: "October 2024",
|
|
||||||
title: "The definition of luxury travel",
|
|
||||||
quote: "From the private jet charter to the exclusive vineyard tours, Luxuria curated an experience that exceeded all my expectations. Their network of contacts opened doors I never knew existed.",
|
|
||||||
tag: "France",
|
|
||||||
avatarSrc: "/templates/luxury-travel-agency/testimonial/testimonial3.webp",
|
|
||||||
avatarAlt: "Roberta Chen",
|
|
||||||
imageSrc: "/templates/luxury-travel-agency/testimonial/testimonial3.webp",
|
|
||||||
imageAlt: "France trip",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
<ContactSplitForm
|
|
||||||
title="Plan Your Journey"
|
|
||||||
description="Let us create your perfect luxury travel experience"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
imageSrc="/templates/luxury-travel-agency/contact/contact1.webp"
|
|
||||||
imageAlt="Luxury travel"
|
|
||||||
mediaPosition="right"
|
|
||||||
mediaAnimation="slide-up"
|
|
||||||
buttonText="Start Planning"
|
|
||||||
inputs={[
|
|
||||||
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
|
||||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
|
||||||
{ name: "phone", type: "tel", placeholder: "Phone Number" },
|
|
||||||
{ name: "destination", type: "text", placeholder: "Dream Destination" },
|
|
||||||
]}
|
|
||||||
textarea={{
|
|
||||||
name: "message",
|
|
||||||
placeholder: "Tell us about your ideal travel experience...",
|
|
||||||
rows: 4,
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
<FooterCard
|
|
||||||
logoText="Luxuria"
|
|
||||||
copyrightText="© 2025 Luxuria Travel | Luxury Journeys Worldwide"
|
|
||||||
socialLinks={[
|
|
||||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
|
||||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
|
||||||
{ icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
|
|
||||||
]}
|
]}
|
||||||
|
copyrightText="© 2025 Elysian Travels"
|
||||||
/>
|
/>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
@@ -10,15 +10,15 @@
|
|||||||
--accent: #ffffff;
|
--accent: #ffffff;
|
||||||
--background-accent: #ffffff; */
|
--background-accent: #ffffff; */
|
||||||
|
|
||||||
--background: #f6f0e9;
|
--background: #fbfbfb;
|
||||||
--card: #efe7dd;
|
--card: #ffffff;
|
||||||
--foreground: #2b180a;
|
--foreground: #1a1a1a;
|
||||||
--primary-cta: #2b180a;
|
--primary-cta: #1e3a8a;
|
||||||
--primary-cta-text: #f6f0e9;
|
--primary-cta-text: #f6f0e9;
|
||||||
--secondary-cta: #efe7dd;
|
--secondary-cta: #f1f5f9;
|
||||||
--secondary-cta-text: #2b180a;
|
--secondary-cta-text: #2b180a;
|
||||||
--accent: #94877c;
|
--accent: #e2e8f0;
|
||||||
--background-accent: #afa094;
|
--background-accent: #cbd5e1;
|
||||||
|
|
||||||
/* text sizing - set by ThemeProvider */
|
/* text sizing - set by ThemeProvider */
|
||||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||||
|
|||||||
Reference in New Issue
Block a user