bender/77b9f6e2-b368-44b7-b5ea-95287b25c45b
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-07 14:04:19 +00:00
parent fa24b820ae
commit 9b40a9b0bb
1 changed files with 144 additions and 357 deletions
Download Patch File Download Diff File Expand all files Collapse all files

501
src/app/page.tsx
View File

@@ -28,372 +28,159 @@ export default function LandingPage() {
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Destinations",
id: "products",
},
{
name: "About Us",
id: "about",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="NISÉL TOUR"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "hero" },
{ name: "Destinations", id: "products" },
{ name: "About Us", id: "about" },
{ name: "Contact", id: "contact" },
]}
brandName="NISÉL TOUR"
button={{ text: "Book Now", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
background={{
variant: "gradient-bars",
}}
title="Discover Albania’s Unseen Luxury"
description="Experience curated, bespoke journeys through the hidden gems of the Adriatic and the dramatic beauty of the Albanian Alps with NISÉL TOUR."
testimonials={[
{
name: "Elena V.",
handle: "@elena_travels",
testimonial: "An unparalleled journey through Albania. Every detail was meticulously curated for maximum comfort.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/love-couple-pretty-woman-man-hats-outdoor_624325-3076.jpg",
},
{
name: "Mark D.",
handle: "@md_global",
testimonial: "NISÉL TOUR defined luxury for us. Exceptional local knowledge combined with high-end execution.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-holding-photo-camera_23-2149049085.jpg",
},
{
name: "Sofia K.",
handle: "@sofia_explore",
testimonial: "From hidden bays to secret mountain villages, they made the impossible, possible.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-calm-happy-caucasian-fit-slim-woman-crop-cami-top-pants-set-alone-rocky-tropical-beach-sunset_343596-744.jpg",
},
{
name: "James L.",
handle: "@jl_adventures",
testimonial: "The gold standard for Albanian luxury travel. Professional, sophisticated, and deeply authentic.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/couple-with-rose-their-faces-smiling-with-lake-background_23-2147596355.jpg",
},
{
name: "Chloe T.",
handle: "@chloetravels",
testimonial: "Simply breathtaking. A seamless experience from start to finish.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-woman-vacation-asian-wooden-boat_343596-2572.jpg",
},
]}
buttons={[
{
text: "Start Your Journey",
href: "#products",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/rocky-mountains-landscape-collsacabra_1398-3185.jpg"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/breathtaking-scene-scenic-welterbespirale-obertraun-austria_181624-32571.jpg",
alt: "Traveler avatar 1",
},
{
src: "http://img.b2bpic.net/free-photo/young-woman-admiring-highland-views-hike-asturias_181624-48838.jpg",
alt: "Traveler avatar 2",
},
{
src: "http://img.b2bpic.net/free-photo/mountains-landscaper-collsacabra_1398-3186.jpg",
alt: "Traveler avatar 3",
},
{
src: "http://img.b2bpic.net/free-photo/young-man-sitting-wooden-bench-enjoying-view-mountains-grassy-field_181624-39214.jpg",
alt: "Traveler avatar 4",
},
{
src: "http://img.b2bpic.net/free-photo/taking-photo-laughing-girlfriend-front-monument_23-2147615342.jpg",
alt: "Traveler avatar 5",
},
]}
marqueeItems={[
{
type: "text",
text: "Adriatic Riviera",
},
{
type: "text",
text: "Albanian Alps",
},
{
type: "text",
text: "Luxury Concierge",
},
{
type: "text",
text: "Bespoke Itineraries",
},
{
type: "text",
text: "Authentic Discovery",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
background={{ variant: "gradient-bars" }}
title="Discover Albania’s Unseen Luxury"
description="Experience curated, bespoke journeys through the hidden gems of the Adriatic and the dramatic beauty of the Albanian Alps with NISÉL TOUR."
testimonials={[
{ name: "Elena V.", handle: "@elena_travels", testimonial: "An unparalleled journey through Albania. Every detail was meticulously curated for maximum comfort.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/love-couple-pretty-woman-man-hats-outdoor_624325-3076.jpg" },
{ name: "Mark D.", handle: "@md_global", testimonial: "NISÉL TOUR defined luxury for us. Exceptional local knowledge combined with high-end execution.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-holding-photo-camera_23-2149049085.jpg" },
{ name: "Sofia K.", handle: "@sofia_explore", testimonial: "From hidden bays to secret mountain villages, they made the impossible, possible.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-calm-happy-caucasian-fit-slim-woman-crop-cami-top-pants-set-alone-rocky-tropical-beach-sunset_343596-744.jpg" },
{ name: "James L.", handle: "@jl_adventures", testimonial: "The gold standard for Albanian luxury travel. Professional, sophisticated, and deeply authentic.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-with-rose-their-faces-smiling-with-lake-background_23-2147596355.jpg" },
{ name: "Chloe T.", handle: "@chloetravels", testimonial: "Simply breathtaking. A seamless experience from start to finish.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-woman-vacation-asian-wooden-boat_343596-2572.jpg" },
]}
buttons={[{ text: "Start Your Journey", href: "#products" }]}
imageSrc="http://img.b2bpic.net/free-photo/rocky-mountains-landscape-collsacabra_1398-3185.jpg"
mediaAnimation="blur-reveal"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/breathtaking-scene-scenic-welterbespirale-obertraun-austria_181624-32571.jpg", alt: "Traveler avatar 1" },
{ src: "http://img.b2bpic.net/free-photo/young-woman-admiring-highland-views-hike-asturias_181624-48838.jpg", alt: "Traveler avatar 2" },
{ src: "http://img.b2bpic.net/free-photo/mountains-landscaper-collsacabra_1398-3186.jpg", alt: "Traveler avatar 3" },
{ src: "http://img.b2bpic.net/free-photo/young-man-sitting-wooden-bench-enjoying-view-mountains-grassy-field_181624-39214.jpg", alt: "Traveler avatar 4" },
{ src: "http://img.b2bpic.net/free-photo/taking-photo-laughing-girlfriend-front-monument_23-2147615342.jpg", alt: "Traveler avatar 5" },
]}
marqueeItems={[
{ type: "text", text: "Adriatic Riviera" },
{ type: "text", text: "Albanian Alps" },
{ type: "text", text: "Luxury Concierge" },
{ type: "text", text: "Bespoke Itineraries" },
{ type: "text", text: "Authentic Discovery" },
]}
/>
</div>
<div id="about" data-section="about">
<MediaAbout
useInvertedBackground={false}
title="Crafting Extraordinary Moments"
description="At NISÉL TOUR, we believe luxury is found in the intersection of authenticity and excellence. We curate private, exclusive itineraries that reveal the soul of Albania without compromising on sophistication."
imageSrc="http://img.b2bpic.net/free-photo/woman-posing-breathtaking-view_23-2148347720.jpg"
/>
</div>
<div id="about" data-section="about">
<MediaAbout
useInvertedBackground={false}
title="Crafting Extraordinary Moments"
description="At NISÉL TOUR, we believe luxury is found in the intersection of authenticity and excellence. We curate private, exclusive itineraries that reveal the soul of Albania without compromising on sophistication."
imageSrc="http://img.b2bpic.net/free-photo/woman-posing-breathtaking-view_23-2148347720.jpg"
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyEight
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Private Logistics",
subtitle: "Luxury fleet at your disposal.",
category: "Transport",
value: "24/7",
},
{
id: "f2",
title: "Secret Access",
subtitle: "Entry to places few ever see.",
category: "Exclusivity",
value: "Unlimited",
},
{
id: "f3",
title: "Expert Concierge",
subtitle: "Your dedicated personal assistant.",
category: "Support",
value: "1:1",
},
]}
title="Why Choose NISÉL"
description="Sophistication at every stage of your exploration."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyEight
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{ id: "f1", title: "Private Logistics", subtitle: "Luxury fleet at your disposal.", category: "Transport", value: "24/7" },
{ id: "f2", title: "Secret Access", subtitle: "Entry to places few ever see.", category: "Exclusivity", value: "Unlimited" },
{ id: "f3", title: "Expert Concierge", subtitle: "Your dedicated personal assistant.", category: "Support", value: "1:1" },
]}
title="Why Choose NISÉL"
description="Sophistication at every stage of your exploration."
/>
</div>
<div id="products" data-section="products">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="asymmetric-60-wide-40-narrow"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Riviera Yacht Cruise",
price: "From €5,000",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-wine-cellar_23-2149428768.jpg",
},
{
id: "p2",
name: "Alpine Peak Escape",
price: "From €3,200",
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-backpack-exploring-nature_23-2148928008.jpg",
},
{
id: "p3",
name: "Ancient History Tour",
price: "From €2,800",
imageSrc: "http://img.b2bpic.net/free-photo/adult-woman-takes-selfie-rest-stop-hike-mountains-active-recreation_166373-5035.jpg",
},
{
id: "p4",
name: "Boutique Wine Journey",
price: "From €2,500",
imageSrc: "http://img.b2bpic.net/free-photo/christmas-dinner-with-wine_23-2147716277.jpg",
},
{
id: "p5",
name: "Canyon Explorer",
price: "From €3,000",
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-fashion-portrait-woman-wearing-trendy-pink-linen-suit-posing-montenegro-marina-sunset-enjoy-her-luxury-vacation_291049-2981.jpg",
},
{
id: "p6",
name: "Tirana City Luxe",
price: "From €1,500",
imageSrc: "http://img.b2bpic.net/free-photo/tourist-mountain-peak_1398-1009.jpg",
},
]}
title="Signature Experiences"
description="Choose your narrative from our collection of bespoke Albanian tours."
/>
</div>
<div id="products" data-section="products">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="asymmetric-60-wide-40-narrow"
useInvertedBackground={false}
products={[
{ id: "p1", name: "Riviera Yacht Cruise", price: "From €5,000", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-wine-cellar_23-2149428768.jpg" },
{ id: "p2", name: "Alpine Peak Escape", price: "From €3,200", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-backpack-exploring-nature_23-2148928008.jpg" },
{ id: "p3", name: "Ancient History Tour", price: "From €2,800", imageSrc: "http://img.b2bpic.net/free-photo/adult-woman-takes-selfie-rest-stop-hike-mountains-active-recreation_166373-5035.jpg" },
{ id: "p4", name: "Boutique Wine Journey", price: "From €2,500", imageSrc: "http://img.b2bpic.net/free-photo/christmas-dinner-with-wine_23-2147716277.jpg" },
{ id: "p5", name: "Canyon Explorer", price: "From €3,000", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-fashion-portrait-woman-wearing-trendy-pink-linen-suit-posing-montenegro-marina-sunset-enjoy-her-luxury-vacation_291049-2981.jpg" },
{ id: "p6", name: "Tirana City Luxe", price: "From €1,500", imageSrc: "http://img.b2bpic.net/free-photo/tourist-mountain-peak_1398-1009.jpg" },
]}
title="Signature Experiences"
description="Choose your narrative from our collection of bespoke Albanian tours."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Elena V.",
handle: "@elena_travels",
testimonial: "Impeccable execution and a deep, soulful understanding of Albania.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-pulling-woman-by-hand_23-2148293886.jpg",
},
{
id: "2",
name: "Mark D.",
handle: "@md_global",
testimonial: "Luxury that feels personal and genuine. Exceptional.",
imageSrc: "http://img.b2bpic.net/free-photo/back-shot-young-woman-elegant-dress-admiring-breathtaking-view-while-standing-very-edge-mountain-top-facing-vast-blue-ocean-holding-straw-hat-keep-it-her-head-because-wind_343059-726.jpg",
},
{
id: "3",
name: "Sofia K.",
handle: "@sofia_explore",
testimonial: "They made our trip truly unforgettable.",
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-travelling-her-van_23-2149119763.jpg",
},
{
id: "4",
name: "James L.",
handle: "@jl_adventures",
testimonial: "Sophisticated, professional, and very knowledgeable.",
imageSrc: "http://img.b2bpic.net/free-photo/emotional-african-student-glasses-sitting-bench-with-laptop-outdoor-photo-mulatto-male-freelancer-black-attire-working-with-computer_197531-21886.jpg",
},
{
id: "5",
name: "Chloe T.",
handle: "@chloetravels",
testimonial: "The best way to see the beauty of Albania.",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-sitting-rock-holding-palm-leaves-while-taking-photo-with-camera_23-2148221990.jpg",
},
]}
title="The NISÉL Standard"
description="Discover why discerning travelers choose our bespoke tours."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Elena V.", handle: "@elena_travels", testimonial: "Impeccable execution and a deep, soulful understanding of Albania.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-pulling-woman-by-hand_23-2148293886.jpg" },
{ id: "2", name: "Mark D.", handle: "@md_global", testimonial: "Luxury that feels personal and genuine. Exceptional.", imageSrc: "http://img.b2bpic.net/free-photo/back-shot-young-woman-elegant-dress-admiring-breathtaking-view-while-standing-very-edge-mountain-top-facing-vast-blue-ocean-holding-straw-hat-keep-it-her-head-because-wind_343059-726.jpg" },
{ id: "3", name: "Sofia K.", handle: "@sofia_explore", testimonial: "They made our trip truly unforgettable.", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-travelling-her-van_23-2149119763.jpg" },
{ id: "4", name: "James L.", handle: "@jl_adventures", testimonial: "Sophisticated, professional, and very knowledgeable.", imageSrc: "http://img.b2bpic.net/free-photo/emotional-african-student-glasses-sitting-bench-with-laptop-outdoor-photo-mulatto-male-freelancer-black-attire-working-with-computer_197531-21886.jpg" },
{ id: "5", name: "Chloe T.", handle: "@chloetravels", testimonial: "The best way to see the beauty of Albania.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-sitting-rock-holding-palm-leaves-while-taking-photo-with-camera_23-2148221990.jpg" },
]}
title="The NISÉL Standard"
description="Discover why discerning travelers choose our bespoke tours."
/>
</div>
<div id="socialProof" data-section="socialProof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"Travel + Leisure",
"Condé Nast Traveler",
"Forbes Travel",
"Luxury Travel Network",
"European Travel Guild",
"The New York Times",
"Luxury Wanderer",
]}
title="Recognized Excellence"
description="Trusted by the world's most discerning travel networks."
/>
</div>
<div id="socialProof" data-section="socialProof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={["Travel + Leisure", "Condé Nast Traveler", "Forbes Travel", "Luxury Travel Network", "European Travel Guild", "The New York Times", "Luxury Wanderer"]}
title="Recognized Excellence"
description="Trusted by the world's most discerning travel networks."
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "How do I book a tour?",
content: "Contact us directly via our form or email to start your consultation.",
},
{
id: "q2",
title: "Is accommodation included?",
content: "All our luxury tours include stays at hand-picked boutique hotels or villas.",
},
{
id: "q3",
title: "Can I customize my trip?",
content: "Yes, all itineraries are fully bespoke to your preferences.",
},
]}
title="Travel Guidelines"
description="Everything you need to know about your luxury Albanian journey."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{ id: "q1", title: "How do I book a tour?", content: "Contact us directly via our form or email to start your consultation." },
{ id: "q2", title: "Is accommodation included?", content: "All our luxury tours include stays at hand-picked boutique hotels or villas." },
{ id: "q3", title: "Can I customize my trip?", content: "Yes, all itineraries are fully bespoke to your preferences." },
]}
title="Travel Guidelines"
description="Everything you need to know about your luxury Albanian journey."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Start Your Private Journey"
description="Get in touch with our concierge team to discuss your Albanian expedition."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
},
]}
textarea={{
name: "message",
placeholder: "Tell us about your dream trip...",
}}
imageSrc="http://img.b2bpic.net/free-photo/young-girl-looking-out-window-cafeteria_1157-1394.jpg"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Start Your Private Journey"
description="Get in touch with our concierge team to discuss your Albanian expedition."
inputs={[
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Your Email", required: true },
]}
textarea={{ name: "message", placeholder: "Tell us about your dream trip..." }}
imageSrc="http://img.b2bpic.net/free-photo/young-girl-looking-out-window-cafeteria_1157-1394.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Navigate",
items: [
{
label: "Home",
href: "#hero",
},
{
label: "Experiences",
href: "#products",
},
],
},
{
title: "Information",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Privacy Policy",
href: "#",
},
],
},
]}
logoText="NISÉL TOUR"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{ title: "Navigate", items: [{ label: "Home", href: "#hero" }, { label: "Experiences", href: "#products" }] },
{ title: "Information", items: [{ label: "About Us", href: "#about" }, { label: "Privacy Policy", href: "#" }] },
]}
logoText="NISÉL TOUR"
/>
</div>
</ReactLenis>
</ThemeProvider>
);