"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Coffee, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="mediumSmall"
        sizing="largeSizeMediumTitles"
        background="aurora"
        cardStyle="subtle-shadow"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="solid"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Accueil",          id: "#hero"},
        {
          name: "L'Expérience",          id: "#experience"},
        {
          name: "Le Menu",          id: "#menu"},
        {
          name: "Galerie",          id: "#gallery"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ev27YcILxOHg2GWEmePBHnANU6/uploaded-1781046281637-orqxdvik.jpg"
      logoAlt="Logo La Pénida"
      brandName="La Pénida"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardTestimonial
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      title="La Pénida : Brunchs, Douceur, Soleil"
      description="Un havre de paix méditerranéen au cœur de Toulon, où chaque plat est une invitation à savourer le temps qui ralentit. Votre pause lumineuse."
      testimonials={[
        {
          name: "Mathilde R.",          handle: "Cliente fidéle",          testimonial: "L'ambiance est juste parfaite, on se sent comme à la maison, en mieux ! Les brunchs sont un délice.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-with-beverages_23-2148865606.jpg"},
        {
          name: "Julien S.",          handle: "Gourmand exigeant",          testimonial: "Les saveurs sont exquises et la présentation soignée. Un vrai plaisir pour les yeux et les papilles.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/avocado-open-toast-with-avocado-slices-lemon-flax-seeds-sesame-seeds-black-bread-slices-top-view_2831-800.jpg"},
        {
          name: "Chloé B.",          handle: "Influenceuse lifestyle",          testimonial: "Chaque recoin est une invitation à la photo ! C'est beau, c'est bon, c'est La Pénida.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/holiday-breakfast-with-beans-toast-egg-food-photography_53876-106066.jpg"},
        {
          name: "David M.",          handle: "Amateur de café",          testimonial: "Le café est excellent, torréfié à la perfection. Un vrai coup de cœur pour les connaisseurs.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-yummy-pancakes-with-fresh-fruits-light-surface-fruit-sweet-cake_140725-82057.jpg"},
        {
          name: "Sophie L.",          handle: "Habituée du dimanche",          testimonial: "Le lieu idéal pour un dimanche paisible. Les pancakes sont à tomber !",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-various-coffee_53876-16566.jpg"},
      ]}
      buttons={[
        {
          text: "Découvrir le Menu",          href: "#menu"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/delicious-picnic-still-life_23-2149419715.jpg"
      imageAlt="Photo d'un brunch élégant et café ensoleillé à La Pénida"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/dreamy-attractive-woman-fashionable-outfit-holding-mug-coffee-looking-camera-enjoying-perfect-sunny-morning-breakfast-time-sexy-female-vacation-drink-cappuccino-hotel-restaurant_197531-30521.jpg",          alt: "Cliente souriante"},
        {
          src: "http://img.b2bpic.net/free-photo/happy-tanned-woman-relaxing-terrace-smiling-camera_197531-22510.jpg",          alt: "Client relaxé"},
        {
          src: "http://img.b2bpic.net/free-photo/outdoor-portrait-cheerful-woman-white-t-shirt-jeans-walking-park_273443-3160.jpg",          alt: "Visiteuse ravie"},
        {
          src: "http://img.b2bpic.net/free-photo/young-cute-woman-outdoors_624325-1712.jpg",          alt: "Jeune femme élégante"},
        {
          src: "http://img.b2bpic.net/free-photo/pensive-businessman-with-backpack-going-downstairs-while-walking-city_637285-5824.jpg",          alt: "Homme pensif"},
      ]}
      avatarText="+1000 clients satisfaits"
      marqueeItems={[
        {
          type: "text",          text: "Brunch frais et local"},
        {
          type: "text-icon",          text: "Café de spécialité",          icon: Coffee,
        },
        {
          type: "text",          text: "Douceurs maison"},
        {
          type: "text-icon",          text: "Ambiance cosy",          icon: Star,
        },
        {
          type: "text",          text: "Sourires garantis"},
      ]}
    />
  </div>

  <div id="experience" data-section="experience">
      <TextSplitAbout
      useInvertedBackground={false}
      title="L'Expérience La Pénida"
      description={[
        "La Pénida est un lieu où l'on vient ralentir. Un café lumineux, pensé pour les matins doux et les brunchs qui s'éternisent. Ici, chaque détail est une invitation à prendre le temps, à savourer chaque instant.",        "Découvrez une atmosphère conviviale et chaleureuse, baignée de lumière naturelle, où le confort rencontre l'esthétique méditerranéenne moderne. Un véritable espace de vie, idéal pour des moments gourmands et instagrammables."]}
    />
  </div>

  <div id="place" data-section="place">
      <FeatureCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      features={[
        {
          title: "Design Épuré",          description: "Un intérieur minimaliste aux lignes douces, invitant à la sérénité et au bien-être.",          imageSrc: "http://img.b2bpic.net/free-photo/cafe-bar-hotel-loft-style_1150-10724.jpg",          imageAlt: "Comptoir de café lumineux"},
        {
          title: "Matières Naturelles",          description: "Bois clair, pierre et textiles doux pour une sensation d'authenticité et de confort.",          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-simple-white-chairs-tables-restaurant-with-blurry-background_181624-57929.jpg",          imageAlt: "Table en bois clair avec décorations"},
        {
          title: "Lumière Naturelle",          description: "De grandes ouvertures laissant entrer le soleil méditerranéen, créant une atmosphère douce et lumineuse.",          imageSrc: "http://img.b2bpic.net/free-photo/dry-flower-decoration-table_1339-3455.jpg",          imageAlt: "Intérieur du café avec lumière naturelle"},
      ]}
      title="Notre Espace Chaleureux"
      description="Découvrez l'intérieur baigné de lumière, où le bois clair et les matériaux naturels créent une ambiance calme et cosy, typique du sud de la France."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "coffee-latte",          brand: "Boissons",          name: "Café Latte Art",          price: "5€",          rating: 5,
          reviewCount: "250+",          imageSrc: "http://img.b2bpic.net/free-photo/cup-green-coffee-strawberries-table_140725-8131.jpg",          imageAlt: "Café Latte avec motif de cœur"},
        {
          id: "avocado-toast",          brand: "Salé",          name: "Avocado Toast Feta",          price: "14€",          rating: 5,
          reviewCount: "300+",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-avocado-slices-white-plate-with-fresh-avocado-tomatoes-lemonnd-toast-bread-slices-with-avocado-pulps-egg-checked-tablecloth-wood_141793-17047.jpg",          imageAlt: "Avocado toast stylisé avec feta et œuf"},
        {
          id: "pancakes-fruits",          brand: "Sucré",          name: "Pancakes Fruits Rouges",          price: "12€",          rating: 5,
          reviewCount: "280+",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-pancakes-with-strawberries-red-black-currants-cup-tea-blue-surface_141793-17835.jpg",          imageAlt: "Pancakes moelleux avec fruits rouges"},
        {
          id: "brioche-maison",          brand: "Sucré",          name: "Brioche Perdue Maison",          price: "11€",          rating: 5,
          reviewCount: "190+",          imageSrc: "http://img.b2bpic.net/free-photo/bun-yellow-ribbons-marble_114579-60899.jpg",          imageAlt: "Brioche dorée avec glace et caramel"},
        {
          id: "brunch-bowl",          brand: "Salé",          name: "Brunch Bowl Veggie",          price: "16€",          rating: 5,
          reviewCount: "220+",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-plate-with-fresh-chopped-vegetables-kitchen-table_169016-48446.jpg",          imageAlt: "Brunch bowl coloré et sain"},
        {
          id: "jus-frais",          brand: "Boissons",          name: "Jus Frais du Jour",          price: "6€",          rating: 5,
          reviewCount: "150+",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-fresh-homemade-lemonade-arrangement_23-2148037118.jpg",          imageAlt: "Verre de jus d'orange frais"},
      ]}
      title="Notre Menu Brunch Gourmand"
      description="Une sélection de saveurs méditerranéennes et de classiques revisités, préparés avec passion pour ravir vos papilles, du café aux bowls."
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Sarah Johnson",          handle: "Cliente enchantée",          testimonial: "La Pénida est mon petit coin de paradis à Toulon. L'ambiance est si apaisante et le brunch est toujours parfait. Je recommande vivement !",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/brunette-woman-with-cocktail-terrase_624325-3116.jpg"},
        {
          id: "2",          name: "Michael Chen",          handle: "Explorateur culinaire",          testimonial: "J'ai été bluffé par la qualité des produits et la créativité du menu. Chaque plat est une œuvre d'art, un vrai régal. Longer text will show here to demonstrate wrapping and truncation if configured.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/blond-bearded-hipster-male-dressed-jeans-fleece-shirt-posing-room-with-loft-interior_613910-16349.jpg"},
        {
          id: "3",          name: "Emily Rodriguez",          handle: "Habituée du quartier",          testimonial: "L'endroit idéal pour commencer la journée en douceur. Le personnel est adorable et l'atmosphère est toujours conviviale.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-side-view_23-2149872410.jpg"},
        {
          id: "4",          name: "David Kim",          handle: "Passionné de café",          testimonial: "Le meilleur café de Toulon, sans aucun doute. Et les pâtisseries... une tuerie ! Je reviendrai très vite.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-woman-drinking-tea-bed_1262-5338.jpg"},
        {
          id: "5",          name: "Sophie Martin",          handle: "Amie des petits-déjeuners",          testimonial: "Un cadre magnifique, des plats délicieux et un service impeccable. La Pénida, c'est l'adresse à ne pas manquer !",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-long-black-hair-dark-green-dress-posing-chair_613910-11200.jpg"},
      ]}
      showRating={true}
      title="Vos Moments Préférés"
      description="Découvrez les témoignages de ceux qui ont savouré l'expérience La Pénida et partagé des instants mémorables, une preuve de notre engagement."
    />
  </div>

  <div id="gallery" data-section="gallery">
      <BlogCardOne
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      title="Instants Lumière & Douceur"
      description="Plongez dans l'ambiance authentique de La Pénida à travers notre galerie de photos inspirantes. Chaque image raconte une histoire, un moment suspendu."
      blogs={[
        {
          id: "moment-1",          category: "Ambiance",          title: "Partage et Sourires",          excerpt: "Des moments de convivialité capturés sous le soleil méditerranéen.",          imageSrc: "http://img.b2bpic.net/free-photo/people-having-food-drinks-dinner-party_23-2150763392.jpg",          imageAlt: "Mains servant un plat de brunch",          authorName: "La Pénida",          authorAvatar: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5062.jpg",          date: "24 mai 2024"
        },
        {
          id: "moment-2",          category: "Lieu",          title: "Douceur Matinale",          excerpt: "L'intérieur baigné de lumière, une invitation à la détente.",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-arrangement_23-2150312249.jpg",          imageAlt: "Intérieur du café avec rayons de soleil",          authorName: "La Pénida",          authorAvatar: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5062.jpg",          date: "20 mai 2024"
        },
        {
          id: "moment-3",          category: "Détails",          title: "L'Art du Café",          excerpt: "Chaque tasse est préparée avec soin, un délice pour les sens.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-drinking-coffee_23-2148973383.jpg",          imageAlt: "Tasse de café avec latte art",          authorName: "La Pénida",          authorAvatar: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5062.jpg",          date: "15 mai 2024"
        },
        {
          id: "moment-4",          category: "Table",          title: "La Table Gourmande",          excerpt: "Une présentation raffinée, où chaque plat est une fête.",          imageSrc: "http://img.b2bpic.net/free-photo/white-table-delicious-meal-arrangement_23-2148941048.jpg",          imageAlt: "Table en bois avec un festin de brunch",          authorName: "La Pénida",          authorAvatar: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5062.jpg",          date: "10 mai 2024"
        },
        {
          id: "moment-5",          category: "Atmosphère",          title: "Pause Lecture",          excerpt: "Un havre de paix pour se ressourcer avec un bon livre et un café.",          imageSrc: "http://img.b2bpic.net/free-photo/female-student-with-eyes-closed-enjoying-smell-fresh-coffee-while-learning-evening-home_637285-4371.jpg",          imageAlt: "Personne lisant un livre dans un café",          authorName: "La Pénida",          authorAvatar: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5062.jpg",          date: "05 mai 2024"
        },
        {
          id: "moment-6",          category: "Extérieur",          title: "Terrasse Ensoleillée",          excerpt: "Profitez de l'extérieur, l'endroit idéal pour un brunch en plein air.",          imageSrc: "http://img.b2bpic.net/free-photo/view-blue-wooden-windows-with-pots_1147-22.jpg",          imageAlt: "Terrasse de café ensoleillée avec des tables",          authorName: "La Pénida",          authorAvatar: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5062.jpg",          date: "01 mai 2024"
        }
      ]}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Infos Pratiques & Réservation"
      description="Nous sommes impatients de vous accueillir à La Pénida. Contactez-nous pour toute question, pour privatiser ou réservez votre table pour une expérience inoubliable."
      inputs={[
        {
          name: "name",          type: "text",          placeholder: "Votre nom",          required: true,
        },
        {
          name: "email",          type: "email",          placeholder: "Votre e-mail",          required: true,
        },
        {
          name: "subject",          type: "text",          placeholder: "Sujet",          required: true,
        },
      ]}
      textarea={{
        name: "message",        placeholder: "Votre message...",        rows: 4,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/young-woman-traveling-without-covid_23-2149077828.jpg"
      imageAlt="Extérieur du café La Pénida à Toulon"
      mediaAnimation="opacity"
      mediaPosition="right"
      buttonText="Envoyer"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Menu",          items: [
            {
              label: "Boissons",              href: "#menu"},
            {
              label: "Sucré",              href: "#menu"},
            {
              label: "Salé",              href: "#menu"},
            {
              label: "Brunch Complet",              href: "#menu"},
          ],
        },
        {
          title: "La Pénida",          items: [
            {
              label: "Notre Histoire",              href: "#experience"},
            {
              label: "Le Lieu",              href: "#place"},
            {
              label: "Ambiance",              href: "#gallery"},
            {
              label: "Contact",              href: "#contact"},
          ],
        },
        {
          title: "Suivez-nous",          items: [
            {
              label: "Instagram",              href: "https://instagram.com/lapenida"},
            {
              label: "Facebook",              href: "https://facebook.com/lapenida"},
          ],
        },
      ]}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ev27YcILxOHg2GWEmePBHnANU6/uploaded-1781046281637-orqxdvik.jpg"
      logoAlt="Logo La Pénida"
      logoText="La Pénida"
      copyrightText="© 2024 La Pénida | Tous droits réservés"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
