"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 Logistics", 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>
  );
}
