Update src/app/page.tsx
This commit is contained in:
265
src/app/page.tsx
265
src/app/page.tsx
@@ -8,7 +8,7 @@ import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import { Utensils, Plane, Hotel } from "lucide-react";
|
||||
import { Plane, Hotel, Utensils } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -25,187 +25,98 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Discover",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Philosophy",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Experiences",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
]}
|
||||
brandName="Elysian Voyages"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Discover", id: "hero" },
|
||||
{ name: "Philosophy", id: "about" },
|
||||
{ name: "Experiences", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
]}
|
||||
brandName="Elysian Voyages"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Redefining the Art of Travel"
|
||||
description="Experience bespoke journeys curated for the world's most discerning individuals. Your passage to the extraordinary starts here."
|
||||
buttons={[
|
||||
{
|
||||
text: "Plan Your Journey",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://pixabay.com/get/gdd0d7a850cae59af7a12048c9ed626a9d9898d2a843364ed07086bebe5431bfc77cfe74df49ed32d8dbb1fadadc7c6478b9bd780b538c77d70ae08c6bace6d2b_1280.jpg"
|
||||
imageAlt="Breathtaking luxury villa view"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Redefining the Art of Travel"
|
||||
description="Experience bespoke journeys curated for the world's most discerning individuals. Your passage to the extraordinary starts here."
|
||||
buttons={[{ text: "Plan Your Journey", href: "#contact" }]}
|
||||
imageSrc="https://pixabay.com/get/gdd0d7a850cae59af7a12048c9ed626a9d9898d2a843364ed07086bebe5431bfc77cfe74df49ed32d8dbb1fadadc7c6478b9bd780b538c77d70ae08c6bace6d2b_1280.jpg"
|
||||
imageAlt="Breathtaking luxury villa view"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Unparalleled Bespoke Service"
|
||||
description="We specialize in orchestrating seamless, high-touch travel experiences. Every detail, from private transfers to exclusive access, is meticulously planned by our dedicated team of connoisseurs."
|
||||
imageSrc="https://pixabay.com/get/g982e20d8048eb3880e6f8741408089e5c5f8efc2f47e681689c088a554caa99b7bc5bd3e17de916b5c16ddeeaf707d52f524887a50b7d510645fbcdd46788f80_1280.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Unparalleled Bespoke Service"
|
||||
description="We specialize in orchestrating seamless, high-touch travel experiences. Every detail, from private transfers to exclusive access, is meticulously planned by our dedicated team of connoisseurs."
|
||||
imageSrc="https://pixabay.com/get/g982e20d8048eb3880e6f8741408089e5c5f8efc2f47e681689c088a554caa99b7bc5bd3e17de916b5c16ddeeaf707d52f524887a50b7d510645fbcdd46788f80_1280.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Aviation Excellence",
|
||||
description: "Private, seamless travel on your terms.",
|
||||
media: {
|
||||
imageSrc: "https://pixabay.com/get/g6affe686671f0df84983630f6362bee8ca5fdb223bd24ae91a36115f9043df635b23030c3ea032dd8c3fd24138290a5728942f6b192da4ae334aeda5d6875044_1280.jpg",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Plane,
|
||||
text: "Private Jet Access",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Boutique Stays",
|
||||
description: "Curated selection of the world's finest properties.",
|
||||
media: {
|
||||
imageSrc: "https://pixabay.com/get/ge0466b4a598a789b760aa9541788817926d4f07cd50d17da3826fc01598d8ced1133061346377f9d075aedc58328be76ecfceffbce0e1700f44941b552d51539_1280.jpg",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Hotel,
|
||||
text: "Private Villa Access",
|
||||
},
|
||||
],
|
||||
reverse: true,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Culinary Journeys",
|
||||
description: "Savor authentic, high-end gastronomy worldwide.",
|
||||
media: {
|
||||
imageSrc: "https://pixabay.com/get/gb6656ad28981ed56ff7d93f1eca99aba437be7778885ed522b5bf66b12f6ee40ca9978fbf38104b8cbf540f21849687cf877588ebfb08a2bc930c9376b5b3ba2_1280.jpg",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Utensils,
|
||||
text: "Private Dining",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
]}
|
||||
title="Our Signature Offerings"
|
||||
description="Excellence is not an act, but a habit of our curation process."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1", title: "Aviation Excellence", description: "Private, seamless travel on your terms.", media: { imageSrc: "https://pixabay.com/get/g6affe686671f0df84983630f6362bee8ca5fdb223bd24ae91a36115f9043df635b23030c3ea032dd8c3fd24138290a5728942f6b192da4ae334aeda5d6875044_1280.jpg" },
|
||||
items: [{ icon: Plane, text: "Private Jet Access" }],
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
id: "2", title: "Boutique Stays", description: "Curated selection of the world's finest properties.", media: { imageSrc: "https://pixabay.com/get/ge0466b4a598a789b760aa9541788817926d4f07cd50d17da3826fc01598d8ced1133061346377f9d075aedc58328be76ecfceffbce0e1700f44941b552d51539_1280.jpg" },
|
||||
items: [{ icon: Hotel, text: "Private Villa Access" }],
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
id: "3", title: "Culinary Journeys", description: "Savor authentic, high-end gastronomy worldwide.", media: { imageSrc: "https://pixabay.com/get/gb6656ad28981ed56ff7d93f1eca99aba437be7778885ed522b5bf66b12f6ee40ca9978fbf38104b8cbf540f21849687cf877588ebfb08a2bc930c9376b5b3ba2_1280.jpg" },
|
||||
items: [{ icon: Utensils, text: "Private Dining" }],
|
||||
reverse: false
|
||||
}
|
||||
]}
|
||||
title="Our Signature Offerings"
|
||||
description="Excellence is not an act, but a habit of our curation process."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Exceptional",
|
||||
quote: "The most seamless experience of my life. Perfection in every detail.",
|
||||
name: "Eleanor V.",
|
||||
role: "CEO",
|
||||
imageSrc: "https://pixabay.com/get/g8ea179482e80c13e25b5f60ac59c9b4cf12f52605aa652e0b5373d0ba910f0f1b3341ddbc810199a661e1bb29d4808edc4aae63ef33b7f977eebb14e8e4b1494_1280.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Beyond Expectations",
|
||||
quote: "Elysian curated a trip that I didn't think was possible. Utterly transformative.",
|
||||
name: "Julian S.",
|
||||
role: "Collector",
|
||||
imageSrc: "https://pixabay.com/get/g302fc7a99333af925b1d73c167004e5bb2d4191bf8de176eaff5e67e7913b8a992282aba7473c49b80b393cde4c135d8bbc688b0a1fe23ab2d73e4ae0bd2f83e_1280.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Simply Sublime",
|
||||
quote: "Their eye for detail is unmatched. Truly a new standard for luxury travel.",
|
||||
name: "Sophia L.",
|
||||
role: "Architect",
|
||||
imageSrc: "https://pixabay.com/get/g0997409f28fbdc345841a69ece59f02b97a4582aaf22876580399d4b07a6762ae74ee335f418dad99ab30889aafdef81f23e75bfb887071b6ce77090d22f270b_1280.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Flawless",
|
||||
quote: "I travel frequently, yet they surprised me at every turn. Exceptional.",
|
||||
name: "Marcus W.",
|
||||
role: "Investor",
|
||||
imageSrc: "https://pixabay.com/get/g0f80f64cce436d7034fdc708d93c047c245ba1f2d6239d02f39aede936cfe1bf39e297438ba5fd2440b5aa6eb10e5c051394c29027dea07c8643cea032ba42d6_1280.jpg",
|
||||
},
|
||||
]}
|
||||
title="Voices of Elysian"
|
||||
description="Stories from those who have traversed the world in style."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", title: "Exceptional", quote: "The most seamless experience of my life. Perfection in every detail.", name: "Eleanor V.", role: "CEO", imageSrc: "https://pixabay.com/get/g8ea179482e80c13e25b5f60ac59c9b4cf12f52605aa652e0b5373d0ba910f0f1b3341ddbc810199a661e1bb29d4808edc4aae63ef33b7f977eebb14e8e4b1494_1280.jpg" },
|
||||
{ id: "2", title: "Beyond Expectations", quote: "Elysian curated a trip that I didn't think was possible. Utterly transformative.", name: "Julian S.", role: "Collector", imageSrc: "https://pixabay.com/get/g302fc7a99333af925b1d73c167004e5bb2d4191bf8de176eaff5e67e7913b8a992282aba7473c49b80b393cde4c135d8bbc688b0a1fe23ab2d73e4ae0bd2f83e_1280.jpg" },
|
||||
{ id: "3", title: "Simply Sublime", quote: "Their eye for detail is unmatched. Truly a new standard for luxury travel.", name: "Sophia L.", role: "Architect", imageSrc: "https://pixabay.com/get/g0997409f28fbdc345841a69ece59f02b97a4582aaf22876580399d4b07a6762ae74ee335f418dad99ab30889aafdef81f23e75bfb887071b6ce77090d22f270b_1280.jpg" },
|
||||
{ id: "4", title: "Flawless", quote: "I travel frequently, yet they surprised me at every turn. Exceptional.", name: "Marcus W.", role: "Investor", imageSrc: "https://pixabay.com/get/g0f80f64cce436d7034fdc708d93c047c245ba1f2d6239d02f39aede936cfe1bf39e297438ba5fd2440b5aa6eb10e5c051394c29027dea07c8643cea032ba42d6_1280.jpg" }
|
||||
]}
|
||||
title="Voices of Elysian"
|
||||
description="Stories from those who have traversed the world in style."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Elysian Voyages"
|
||||
columns={[
|
||||
{
|
||||
title: "Agency",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Experiences",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Elysian Voyages"
|
||||
columns={[
|
||||
{
|
||||
title: "Agency", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Experiences", href: "#features" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user