"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactText from '@/components/sections/contact/ContactText';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Heart, ShieldCheck, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="compact"
        sizing="medium"
        background="blurBottom"
        cardStyle="solid"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "Chi Siamo",          id: "#about"},
        {
          name: "Testimonianze",          id: "#testimonials"},
        {
          name: "Contatti",          id: "#contact"},
      ]}
      brandName="Être Concept Store"
      button={{
        text: "Acquista Ora",        href: "#collection"}}
      animateOnLoad={true}
    />
  </div>

  <div id="home" data-section="home">
      <HeroOverlay
      title="Scopri il Tuo Stile Unico"
      description="Être Concept Store offre una collezione meticolosamente curata di abbigliamento e accessori di alta qualità, scelti con cura per l'individuo esigente. Vivi un servizio personalizzato e trova capi che risuonano veramente con la tua essenza."
      tagAnimation="none"
      buttons={[
        {
          text: "Esplora la Collezione",          href: "#collection"},
        {
          text: "Vieni a Trovarci",          href: "#contact"},
      ]}
      buttonAnimation="none"
      imageSrc="http://img.b2bpic.net/free-photo/middle-eastern-customer-explores-latest-fashion-collection-mall-store_482257-118183.jpg"
      imageAlt="Interno elegante di boutique con moda curata"
      showBlur={true}
      textPosition="bottom"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/people-enjoy-shopping_53876-20708.jpg",          alt: "Persone che amano fare shopping"},
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-shopping_23-2149241334.jpg",          alt: "Donne sorridenti che fanno shopping (piano medio)"},
        {
          src: "http://img.b2bpic.net/free-photo/woman-with-big-smile-her-face-after-big-shopping_329181-18748.jpg",          alt: "Donna con un grande sorriso dopo aver fatto grandi acquisti"},
        {
          src: "http://img.b2bpic.net/free-photo/women-shopping-buying-consumer-products-customer-day-celebration_23-2151623394.jpg",          alt: "Donne che fanno shopping e acquistano prodotti per la celebrazione della giornata del cliente"},
        {
          src: "http://img.b2bpic.net/free-photo/smiley-woman-holding-shopping-bags-with-copy-space_23-2148647647.jpg",          alt: "Donna sorridente che tiene borse della spesa con spazio per il testo"},
      ]}
      avatarText="Unisciti alla nostra community di appassionati di stile"
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={false}
      title="Informazioni su Être Concept Store"
      metrics={[
        {
          icon: ShieldCheck,
          label: "Anni di Curatela",          value: "7+"},
        {
          icon: Users,
          label: "Clienti Soddisfatti",          value: "1000+"},
        {
          icon: Heart,
          label: "Marchi Selezionati a Mano",          value: "50+"},
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureBento
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Consulenze di Stile Esperte",          description: "Il nostro team altamente qualificato offre consigli personalizzati per aiutarti a scoprire stili che valorizzano la tua personalità unica.",          bentoComponent: "media-stack",          items: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/young-man-buying-cloths-paying-with-cash-shop_1303-19855.jpg",              imageAlt: "Donna che prova un vestito in una boutique con una stilista"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-second-hand-market_23-2149353671.jpg",              imageAlt: "Esposizione di accessori di moda curati"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/woman-preparing-thread-face-mask_23-2148614631.jpg",              imageAlt: "Dettaglio della texture di un tessuto di qualità"},
          ]
        },
      ]}
      title="Il Nostro Approccio alla Moda e al Servizio"
      description="In Être, crediamo in un'esperienza di shopping olistica. Dalla consulenza di stile esperta alle collezioni esclusive, garantiamo che ogni visita sia ispirante e gratificante."
    />
  </div>



  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={false}
      testimonial="L'esperienza di shopping da Être Concept Store è stata eccezionale! Ho trovato capi unici e il servizio personalizzato ha superato ogni aspettativa. Ogni acquisto è un piacere!"
      rating={5}
      author="Sofia Ricci"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/woman-with-shopping-bags-showing-something-shop-window_329181-18696.jpg",          alt: "Maria Volante"},
        {
          src: "http://img.b2bpic.net/free-photo/attractive-young-business-girl-with-makeup-brushes-posing-plain-background-concept-makeup-cosmetics_78826-3391.jpg",          alt: "Giulia Rosin"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-woman-happy-after-shopping_23-2148660676.jpg",          alt: "Tiziana Santin"},
        {
          src: "http://img.b2bpic.net/free-photo/stylish-young-parisienne-with-brunette-wavy-hair-black-sunglasses-white-top-polka-dot-skirt-red-shirt-standing-city-stairs-looking-straight-early-warm-autumn-background_197531-28081.jpg",          alt: "Cliente Soddisfatto"},
        {
          src: "http://img.b2bpic.net/free-photo/business-owners-preparing-their-store_23-2149300867.jpg",          alt: "Un Altro Cliente Felice"},
      ]}
      ratingAnimation="slide-up"
      avatarsAnimation="slide-up"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Alta Moda di Lusso",        "Abbigliamento Artigianale",        "Eleganza Urbana",        "Design Senza Tempo",        "Moda Sostenibile",        "Classici Moderni",        "Innovatori Globali" ]}
      title="Marchi Curati e Partnership"
      description="Siamo orgogliosi di collaborare con stimati marchi e designer di moda, offrendoti una selezione esclusiva di qualità e stile."
      tagAnimation="none"
      buttonAnimation="none"
      speed={40}
      showCard={true}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      text="Vieni a Trovarci in Negozio o Contattaci\n\nCorso Garibaldi, 40, 33170 Pordenone PN\nTelefono: 0434 522793\n\nAperto · Chiude alle 13:00 · Riapre alle 15:30"
      buttons={[
        {
          text: "Ottieni Indicazioni",          href: "https://www.google.com/maps/search/Être+Concept+Store+Corso+Garibaldi,+40,+33170+Pordenone+PN"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/fashionable-young-woman-grey-coat-hat-walking-street-city-centre-smiling-true-emotions-stylish-lifestyle-luxury-clothes-elegant-look_197531-1885.jpg"
      imageAlt="Esterno della boutique Être Concept Store"
      logoText="Être Concept Store"
      columns={[
        {
          title: "Acquista",          items: [
            {
              label: "Saldi",              href: "#"},
          ],
        },
        {
          title: "Chi Siamo",          items: [
            {
              label: "La Nostra Storia",              href: "#about"},
            {
              label: "Testimonianze",              href: "#testimonials"},
          ],
        },
        {
          title: "Supporto",          items: [
            {
              label: "Contattaci",              href: "#contact"},
            {
              label: "Domande Frequenti",              href: "#"},
            {
              label: "Informativa sulla Privacy",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2024 Être Concept Store. Tutti i diritti riservati."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}