"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqBase from '@/components/sections/faq/FaqBase';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="compact"
        sizing="mediumLarge"
        background="circleGradient"
        cardStyle="glass-depth"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="glass"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Accueil",
          id: "hero",
        },
        {
          name: "À propos",
          id: "about",
        },
        {
          name: "Produits",
          id: "products",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Magasins du Monde"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCentered
      background={{
        variant: "plain",
      }}
      title="Engagement et Équité à Porrentruy"
      description="Découvrez une sélection de produits biologiques, cadeaux éthiques et objets issus du commerce équitable au cœur de notre magasin."
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/smiley-woman-doing-groceries-shopping_23-2148685760.jpg",
          alt: "Client",
        },
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-potted-plants_23-2149412615.jpg",
          alt: "Client",
        },
        {
          src: "http://img.b2bpic.net/free-photo/woman-with-red-gift-with-white-tie_1187-3202.jpg",
          alt: "Client",
        },
        {
          src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5072.jpg",
          alt: "Client",
        },
        {
          src: "http://img.b2bpic.net/free-photo/selfie-cheerful-caucasian-fair-haired-woman-standing-near-rack-with-dresses-fashion-shop-looking-camera-smiling-boutique-customer-shop-assistant-concept_74855-11952.jpg",
          alt: "Client",
        },
      ]}
      avatarText="Nos clients engagés"
      buttons={[
        {
          text: "Explorer la boutique",
          href: "#products",
        },
      ]}
      marqueeItems={[
        {
          type: "text",
          text: "Commerce Équitable",
        },
        {
          type: "text",
          text: "Produits Biologiques",
        },
        {
          type: "text",
          text: "Artisanat Local",
        },
        {
          type: "text",
          text: "Développement Durable",
        },
        {
          type: "text",
          text: "Engagement Solidaire",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={true}
      title="Plus qu'un magasin"
      description="Magasins du Monde s'engage à promouvoir un commerce équitable. Venez découvrir notre lieu chaleureux où chaque objet raconte une histoire de respect et de durabilité."
      imageSrc="http://img.b2bpic.net/free-photo/interior-flower-shop_181624-58301.jpg?_wi=1"
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "1",
          name: "Café Éthique",
          price: "12,00 CHF",
          variant: "Bio",
          imageSrc: "http://img.b2bpic.net/free-photo/two-brutal-tattooed-roaster-hands-hold-sealed-package-bag-with-tea-coffee-ready-delivery-sale_346278-558.jpg?_wi=1",
        },
        {
          id: "2",
          name: "Thé de montagne",
          price: "8,50 CHF",
          variant: "Bio",
          imageSrc: "http://img.b2bpic.net/free-photo/dried-herb-tea-spilled-from-tea-strainer-blue-backdrop_23-2147975437.jpg?_wi=1",
        },
        {
          id: "3",
          name: "Écharpe artisanale",
          price: "35,00 CHF",
          variant: "Équitable",
          imageSrc: "http://img.b2bpic.net/free-photo/birthday-background_23-2148030994.jpg?_wi=1",
        },
        {
          id: "4",
          name: "Bijoux en perles",
          price: "22,00 CHF",
          variant: "Artisanat",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-paper-straws-cup-with-copy-space_23-2148289759.jpg",
        },
        {
          id: "5",
          name: "Cosmétique Bio",
          price: "18,00 CHF",
          variant: "Soin",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-beauty-products-shelf-with-copy-space_23-2150718119.jpg",
        },
        {
          id: "6",
          name: "Panier tressé",
          price: "45,00 CHF",
          variant: "Décor",
          imageSrc: "http://img.b2bpic.net/free-photo/wicker-baskets-home-store-display_169016-49147.jpg",
        },
      ]}
      title="Nos sélections"
      description="Une gamme variée de produits bio et cadeaux originaux."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardFourteen
      useInvertedBackground={true}
      title="Chiffres marquants"
      tag="Impact"
      metrics={[
        {
          id: "1",
          value: "4,8",
          description: "Note moyenne avis",
        },
        {
          id: "2",
          value: "6",
          description: "Avis vérifiés",
        },
        {
          id: "3",
          value: "100%",
          description: "Engagement équitable",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Isabelle Mioche Henry",
          date: "il y a 7 ans",
          title: "Très agréable",
          quote: "Un magasin très agréable, coloré avec de nombreux objets du commerce équitable.",
          tag: "Top",
          avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-florist-speaking-phone_23-2147760930.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/knitting-wool-thread-close-up_23-2148923307.jpg",
          imageAlt: "happy customer portrait fair trade shop",
        },
        {
          id: "2",
          name: "Cyriaque",
          date: "il y a 7 ans",
          title: "Superbe",
          quote: "Un lieu superbe, très bien servi, bénévoles chaleureuses et serviable.",
          tag: "Avis",
          avatarSrc: "http://img.b2bpic.net/free-photo/small-business-manager-her-workshop_23-2149094639.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/interior-flower-shop_181624-58301.jpg?_wi=2",
          imageAlt: "happy customer portrait fair trade shop",
        },
        {
          id: "3",
          name: "Viviane Moor",
          date: "il y a 3 ans",
          title: "Très pratique",
          quote: "Bien du choix, idées cadeaux.",
          tag: "Local",
          avatarSrc: "http://img.b2bpic.net/free-photo/young-beautiful-blonde-woman-with-blue-eyes-holding-birthday-gift-pink-background-happy-with-big-smile-doing-ok-sign-thumb-up-with-fingers-excellent-sign_839833-25862.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/two-brutal-tattooed-roaster-hands-hold-sealed-package-bag-with-tea-coffee-ready-delivery-sale_346278-558.jpg?_wi=2",
          imageAlt: "happy customer portrait fair trade shop",
        },
        {
          id: "4",
          name: "Client régulier",
          date: "il y a 1 an",
          title: "Engagement",
          quote: "Toujours de belles trouvailles éthiques dans cette boutique.",
          tag: "Shop",
          avatarSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-shopping_23-2149241332.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/dried-herb-tea-spilled-from-tea-strainer-blue-backdrop_23-2147975437.jpg?_wi=2",
          imageAlt: "happy customer portrait fair trade shop",
        },
        {
          id: "5",
          name: "Bénévole local",
          date: "il y a 6 mois",
          title: "Qualité",
          quote: "Des produits de grande qualité pour un commerce éthique.",
          tag: "Bio",
          avatarSrc: "http://img.b2bpic.net/free-photo/smiley-woman-holding-biodegradable-bag-with-goodies_23-2148685829.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/birthday-background_23-2148030994.jpg?_wi=2",
          imageAlt: "happy customer portrait fair trade shop",
        },
      ]}
      title="Ce que vous dites"
      description="Retours de nos précieux clients à Porrentruy."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "1",
          title: "Horaires",
          content: "Ouvert du mardi au samedi dès 09h30.",
        },
        {
          id: "2",
          title: "Localisation",
          content: "Rue des Malvoisins 14, 2900 Porrentruy.",
        },
        {
          id: "3",
          title: "Produits",
          content: "Nous proposons uniquement des articles issus du commerce équitable et de la culture biologique.",
        },
      ]}
      title="Questions fréquentes"
      description="En savoir plus sur nos activités."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Contact"
      title="Restons en contact"
      description="Venez nous rendre visite Rue des Malvoisins 14 ou contactez-nous par téléphone au 079 582 06 75."
      imageSrc="http://img.b2bpic.net/free-photo/view-floral-shop-window-with-worker_23-2147761041.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="Magasins du Monde"
      copyrightText="© 2024 Magasins du Monde | Porrentruy"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
