Merge version_2 into main #1
366
src/app/page.tsx
366
src/app/page.tsx
@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
@@ -17,263 +17,131 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="smallMedium"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="large"
|
||||
background="blurBottom"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="extrabold"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Experience",
|
||||
id: "#experience",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Aether Travel"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Experience", id: "#experience" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Aether Travel"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="experience" data-section="experience">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Unrivaled Journeys. Crafted for You."
|
||||
description="Beyond mere travel—we curate bespoke experiences in the world’s most secluded corners. Your journey redefined, from conception to destination."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-london-streets_23-2149377201.jpg",
|
||||
alt: "Traveler A",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-talking-phone_23-2148308512.jpg",
|
||||
alt: "Traveler B",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-happy-people-walking-together_23-2149338636.jpg",
|
||||
alt: "Traveler C",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-father-son-pointing-harbour_23-2147824652.jpg",
|
||||
alt: "Traveler D",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-caucasian-pretty-woman-vacation-smiling-black-dress-classic-hat-palm-tree-sea_343596-19.jpg",
|
||||
alt: "Traveler E",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by elite travelers worldwide"
|
||||
buttons={[
|
||||
{
|
||||
text: "Curate My Journey",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Private Aviation",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Luxury Villas",
|
||||
icon: Building2,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Culinary Tours",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "24/7 Concierge",
|
||||
icon: Bell,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Global Access",
|
||||
icon: Globe,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="experience" data-section="experience">
|
||||
<HeroCentered
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Unrivaled Journeys. Crafted for You."
|
||||
description="Beyond mere travel—we curate bespoke experiences in the world’s most secluded corners. Your journey redefined, from conception to destination."
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-man-london-streets_23-2149377201.jpg", alt: "Traveler A" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/businessman-talking-phone_23-2148308512.jpg", alt: "Traveler B" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/full-shot-happy-people-walking-together_23-2149338636.jpg", alt: "Traveler C" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/side-view-father-son-pointing-harbour_23-2147824652.jpg", alt: "Traveler D" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-caucasian-pretty-woman-vacation-smiling-black-dress-classic-hat-palm-tree-sea_343596-19.jpg", alt: "Traveler E" },
|
||||
]}
|
||||
avatarText="Trusted by elite travelers worldwide"
|
||||
buttons={[{ text: "Curate My Journey", href: "#contact" }]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{ type: "text-icon", text: "Private Aviation", icon: Star },
|
||||
{ type: "text-icon", text: "Luxury Villas", icon: Building2 },
|
||||
{ type: "text-icon", text: "Culinary Tours", icon: Star },
|
||||
{ type: "text-icon", text: "24/7 Concierge", icon: Bell },
|
||||
{ type: "text-icon", text: "Global Access", icon: Globe },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Excellence by the Numbers"
|
||||
metrics={[
|
||||
{
|
||||
icon: Globe,
|
||||
label: "Destinations",
|
||||
value: "150+",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
label: "Elite Members",
|
||||
value: "2,400",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Combined",
|
||||
value: "45",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="Excellence by the Numbers"
|
||||
metrics={[
|
||||
{ icon: Globe, label: "Destinations", value: "150+" },
|
||||
{ icon: Star, label: "Elite Members", value: "2,400" },
|
||||
{ icon: Award, label: "Years Combined", value: "45" },
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Star,
|
||||
title: "Private Aviation",
|
||||
description: "Seamless, private connectivity across the globe, tailored to your schedule.",
|
||||
},
|
||||
{
|
||||
icon: Building2,
|
||||
title: "Hidden Sanctuaries",
|
||||
description: "Exclusive access to villas and estates not found on public registries.",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
title: "Curated Experiences",
|
||||
description: "Private tours, artisanal culinary experiences, and local insider access.",
|
||||
},
|
||||
]}
|
||||
title="The Art of Travel"
|
||||
description="Exclusivity at every touchpoint. We handle the intricacies so you can immerse yourself in the moment."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: Star, title: "Private Aviation", description: "Seamless, private connectivity across the globe, tailored to your schedule." },
|
||||
{ icon: Building2, title: "Hidden Sanctuaries", description: "Exclusive access to villas and estates not found on public registries." },
|
||||
{ icon: Star, title: "Curated Experiences", description: "Private tours, artisanal culinary experiences, and local insider access." },
|
||||
]}
|
||||
title="The Art of Travel"
|
||||
description="Exclusivity at every touchpoint. We handle the intricacies so you can immerse yourself in the moment."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="Aether Travel transformed how I view the world. Every detail was flawlessly executed, making my retreat to the Maldives an ethereal experience."
|
||||
rating={5}
|
||||
author="Julianne Sterling"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-london-streets_23-2149377201.jpg",
|
||||
alt: "Julianne Sterling",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-talking-phone_23-2148308512.jpg",
|
||||
alt: "Guest B",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-happy-people-walking-together_23-2149338636.jpg",
|
||||
alt: "Guest C",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-father-son-pointing-harbour_23-2147824652.jpg",
|
||||
alt: "Guest D",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-caucasian-pretty-woman-vacation-smiling-black-dress-classic-hat-palm-tree-sea_343596-19.jpg",
|
||||
alt: "Guest E",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
testimonial="Aether Travel transformed how I view the world. Every detail was flawlessly executed, making my retreat to the Maldives an ethereal experience."
|
||||
rating={5}
|
||||
author="Julianne Sterling"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-man-london-streets_23-2149377201.jpg", alt: "Guest" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/businessman-talking-phone_23-2148308512.jpg", alt: "Guest" },
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Begin Your Next Journey"
|
||||
description="Request a consultation for your next bespoke trip. Our concierge team is ready to curate your ideal itinerary."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your preferred destinations and travel dates...",
|
||||
rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-laptop-travelling-accessories_23-2148256060.jpg"
|
||||
imageAlt="Luxury office concierge"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Begin Your Next Journey"
|
||||
description="Request a consultation for your next bespoke trip. Our concierge team is ready to curate your ideal itinerary."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your preferences...", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-laptop-travelling-accessories_23-2148256060.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mesmerizing-view-sky-reflecting-water-sunset_181624-16473.jpg"
|
||||
logoText="AETHER"
|
||||
columns={[
|
||||
{
|
||||
title: "Destinations",
|
||||
items: [
|
||||
{
|
||||
label: "Maldives",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Swiss Alps",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Kyoto",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Agency",
|
||||
items: [
|
||||
{
|
||||
label: "Our Philosophy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Aether Travel. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="AETHER"
|
||||
columns={[
|
||||
{
|
||||
title: "Destinations", items: [
|
||||
{ label: "Maldives", href: "#" },
|
||||
{ label: "Swiss Alps", href: "#" },
|
||||
{ label: "Kyoto", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Agency", items: [
|
||||
{ label: "Philosophy", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Aether Travel. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5f4ef;
|
||||
--card: #dad6cd;
|
||||
--foreground: #2a2928;
|
||||
--primary-cta: #2a2928;
|
||||
--background: #020617;
|
||||
--card: #0f172a;
|
||||
--foreground: #e2e8f0;
|
||||
--primary-cta: #c4d8f9;
|
||||
--primary-cta-text: #f5f4ef;
|
||||
--secondary-cta: #ecebea;
|
||||
--secondary-cta: #041633;
|
||||
--secondary-cta-text: #2a2928;
|
||||
--accent: #ffffff;
|
||||
--background-accent: #c6b180;
|
||||
--accent: #2d30f3;
|
||||
--background-accent: #1d4ed8;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user