189 lines
12 KiB
TypeScript
189 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="mediumSmall"
|
|
sizing="large"
|
|
background="none"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
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"
|
|
button={{ text: "Book Now", href: "#contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitTestimonial
|
|
background={{ variant: "gradient-bars" }}
|
|
title="NISÉL
|
|
TOUR "
|
|
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="ciao 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 dddd", subtitle: "Luxury fleet at your disposal.", category: "Transport", value: "Around-the-clock support" },
|
|
{ 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="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="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{ id: "q1", title: "How do I book a tour?", content: "Fill out the form below or contact our concierge directly to initiate your custom 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="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoText="NISÉL TOUR"
|
|
columns={[
|
|
{ items: [{ label: "Home", href: "#hero" }, { label: "Experiences", href: "#products" }] },
|
|
{ items: [{ label: "About Us", href: "#about" }, { label: "Privacy Policy", href: "#" }] },
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|