bender/46214cde-6808-4739-852f-3fd5eafa3de1
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #4

Merged
bender merged 2 commits from version_2 into main 2026-04-03 12:43:31 +00:00
Conversation 0 Commits 2 Files Changed 2 +68 -83
2 changed files with 68 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files

139
src/app/page.tsx
View File

@@ -2,13 +2,15 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import { Star, MapPin, ShieldCheck, Plane } from "lucide-react";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterSimple from '@/components/sections/footer/FooterSimple';
export default function LandingPage() {
return (
@@ -18,19 +20,21 @@ export default function LandingPage() {
borderRadius="pill"
contentWidth="mediumLarge"
sizing="largeSizeMediumTitles"
background="aurora"
cardStyle="layered-gradient"
primaryButtonStyle="gradient"
secondaryButtonStyle="layered"
headingFontWeight="light"
background="noise"
cardStyle="glass-elevated"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="glass"
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "hero" },
{ name: "Experience", id: "features" },
{ name: "About", id: "about" },
{ name: "Features", id: "features" },
{ name: "Destinations", id: "products" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="Voyage"
@@ -38,106 +42,87 @@ export default function LandingPage() {
</div>
<div id="hero" data-section="hero">
<HeroOverlay
title="Rediscover the Art of Travel"
description="Exclusive journeys curated for the discerning traveler. Escape to extraordinary destinations with unparalleled luxury."
imageSrc="http://img.b2bpic.net/free-photo/unrecognizable-man-hoodie-stands-top-hiking-trail-mountain_346278-278.jpg?_wi=1"
imageAlt="Luxury travel landscape"
showDimOverlay={true}
buttons={[
{ text: "Explore Journeys", href: "#products" },
{ text: "Contact Us", href: "#contact" },
]}
<HeroBillboard
title="Immersive Luxury Journeys"
description="Discover the art of travel. Curated, bespoke experiences designed for the world's most discerning explorers."
background={{ variant: "sparkles-gradient" }}
buttons={[{ text: "Explore Destinations", href: "#products" }]}
imageSrc="https://img.b2bpic.net/free-photo/unrecognizable-man-hoodie-stands-top-hiking-trail-mountain_346278-278.jpg"
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
heading={[{ type: 'text', content: 'Crafted for the ' }, { type: 'text', content: 'Elite Traveler' }]}
useInvertedBackground={false}
buttons={[{ text: 'Our Philosophy', href: '#' }]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardNine
animationType="slide-up"
<FeatureCardTwentySix
title="Unmatched Travel Standards"
description="We don't just plan trips; we orchestrate masterpieces of travel for your enjoyment."
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: 1,
title: "Private Getaways", description: "Isolated retreats tailored to your desires.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/friends-congratulating_23-2147640649.jpg?_wi=1", imageAlt: "Luxury room" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/friends-congratulating_23-2147640649.jpg?_wi=2", imageAlt: "Luxury room details" }
},
{
id: 2,
title: "Exclusive Access", description: "Enter where others simply glance.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/male-influencer-shares-his-hiking-journey-through-vlog-with-drone_482257-120369.jpg?_wi=1", imageAlt: "Private yacht" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/male-influencer-shares-his-hiking-journey-through-vlog-with-drone_482257-120369.jpg?_wi=2", imageAlt: "Yacht deck" }
},
{
id: 3,
title: "Tailored Itineraries", description: "Designed by experts just for you.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/friends-congratulating_23-2147640649.jpg?_wi=3", imageAlt: "Tailored planning" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/friends-congratulating_23-2147640649.jpg?_wi=4", imageAlt: "Detailed schedule" }
}
{ title: 'Personalized Concierge', description: '24/7 support dedicated entirely to your comfort.', buttonIcon: Star, buttonHref: '#' },
{ title: 'Global Connections', description: 'Access exclusive venues hidden from the public eye.', buttonIcon: MapPin, buttonHref: '#' },
{ title: 'Ultimate Security', description: 'Your safety is managed with absolute precision.', buttonIcon: ShieldCheck, buttonHref: '#' },
{ title: 'First Class Transit', description: 'Seamless transitions through private global networks.', buttonIcon: Plane, buttonHref: '#' }
]}
showStepNumbers={false}
title="Unmatched Experiences"
description="We blend luxury with authenticity, ensuring every detail of your journey is perfection."
/>
</div>
<div id="products" data-section="products">
<ProductCardOne
<ProductCardFour
title="Curated Destinations"
description="Select your next escape from our collection of hand-picked luxury havens."
gridVariant="asymmetric-60-wide-40-narrow"
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
textboxLayout="split"
useInvertedBackground={true}
products={[
{ id: "1", name: "Tokyo Serenity", price: "From $5,000", imageSrc: "http://img.b2bpic.net/free-photo/shanghai-morning-skyline-silhouette_649448-4349.jpg" },
{ id: "2", name: "Santorini Skies", price: "From $4,200", imageSrc: "http://img.b2bpic.net/free-photo/mediterranean-village-landscape-digital-art-style_23-2151699911.jpg" },
{ id: "3", name: "Alpine Refuge", price: "From $6,500", imageSrc: "http://img.b2bpic.net/free-photo/young-hipster-beautiful-couple-hiking-river-forest_285396-2256.jpg" },
{ id: "4", name: "Amalfi Dream", price: "From $3,800", imageSrc: "http://img.b2bpic.net/free-photo/look-from-outside-gates-great-landscape_8353-1261.jpg" },
{ id: "5", name: "Bali Sanctuary", price: "From $2,900", imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-rice-hills-surrounded-by-greens-trees_181624-45499.jpg" },
{ id: "6", name: "Parisian Essence", price: "From $4,500", imageSrc: "http://img.b2bpic.net/free-photo/eiffel-tower-as-famous-city-landmark-paris_649448-4835.jpg" },
{ id: '1', name: 'Kyoto Sanctuary', price: '$8,200', variant: 'Exclusive', imageSrc: 'https://img.b2bpic.net/free-photo/eiffel-tower-as-famous-city-landmark-paris_649448-4835.jpg' },
{ id: '2', name: 'Alps Retreat', price: '$12,000', variant: 'Secluded', imageSrc: 'https://img.b2bpic.net/free-photo/shanghai-morning-skyline-silhouette_649448-4349.jpg' }
]}
title="Destinations of Distinction"
description="Where history meets modern luxury."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
<TestimonialCardTen
title="Voyager Testimonials"
description="Read what our clients say about their bespoke journeys."
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Elena Vance", date: "Oct 2024", title: "Art Critic", quote: "Seamless, sophisticated, and utterly unforgettable.", tag: "Elite", avatarSrc: "http://img.b2bpic.net/free-photo/side-view-woman-posing-river_23-2148631387.jpg", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-posing-river_23-2148631387.jpg" },
{ id: "2", name: "Marcus Thorne", date: "Nov 2024", title: "Entrepreneur", quote: "They understand that time is our most valuable asset.", tag: "Business", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-photo-camera_23-2149455855.jpg", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-photo-camera_23-2149455855.jpg" },
{ id: "3", name: "Sophia Reed", date: "Dec 2024", title: "Photographer", quote: "The access they provide is truly unmatched.", tag: "Creative", avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-photographer-traveler-with-camera-edge-cliff-takes-pictures-nature_1321-2679.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-photographer-traveler-with-camera-edge-cliff-takes-pictures-nature_1321-2679.jpg" },
{ id: "4", name: "Julian Black", date: "Jan 2025", title: "Architect", quote: "Every detail handled with precision and grace.", tag: "Luxury", avatarSrc: "http://img.b2bpic.net/free-photo/young-man-traveler-cap-with-backpack-camera-takes-pictures-travel-photography_1321-1962.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-man-traveler-cap-with-backpack-camera-takes-pictures-travel-photography_1321-1962.jpg" },
{ id: "5", name: "Clara Mendes", date: "Feb 2025", title: "Investor", quote: "I've never experienced such personalized care anywhere else.", tag: "Global", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-forest-wintertime_329181-20330.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-forest-wintertime_329181-20330.jpg" },
{ id: '1', title: 'Life-changing', quote: 'The most refined travel experience I have ever had.', name: 'Alexander V.', role: 'CEO' },
{ id: '2', title: 'Absolute perfection', quote: 'Every detail was anticipated before I even asked.', name: 'Sophia L.', role: 'Curator' }
]}
title="Voices of the Voyager"
description="Why the world trusts us with their most precious memories."
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{ variant: "gradient-bars" }}
tag="Inquiry"
title="Begin Your Next Chapter"
description="Speak with our travel consultants to start planning your bespoke journey."
imageSrc="http://img.b2bpic.net/free-photo/top-view-tourism-elements-assortment_23-2148909644.jpg"
mediaAnimation="slide-up"
<ContactSplitForm
title="Request Your Consultation"
description="Connect with our travel team to discuss your bespoke itinerary requirements."
inputs={[{ name: 'name', type: 'text', placeholder: 'Full Name' }, { name: 'email', type: 'email', placeholder: 'Email Address' }]}
useInvertedBackground={true}
imageSrc="https://img.b2bpic.net/free-photo/top-view-tourism-elements-assortment_23-2148909644.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/unrecognizable-man-hoodie-stands-top-hiking-trail-mountain_346278-278.jpg?_wi=2"
<FooterSimple
columns={[
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] },
{ title: "Destinations", items: [{ label: "Europe", href: "#" }, { label: "Asia", href: "#" }] },
{ title: "Support", items: [{ label: "Contact", href: "#" }, { label: "Privacy", href: "#" }] },
{ title: "Voyage", items: [{ label: "Home" }, { label: "About" }] },
{ title: "Services", items: [{ label: "Concierge" }, { label: "Bespoke Planning" }] }
]}
copyrightText="© 2025 Voyage. All rights reserved."
bottomLeftText="© 2025 Voyage Luxury"
bottomRightText="Privacy Policy"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

12
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #000000;
--card: #1a2f1d;
--background: #0a0a0a;
--card: #1a1a1a;
--foreground: #ffffff;
--primary-cta: #ffffff;
--primary-cta: #c89bff;
--primary-cta-text: #0a1a0c;
--secondary-cta: #0d200f;
--secondary-cta: #1a1a1a;
--secondary-cta-text: #d4f6d8;
--accent: #1a3d1f;
--background-accent: #355e3b;
--accent: #737373;
--background-accent: #737373;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);