"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { Award, Heart, Leaf, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="medium"
        sizing="mediumSizeLargeTitles"
        background="circleGradient"
        cardStyle="outline"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="glass"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Accueil",
          id: "hero",
        },
        {
          name: "Notre Histoire",
          id: "about",
        },
        {
          name: "Produits",
          id: "products",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Les Quatre Cerises"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCentered
      background={{
        variant: "plain",
      }}
      title="L'excellence artisanale depuis 1958"
      description="Succombez à la finesse de nos pâtisseries et l'élégance de nos créations sucrées."
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg",
          alt: "Client 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/african-american-barista-uniform-giving-cup-coffee-his-client-trendy-coffee-shop_613910-21070.jpg",
          alt: "Client 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/happy-business-women-posing-pointing-fingers-camera-while-sitting-table-with-coffee-cups-documents_74855-9959.jpg",
          alt: "Client 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/fashion-girl-standing-summer-city_1157-20652.jpg",
          alt: "Client 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/gorgeous-smiling-blonde-fashion-model-sits-white-suit-soft-armchair_8353-5476.jpg",
          alt: "Client 5",
        },
      ]}
      buttons={[
        {
          text: "Découvrir nos créations",
          href: "#products",
        },
      ]}
      marqueeItems={[
        {
          type: "text-icon",
          text: "Artisanal",
          icon: Award,
        },
        {
          type: "text-icon",
          text: "Traditionnel",
          icon: Award,
        },
        {
          type: "text-icon",
          text: "100% Naturel",
          icon: Leaf,
        },
        {
          type: "text-icon",
          text: "Fait Maison",
          icon: Heart,
        },
        {
          type: "text-icon",
          text: "Qualité Premium",
          icon: Sparkles,
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={false}
      tag="Notre Héritage"
      title="Un trésor de souvenirs"
      description="Depuis plus de 60 ans, Les Quatre Cerises sublime vos moments de gourmandise. De Casablanca à Bouskoura, nous préservons l'art de vivre à la française avec une touche marocaine authentique."
      subdescription="Chaque détail, chaque saveur est le fruit d'un savoir-faire transmis de génération en génération."
      icon={Award}
      imageSrc="http://img.b2bpic.net/free-photo/baker-kneading-dough-with-flour-kitchen-table_23-2147872732.jpg?_wi=1"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="bento-grid"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",
          name: "Entremet Signature",
          price: "45 MAD",
          imageSrc: "http://img.b2bpic.net/free-photo/brightly-colored-cakes-refrigerator_1232-3482.jpg",
        },
        {
          id: "p2",
          name: "Gâteau Chocolat Intense",
          price: "55 MAD",
          imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-baked-chocolate-cakes-with-spoon-clothes-wooden-backdrop_23-2148087027.jpg",
        },
        {
          id: "p3",
          name: "Pâtisseries Fines",
          price: "35 MAD",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-cake-dessert-with-coconut-candies-dark-background-pie-dessert-sweet-cake-candy-tea_140725-110007.jpg",
        },
        {
          id: "p4",
          name: "Plateau Beldi",
          price: "120 MAD",
          imageSrc: "http://img.b2bpic.net/free-photo/eastern-sweets-assorted-traditional-turkish-delight-with-nuts_114579-20603.jpg",
        },
        {
          id: "p5",
          name: "Viennoiserie Dorée",
          price: "25 MAD",
          imageSrc: "http://img.b2bpic.net/free-photo/croissant-flower_23-2147667295.jpg",
        },
        {
          id: "p6",
          name: "Coffret Cadeau",
          price: "180 MAD",
          imageSrc: "http://img.b2bpic.net/free-photo/various-cakes-supermarket-shelves-sale_627829-7332.jpg",
        },
      ]}
      title="Nos Créations Signature"
      description="Une sélection raffinée de pâtisseries, entremets et douceurs traditionnelles."
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyFour
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          id: "f1",
          title: "Fraîcheur Quotidienne",
          author: "Équipe Qualité",
          description: "Des produits préparés chaque matin avec des ingrédients sélectionnés.",
          tags: [
            "Fait Maison",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/cup-espresso-with-caucasian-pastries-angle-view-high-quality-photo_114579-53148.jpg",
        },
        {
          id: "f2",
          title: "Service Professionnel",
          author: "Responsable Keltoum",
          description: "Un accompagnement personnalisé et attentif pour tous vos événements.",
          tags: [
            "Service Client",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/shop-assistant-preparing-croissant-bag_23-2147985156.jpg",
        },
        {
          id: "f3",
          title: "Ambiance Cosy",
          author: "Design Déco",
          description: "Un cadre chaleureux, lumineux, idéal pour se détendre ou travailler.",
          tags: [
            "Ambiance",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/chef-hands-are-sprinkling-flour-into-bowl-make-dough-close-up-view-black-background_639032-455.jpg",
        },
      ]}
      title="L'Excellence à chaque détail"
      description="Pourquoi choisir Les Quatre Cerises pour vos événements ou vos pauses quotidiennes ?"
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardNine
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      plans={[
        {
          id: "brunch",
          title: "Petit-déjeuner Royal",
          price: "95 MAD",
          period: "par personne",
          features: [
            "Viennoiseries",
            "Boisson chaude",
            "Jus frais",
            "Assiette marocaine",
          ],
          button: {
            text: "Réserver",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-sweet-bakery-goodies-arrangement_23-2148653994.jpg",
          imageAlt: "luxury bakery storefront aesthetic",
        },
        {
          id: "event",
          title: "Plateau Événement",
          price: "450 MAD",
          period: "standard",
          features: [
            "Assortiment 20 pcs",
            "Présentation Luxe",
            "Livraison incluse",
          ],
          button: {
            text: "Commander",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/baker-kneading-dough-with-flour-kitchen-table_23-2147872732.jpg?_wi=2",
          imageAlt: "luxury bakery storefront aesthetic",
        },
      ]}
      title="Nos Formules Gourmandes"
      description="Des moments de plaisir pensés pour vous."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="split"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          title: "Excellent",
          quote: "Un service irréprochable et des produits d'une fraîcheur absolue.",
          name: "Maryame Riali",
          role: "Fidèle cliente",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-poke-park_1268-22068.jpg",
        },
        {
          id: "2",
          title: "Recommandé",
          quote: "Le café est délicieux et l'équipe très professionnelle.",
          name: "Houssein Ettaki",
          role: "Habitué",
          imageSrc: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg",
        },
        {
          id: "3",
          title: "Parfait",
          quote: "Les glaces sont incroyables, des saveurs naturelles et équilibrées.",
          name: "Abdellah I.",
          role: "Local Guide",
          imageSrc: "http://img.b2bpic.net/free-photo/european-woman-with-bright-make-up-elegant-outfit-preparing-birthday-party_291650-582.jpg",
        },
        {
          id: "4",
          title: "Incontournable",
          quote: "L'ambiance est cosy et les saveurs éveillent les papilles.",
          name: "Norya Panda",
          role: "Passionnée",
          imageSrc: "http://img.b2bpic.net/free-photo/charming-girl-black-jacket-winking-isolated-background-short-haired-woman-dark-outfit-smiles-white-backdrop_197531-18469.jpg",
        },
        {
          id: "5",
          title: "Délicieux",
          quote: "Le pain perdu était vraiment divin, une adresse de choix.",
          name: "Ala Nadia",
          role: "Cliente",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",
        },
      ]}
      title="Ce que disent nos clients"
      description="La passion au service de votre satisfaction."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={true}
      background={{
        variant: "sparkles-gradient",
      }}
      tag="Contactez-nous"
      title="Besoin d'une commande personnalisée ?"
      description="Keltoum et toute l'équipe sont à votre écoute pour organiser vos événements."
      buttons={[
        {
          text: "Contactez notre équipe",
          href: "mailto:contact@lesquatrecerises.ma",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="Les Quatre Cerises"
      leftLink={{
        text: "Politique de confidentialité",
        href: "#",
      }}
      rightLink={{
        text: "© 2024 Les Quatre Cerises",
        href: "#",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
