"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { Clock, DollarSign, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="compact"
        sizing="medium"
        background="fluid"
        cardStyle="gradient-radial"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="glass"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Accueil",
          id: "#hero",
        },
        {
          name: "Menu",
          id: "#menu",
        },
        {
          name: "Spécialités",
          id: "#features",
        },
        {
          name: "Avis",
          id: "#testimonials",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="Le KZ Café & Restaurant"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardScroll
      background={{
        variant: "sparkles-gradient",
      }}
      title="Le KZ Café & Restaurant"
      description="Dégustez nos crêpes croustillantes, pizzas gourmandes et cocktails uniques dans un cadre cosy avec terrasse."
      tag="4.4★ (93 avis)"
      tagIcon={Star}
      buttons={[
        {
          text: "Réserver",
          href: "#contact",
        },
        {
          text: "Commander",
          href: "#menu",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/full-shot-woman-posing-night-with-flash_23-2150204419.jpg"
      imageAlt="Intérieur cosy du Le KZ Café & Restaurant"
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={true}
      title="Votre Destination Gourmande à Draria"
      metrics={[
        {
          icon: Clock,
          label: "Ouvert dès",
          value: "10h du Matin",
        },
        {
          icon: Star,
          label: "Note Moyenne",
          value: "4.4 / 5",
        },
        {
          icon: DollarSign,
          label: "Gamme de Prix",
          value: "1 000 – 4 000 DA",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardSix
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Crêpes Croustillantes",
          description: "Nos crêpes sucrées et salées, préparées à la perfection pour un plaisir garanti.",
          imageSrc: "http://img.b2bpic.net/free-photo/pancakes-with-mixed-berry-fruit-white-plate_1203-9404.jpg",
          imageAlt: "Pile de crêpes croustillantes",
        },
        {
          title: "Chocolat Chaud Gourmand",
          description: "Un réconfort pour l'âme, onctueux et riche, parfait pour toutes les saisons.",
          imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-tray-with-marshmallows-candle_23-2148720055.jpg",
          imageAlt: "Tasse de chocolat chaud avec crème fouettée",
        },
        {
          title: "Pizzas Artisanales",
          description: "Faites maison avec des ingrédients frais, notre pâte fine et croustillante vous surprendra.",
          imageSrc: "http://img.b2bpic.net/free-photo/italian-bread-calzone-restaurant_501050-901.jpg",
          imageAlt: "Pizza fraîchement sortie du four",
        },
        {
          title: "Plats Chauds Généreux",
          description: "Cuisine généreuse pour tous les goûts, des classiques aux créations uniques de notre chef.",
          imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-lettuce-tomato-cucumber-olives-corns-fried-eggplants-side-view_141793-2495.jpg",
          imageAlt: "Plat chaud savoureux",
        },
        {
          title: "Café Allongé Parfait",
          description: "L'équilibre parfait pour votre pause, un café riche et aromatique pour bien commencer la journée.",
          imageSrc: "http://img.b2bpic.net/free-photo/coffee-tea-background-with-space-bottom_23-2147776767.jpg",
          imageAlt: "Tasse de café allongé",
        },
        {
          title: "Cocktails Créatifs",
          description: "Des créations rafraîchissantes et originales pour accompagner vos moments de détente.",
          imageSrc: "http://img.b2bpic.net/free-photo/lychee-jelly-seasonal-fruit-beautifully-decorated-thai-dessert-concept_1150-23471.jpg",
          imageAlt: "Cocktail coloré et rafraîchissant",
        },
      ]}
      title="Nos Spécialités à Déguster"
      description="Découvrez une sélection de nos plats phares qui ravissent nos clients, préparés avec passion et des ingrédients frais."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardOne
      animationType="scale-rotate"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",
          name: "Pizza Royale",
          price: "1 500 DA",
          imageSrc: "http://img.b2bpic.net/free-photo/khachapuri-cheese-table_140725-9561.jpg",
          imageAlt: "Pizza Royale garnie",
        },
        {
          id: "p2",
          name: "Crêpe Chocolat Banane",
          price: "800 DA",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-sweet-pastries-with-chocolate-cup-tea-dark-desk_140725-75876.jpg",
          imageAlt: "Crêpe au chocolat et banane",
        },
        {
          id: "p3",
          name: "Café Gourmand",
          price: "950 DA",
          imageSrc: "http://img.b2bpic.net/free-photo/eclair-sets-with-various-filling_140725-2739.jpg",
          imageAlt: "Café accompagné de mini-desserts",
        },
        {
          id: "p4",
          name: "Mojito Fraise",
          price: "600 DA",
          imageSrc: "http://img.b2bpic.net/free-photo/glasses-refreshing-hibiscus-ice-tea_23-2149893644.jpg",
          imageAlt: "Mojito aux fraises frais",
        },
        {
          id: "p5",
          name: "Salade César",
          price: "1 200 DA",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-bowl-vegetable-salad-with-vegetables-notepad-side-dark-grey-background_140725-80378.jpg",
          imageAlt: "Salade César croustillante",
        },
        {
          id: "p6",
          name: "Burger Maison",
          price: "1 800 DA",
          imageSrc: "http://img.b2bpic.net/free-photo/gourmet-cheeseburger-crispy-fries-restaurant-setting_84443-75291.jpg",
          imageAlt: "Burger maison avec frites",
        },
      ]}
      title="Notre Carte Complète"
      description="Une expérience culinaire riche, de l'entrée au dessert, conçue pour éveiller vos papilles."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",
          name: "Sarah D.",
          handle: "@Sarah_Dz",
          testimonial: "Le KZ Café est mon endroit préféré à Draria ! Les crêpes sont incroyables et l'ambiance est parfaite. Je recommande à 100%.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-sushi-park-picnic-nature_169016-21839.jpg",
          imageAlt: "Portrait de Sarah D.",
        },
        {
          id: "t2",
          name: "Karim B.",
          handle: "@KarimB",
          testimonial: "Service impeccable, pizzas délicieuses et cocktails originaux. La terrasse est un vrai plus, surtout en soirée. Une adresse à retenir !",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/dark-skinned-afro-american-man-dressed-casually-sits-kitchen-with-tablet-computer-reads-news-online-when-his-wife-makes-sandwhiches_273609-8937.jpg",
          imageAlt: "Portrait de Karim B.",
        },
        {
          id: "t3",
          name: "Amel R.",
          handle: "@AmelR",
          testimonial: "J'adore leur chocolat chaud, c'est le meilleur de la ville ! Et le personnel est toujours souriant. Un vrai moment de détente.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-studio_1157-17165.jpg",
          imageAlt: "Portrait d'Amel R.",
        },
        {
          id: "t4",
          name: "Mehdi L.",
          handle: "@MehdiL",
          testimonial: "Que ce soit pour un café rapide ou un repas complet, Le KZ ne déçoit jamais. Les plats chauds sont toujours savoureux. Bravo !",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/older-friends-eating-restaurant_23-2149316782.jpg",
          imageAlt: "Portrait de Mehdi L.",
        },
        {
          id: "t5",
          name: "Nadia S.",
          handle: "@NadiaS",
          testimonial: "Un endroit charmant avec une excellente cuisine. L'ambiance cosy et la qualité des produits font toute la différence. Je reviendrai souvent.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/mature-blonde-woman-vertical-striped-shirt_176474-92764.jpg",
          imageAlt: "Portrait de Nadia S.",
        },
      ]}
      showRating={true}
      title="Ce Que Nos Clients Disent"
      description="La preuve de notre excellence à travers les avis de ceux qui nous ont choisis pour leurs moments gourmands."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq1",
          title: "Comment réserver une table ?",
          content: "Vous pouvez réserver une table en nous appelant directement au 020 31 05 57, ou en passant par notre formulaire de contact rapide.",
        },
        {
          id: "faq2",
          title: "Proposez-vous la vente à emporter ?",
          content: "Oui, tous nos plats, pizzas, crêpes et boissons sont disponibles à emporter. Passez votre commande par téléphone et venez la récupérer quand elle est prête.",
        },
        {
          id: "faq3",
          title: "Quels sont vos horaires d'ouverture ?",
          content: "Nous sommes ouverts tous les jours dès 10h du matin, jusqu'à tard le soir. Veuillez nous contacter pour les horaires précis des jours fériés.",
        },
      ]}
      sideTitle="Vos Questions, Nos Réponses"
      sideDescription="Retrouvez les informations pratiques pour organiser votre visite au KZ Café & Restaurant."
      faqsAnimation="slide-up"
      textPosition="left"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "glowing-orb",
      }}
      tag="Contactez-Nous"
      title="Prêt à Déguster nos Saveurs ?"
      description="Réservez votre table, commandez à emporter ou passez nous voir directement. Nous sommes impatients de vous accueillir !"
      buttons={[
        {
          text: "Appeler (020 31 05 57)",
          href: "tel:+21320310557",
        },
        {
          text: "Réserver une Table",
          href: "#",
        },
        {
          text: "Nous Situer",
          href: "https://maps.app.goo.gl/vjXqZfN1B2C3D4E5",
        },
      ]}
      buttonAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j40rdb"
      logoAlt="Logo Le KZ Café & Restaurant"
      logoText="Le KZ Café & Restaurant"
      columns={[
        {
          title: "Navigation",
          items: [
            {
              label: "Accueil",
              href: "#hero",
            },
            {
              label: "Menu",
              href: "#menu",
            },
            {
              label: "Spécialités",
              href: "#features",
            },
            {
              label: "Avis",
              href: "#testimonials",
            },
          ],
        },
        {
          title: "Notre Menu",
          items: [
            {
              label: "Crêpes",
              href: "#features",
            },
            {
              label: "Pizzas",
              href: "#features",
            },
            {
              label: "Plats Chauds",
              href: "#features",
            },
            {
              label: "Cocktails",
              href: "#features",
            },
          ],
        },
        {
          title: "Contact",
          items: [
            {
              label: "Appeler",
              href: "tel:+21320310557",
            },
            {
              label: "Adresse",
              href: "https://maps.app.goo.gl/vjXqZfN1B2C3D4E5",
            },
            {
              label: "Réserver",
              href: "#contact",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Le KZ Café & Restaurant. Tous droits réservés."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
