"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Compass, Crown, Globe, ShieldCheck, Sparkles, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="small"
        sizing="largeSmallSizeLargeTitles"
        background="circleGradient"
        cardStyle="gradient-radial"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="layered"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Accueil",
          id: "hero",
        },
        {
          name: "Destinations",
          id: "destinations",
        },
        {
          name: "Forfaits",
          id: "forfaits",
        },
        {
          name: "Témoignages",
          id: "temoignages",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Horizon Voyages"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitTestimonial
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient",
      }}
      title="Explorez des destinations uniques"
      description="Horizon Voyages vous emmène au-delà de l'ordinaire. Découvrez des aventures inoubliables et des cultures riches, conçues juste pour vous."
      testimonials={[
        {
          name: "Sophie Dubois",
          handle: "@sophie.explore",
          testimonial: "Mon voyage en Thaïlande a été parfaitement organisé, des temples aux plages paradisiaques. Un service impeccable !",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/nature-lover-stands-edge-breathtaking-mountain-range_482257-125799.jpg",
          imageAlt: "Sophie Dubois",
        },
        {
          name: "Marc Lavoie",
          handle: "@marc.globe",
          testimonial: "Horizon Voyages a dépassé mes attentes pour mon safari en Tanzanie. Une expérience incroyable et des souvenirs pour la vie.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-blue-backpack-takes-picture-landscape-going-mountains_197531-4371.jpg",
          imageAlt: "Marc Lavoie",
        },
        {
          name: "Élisa Morin",
          handle: "@elisa.travels",
          testimonial: "Grâce à Horizon Voyages, j'ai découvert des merveilles cachées au Pérou. L'itinéraire était sur mesure et l'équipe très à l'écoute.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/woman-walks-streets-chicago_1157-16815.jpg",
          imageAlt: "Élisa Morin",
        },
        {
          name: "David Tremblay",
          handle: "@david.aventures",
          testimonial: "Le trek dans l'Himalaya organisé par Horizon Voyages a été le défi de ma vie. Tout était géré avec un professionnalisme exemplaire.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-distant-shot-woman-riding-kayak-middle-lake-sunset_181624-3666.jpg",
          imageAlt: "David Tremblay",
        },
        {
          name: "Léa Rousseau",
          handle: "@lea.horizons",
          testimonial: "J'ai réalisé mon rêve de visiter l'Islande, et Horizon Voyages a rendu chaque moment magique. Des paysages à couper le souffle et une organisation parfaite.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-young-company-smiling-friends-walking-park-with-electric-kick-scooter-man-women-having-fun-together_285396-8915.jpg",
          imageAlt: "Léa Rousseau",
        },
      ]}
      testimonialRotationInterval={5000}
      buttons={[
        {
          text: "Découvrir",
          href: "#destinations",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/tropical-beach-sunny-day_58702-16290.jpg"
      imageAlt="Plage tropicale ou montagne majestueuse"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/photographer-taking-picture-ocean-coast_657883-303.jpg",
          alt: "Voyageur souriant",
        },
        {
          src: "http://img.b2bpic.net/free-photo/group-male-female-hikers-taking-selfie-mobile-phone_23-2147950698.jpg",
          alt: "Groupe de voyageurs heureux",
        },
        {
          src: "http://img.b2bpic.net/free-photo/attractive-stylish-young-woman-khaki-dress-desert-traveling-africa-safari-wearing-hat-backpack-taking-photo-vintage-camera_285396-9174.jpg",
          alt: "Voyageuse solo explorant",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-hipster-man-taking-pictures-using-smartphone-wild-nature-winter-vacation-hiking_285396-2015.jpg",
          alt: "Homme prenant des photos de voyage",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-pretty-couple-young-travelers-having-fun-tropical-romantic-vacation-holidays-paradise-island-summer-relax-looking-each-other-smilling_291049-1294.jpg",
          alt: "Couple heureux en vacances",
        },
      ]}
      avatarText="+1000 voyages mémorables déjà vécus"
      marqueeItems={[
        {
          type: "text-icon",
          text: "Aventures Inoubliables",
          icon: Compass,
        },
        {
          type: "text",
          text: "Destinations Exotiques",
        },
        {
          type: "text-icon",
          text: "Expertise Locale",
          icon: Globe,
        },
        {
          type: "text",
          text: "Service Sur Mesure",
        },
        {
          type: "text-icon",
          text: "Sérénité Garantie",
          icon: ShieldCheck,
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={true}
      title="Qui sommes-nous ?"
      description="Horizon Voyages est votre partenaire de confiance pour des voyages inoubliables. Nous créons des itinéraires personnalisés pour explorer le monde en toute sérénité, alliant aventure, culture et détente. Notre équipe d'experts est dédiée à transformer vos rêves de voyage en réalité, avec une attention particulière à chaque détail pour une expérience sans souci."
      imageSrc="http://img.b2bpic.net/free-photo/young-team-working-together-use-laptop_1157-27537.jpg"
      imageAlt="Personnes planifiant un voyage avec une carte du monde"
    />
  </div>

  <div id="destinations" data-section="destinations">
      <FeatureCardTwentySeven
      animationType="scale-rotate"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "destination-1",
          title: "Paris, France",
          descriptions: [
            "La Ville Lumière vous attend avec ses monuments emblématiques, sa gastronomie raffinée et son ambiance romantique. Flânez le long de la Seine, visitez le Louvre et admirez la Tour Eiffel.",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/famous-arc-de-triomphe-by-night-paris-france_268835-821.jpg",
          imageAlt: "Tour Eiffel à Paris",
        },
        {
          id: "destination-2",
          title: "Kyoto, Japon",
          descriptions: [
            "Plongez dans l'élégance du Japon traditionnel, entre temples anciens, jardins sereins et cérémonies du thé. Découvrez les geishas à Gion et la forêt de bambous d'Arashiyama.",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-landscape-bamboo-grove-forest-arashiyama-kyoto_74190-14.jpg",
          imageAlt: "Temple Kinkaku-ji à Kyoto",
        },
        {
          id: "destination-3",
          title: "Santorin, Grèce",
          descriptions: [
            "Admirez des couchers de soleil spectaculaires sur la mer Égée et ses villages pittoresques aux maisons blanches et aux dômes bleus. Profitez de la beauté incomparable des Cyclades.",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-mediteranean-door_23-2151280855.jpg",
          imageAlt: "Village d'Oia à Santorin",
        },
      ]}
      title="Nos destinations phares"
      description="Partez à la découverte de lieux exceptionnels, soigneusement sélectionnés pour vous offrir des expériences uniques et mémorables."
      buttons={[
        {
          text: "Voir toutes les destinations",
          href: "#contact",
        },
      ]}
    />
  </div>

  <div id="forfaits" data-section="forfaits">
      <PricingCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      plans={[
        {
          id: "standard",
          badge: "Essentiel",
          badgeIcon: Sparkles,
          price: "À partir de 999€",
          subtitle: "Pour une première escapade",
          buttons: [
            {
              text: "Réserver ce forfait",
              href: "#contact",
            },
          ],
          features: [
            "Vols aller-retour inclus",
            "Hébergement 3 étoiles (7 nuits)",
            "Petit-déjeuner inclus",
            "Assistance 24/7",
          ],
        },
        {
          id: "premium",
          badge: "Populaire",
          badgeIcon: Zap,
          price: "À partir de 1999€",
          subtitle: "L'expérience complète",
          buttons: [
            {
              text: "Réserver ce forfait",
              href: "#contact",
            },
          ],
          features: [
            "Vols aller-retour & transferts",
            "Hébergement 4 étoiles (7 nuits)",
            "Pension complète",
            "Excursions guidées",
            "Assurance voyage",
          ],
        },
        {
          id: "deluxe",
          badge: "Exclusif",
          badgeIcon: Crown,
          price: "Sur mesure",
          subtitle: "Votre rêve devient réalité",
          buttons: [
            {
              text: "Contacter un expert",
              href: "#contact",
            },
          ],
          features: [
            "Vols et hébergement de luxe",
            "Itinéraire 100% personnalisé",
            "Guide privé francophone",
            "Activités exclusives",
            "Concierge personnel",
          ],
        },
      ]}
      title="Nos forfaits de voyage"
      description="Découvrez nos offres tout compris pour une évasion parfaite. Des aventures sur mesure vous attendent, adaptées à tous les budgets et toutes les envies."
    />
  </div>

  <div id="temoignages" data-section="temoignages">
      <TestimonialCardTwo
      animationType="depth-3d"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Antoine G.",
          role: "Voyageur passionné",
          testimonial: "Une organisation irréprochable et des conseils précieux. Mon voyage en Italie a été un vrai délice, des vignobles toscans aux canaux de Venise. Merci Horizon Voyages !",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-checking-map_23-2148588547.jpg",
          imageAlt: "Antoine G.",
        },
        {
          id: "2",
          name: "Clara P.",
          role: "Aventurière solitaire",
          testimonial: "J'ai toujours rêvé de découvrir le Japon et Horizon Voyages a rendu ce rêve accessible et incroyable. Chaque détail était pensé, une immersion culturelle totale.",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-standing-rocks_23-2148699899.jpg",
          imageAlt: "Clara P.",
        },
        {
          id: "3",
          name: "Julien et Sarah D.",
          role: "Jeunes mariés",
          testimonial: "Notre lune de miel aux Maldives a été magique ! Horizon Voyages nous a offert un séjour de rêve, sans aucun souci. Nous avons déjà hâte de repartir avec eux.",
          imageSrc: "http://img.b2bpic.net/free-photo/senior-loving-couple-spending-time-together-beach_23-2149014636.jpg",
          imageAlt: "Julien et Sarah D.",
        },
        {
          id: "4",
          name: "Émilie R.",
          role: "Exploratrice urbaine",
          testimonial: "Je recherchais une agence capable de me concocter un city-trip sur mesure à New York. Horizon Voyages a tapé dans le mille ! Organisation au top, expériences inoubliables.",
          imageSrc: "http://img.b2bpic.net/free-photo/proud-explorer-reaches-top-mountain-feeling-satisfied_482257-120052.jpg",
          imageAlt: "Émilie R.",
        },
        {
          id: "5",
          name: "Thomas M.",
          role: "Amateur de nature",
          testimonial: "Le Canada a été une révélation grâce à Horizon Voyages. Des paysages grandioses et une nature préservée. Le forfait était parfaitement adapté à mes envies de randonnée.",
          imageSrc: "http://img.b2bpic.net/free-photo/father-with-his-son-having-picnic-park_1303-16240.jpg",
          imageAlt: "Thomas M.",
        },
      ]}
      title="Ce que nos voyageurs disent de nous"
      description="Découvrez les expériences authentiques et les avis de nos clients satisfaits, qui ont fait confiance à Horizon Voyages pour leurs aventures."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Air France",
        "Booking.com",
        "Marriott",
        "Lonely Planet",
        "Expedia",
        "Visa",
        "National Geographic",
        "Hertz",
      ]}
      title="Nos partenaires de confiance"
      description="Nous travaillons avec les meilleurs acteurs du tourisme pour vous garantir des voyages sûrs, confortables et enrichissants."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Nous Contacter"
      title="Prêt pour votre prochaine aventure ?"
      description="Remplissez le formulaire ci-dessous et un conseiller Horizon Voyages vous contactera très bientôt pour discuter de votre projet de voyage et créer une offre sur mesure."
      imageSrc="http://img.b2bpic.net/free-photo/view-world-travel-map-with-passport_23-2149460002.jpg"
      imageAlt="Planisphère avec des marqueurs de localisation"
      mediaAnimation="opacity"
      mediaPosition="left"
      inputPlaceholder="Votre adresse email"
      buttonText="Envoyer"
      termsText="En cliquant sur Envoyer, vous confirmez que vous acceptez nos Termes et Conditions."
      onSubmit={(email) => alert(`Merci pour votre message à ${email} ! Nous vous contacterons bientôt.`)}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Horizon Voyages"
      columns={[
        {
          title: "Liens Rapides",
          items: [
            {
              label: "Accueil",
              href: "#hero",
            },
            {
              label: "Destinations",
              href: "#destinations",
            },
            {
              label: "Forfaits",
              href: "#forfaits",
            },
            {
              label: "Témoignages",
              href: "#temoignages",
            },
            {
              label: "Contact",
              href: "#contact",
            },
          ],
        },
        {
          title: "Suivez-nous",
          items: [
            {
              label: "Facebook",
              href: "https://facebook.com",
            },
            {
              label: "Instagram",
              href: "https://instagram.com",
            },
            {
              label: "Twitter",
              href: "https://twitter.com",
            },
          ],
        },
        {
          title: "Légal",
          items: [
            {
              label: "Politique de Confidentialité",
              href: "#",
            },
            {
              label: "Conditions Générales",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Horizon Voyages. Tous droits réservés."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
