"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import TextAbout from '@/components/sections/about/TextAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="mediumSizeLargeTitles"
        background="fluid"
        cardStyle="solid"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Accueil",          id: "#hero"},
        {
          name: "À Propos",          id: "#about"},
        {
          name: "Menu",          id: "#menu"},
        {
          name: "Témoignages",          id: "#testimonials"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      button={{
        text: "Réservez Votre Table",        href: "#contact"}}
      brandName="Melo Dakar"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogoBillboard
      background={{
        variant: "radial-gradient"}}
      logoText="Melo Dakar"
      logoClassName="text-[#008B8B]"
      description="Découvrez l'élégance raffinée, les portions généreuses et le service impeccable dans notre sanctuaire de brunch soigneusement conçu. Des brunchs américains signature aux pâtisseries artisanales, chaque instant est pensé pour vous."
      buttons={[
        {
          text: "Réservez Votre Table Maintenant",          href: "#contact"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/white-nature-hotel-travel-beautiful_1203-4841.jpg"
      imageAlt="Intérieur élégant d'un restaurant de luxe pendant le brunch"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={true}
      title="Notre Histoire & Vision"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardSix
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Cocktails Artisanaux",          description: "Nos mixologues créent des cocktails signature, mélangeant des saveurs locales avec des spiritueux internationaux pour une touche rafraîchissante.",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-stacked-aesthetic-objects_23-2150185358.jpg",          imageAlt: "Cocktail artisanal pour le brunch"},
        {
          title: "Pâtisseries Gourmandes",          description: "Laissez-vous tenter par notre sélection de pâtisseries artisanales fraîchement préparées, des croissants feuilletés aux tartes décadentes, toutes faites maison.",          imageSrc: "http://img.b2bpic.net/free-photo/chef-preparing-tasty-dessert-close-up_23-2148516919.jpg",          imageAlt: "Assortiment de pâtisseries gourmandes"},
        {
          title: "Service Impeccable",          description: "Notre équipe dévouée offre un service attentif et personnalisé, assurant que chaque visite soit fluide et mémorable.",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-set-silver-cutlery-wooden-wall_140725-12960.jpg",          imageAlt: "Table élégamment dressée"},
      ]}
      title="Une Expérience Brunch Inégalée"
      description="Découvrez ce qui fait de Melo Dakar la première destination pour les gourmets avertis et les épicuriens sociaux."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardFour
      animationType="scale-rotate"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "dish-1",          name: "Œufs Bénédicte Royale",          price: "$25",          variant: "Classique",          imageSrc: "http://img.b2bpic.net/free-photo/marble-plate-with-boiled-egg-toast-high-quality-photo_114579-26212.jpg",          imageAlt: "Œufs Bénédicte avec sauce hollandaise"},
        {
          id: "dish-2",          name: "Pancakes Moelleux de Melo",          price: "$22",          variant: "Sucré",          imageSrc: "http://img.b2bpic.net/free-photo/selective-closeup-shot-stack-pancakes-with-red-berries-plate-near-tea-pitcher_181624-2196.jpg",          imageAlt: "Pile de pancakes moelleux avec des baies"},
        {
          id: "dish-3",          name: "Bagel au Saumon Fumé",          price: "$28",          variant: "Salé",          imageSrc: "http://img.b2bpic.net/free-photo/smoked-salmon-bruschetta-with-avocado-served-with-lemon_140725-1621.jpg",          imageAlt: "Bagel au saumon fumé avec fromage frais"},
        {
          id: "dish-4",          name: "Toast à l'Avocat et Œuf Poché",          price: "$20",          variant: "Sain",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-sweet-acai-bowl-arrangement_23-2149186014.jpg",          imageAlt: "Toast à l'avocat avec un œuf parfaitement poché"},
        {
          id: "dish-5",          name: "Steak & Œufs",          price: "$35",          variant: "Copieux",          imageSrc: "http://img.b2bpic.net/free-photo/steak-served-with-grilled-vegetables-sour-cream_7502-7084.jpg",          imageAlt: "Steak grillé avec œufs au plat"},
        {
          id: "dish-6",          name: "Plat de Fruits Exotiques",          price: "$18",          variant: "Frais",          imageSrc: "http://img.b2bpic.net/free-photo/breakfast-with-figs-bowl-with-strawberries_176474-28142.jpg",          imageAlt: "Plateau coloré de fruits exotiques"},
      ]}
      title="Notre Menu Brunch Exquis"
      description="Explorez nos diverses offres culinaires, des classiques du brunch aux créations uniques et artisanales."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",          name: "Aïsha Diallo",          handle: "@AishaDakar",          testimonial: "Melo Dakar est un vrai bijou ! L'ambiance, le service et surtout la nourriture sont tout simplement divins. Le meilleur endroit pour le brunch à Dakar, sans aucun doute.",          imageSrc: "http://img.b2bpic.net/free-photo/elderly-businesswoman-coat-sitting-outside-cafe-reading-magazine_1303-19470.jpg",          imageAlt: "Portrait d'Aïsha Diallo"},
        {
          id: "t2",          name: "Omar Ndiaye",          handle: "@OmarFoodie",          testimonial: "Chaque plat est un chef-d'œuvre. J'ai emmené ma famille pour un brunch le week-end, et tout le monde a adoré son repas. Les portions sont généreuses et la qualité est exceptionnelle.",          imageSrc: "http://img.b2bpic.net/free-photo/african-american-man-standing-blue-background-with-hands-together-crossed-fingers-smiling-relaxed-cheerful-success-optimistic_839833-16124.jpg",          imageAlt: "Portrait d'Omar Ndiaye"},
        {
          id: "t3",          name: "Fatou Sow",          handle: "@FatouLifestyle",          testimonial: "Une expérience vraiment élégante ! Parfait pour les brunchs d'affaires ou un plaisir luxueux. L'attention aux détails est remarquable, et le café est superbe.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-dessert-drink-cafe_273609-4006.jpg",          imageAlt: "Portrait de Fatou Sow"},
        {
          id: "t4",          name: "Dr. Ben Traoré",          handle: "@DrBenDakar",          testimonial: "En tant que professionnel occupé, l'efficacité et la qualité sont primordiales. Melo Dakar offre constamment les deux avec un menu exquis et un service impeccable. Fortement recommandé.",          imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2738.jpg",          imageAlt: "Portrait du Dr. Ben Traoré"},
        {
          id: "t5",          name: "Nafissatou Fall",          handle: "@NafisFall",          testimonial: "L'ambiance est si accueillante, et la nourriture est incroyablement photogénique ! J'adore partager mes moments Melo Dakar avec mes abonnés. C'est toujours une visite délicieuse.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-black-girl_641386-521.jpg",          imageAlt: "Portrait de Nafissatou Fall"},
      ]}
      title="Ce que disent nos hôtes"
      description="Écoutez nos chers clients parler de leurs expériences inoubliables chez Melo Dakar."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Dakar Culinaire",        "Magazine Vie de Luxe",        "Blog Lifestyle de Dakar",        "Gourmet Afrique",        "Le Connaisseur de Brunch",        "Excellence Hôtelière",        "Office du Tourisme du Sénégal"]}
      title="Approuvé par nos Clients et Partenaires"
      description="Notre engagement envers l'excellence nous a valu la reconnaissance et des relations solides au sein de la communauté, forgeant une réputation de qualité et de luxe."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient"}}
      text="Prêt à vous Faire Plaisir ? Réservez Votre Table Aujourd'hui."
      buttons={[
        {
          text: "Faire une Réservation",          href: "mailto:reservations@melodakar.com"},
        {
          text: "Voir la Localisation",          href: "https://maps.google.com/?q=Melo+Dakar+Restaurant"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Melo Dakar",          items: [
            {
              label: "Notre Histoire",              href: "#about"},
            {
              label: "Menu",              href: "#menu"},
            {
              label: "Réservations",              href: "#contact"},
          ],
        },
        {
          title: "Suivez-nous",          items: [
            {
              label: "Instagram",              href: "https://instagram.com/melodakar"},
            {
              label: "Facebook",              href: "https://facebook.com/melodakar"},
            {
              label: "Twitter",              href: "https://twitter.com/melodakar"},
          ],
        },
        {
          title: "Contact",          items: [
            {
              label: "info@melodakar.com",              href: "mailto:info@melodakar.com"},
            {
              label: "+221 33 000 0000",              href: "tel:+221330000000"},
            {
              label: "123 Avenue de l'Élégance, Dakar",              href: "https://maps.google.com/?q=123+Elegance+Avenue,+Dakar"},
          ],
        },
      ]}
      bottomLeftText="© 2024 Melo Dakar. Tous droits réservés."
      bottomRightText="Politique de Confidentialité"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
