"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="medium"
        sizing="medium"
        background="grid"
        cardStyle="glass-depth"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Início",          id: "hero"},
        {
          name: "Sobre",          id: "about"},
        {
          name: "Depoimentos",          id: "testimonials"},
        {
          name: "Contato",          id: "contact"},
      ]}
      button={{
        text: "WhatsApp",        href: "https://wa.me/5511953812950"}}
      brandName="Bazar Santos"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlay
      title="Bazar Santos: Tudo em Papelaria com Atendimento Nota 10"
      description="Qualidade, variedade e aquele atendimento especial que você já conhece. Peça pelo WhatsApp e receba onde estiver."
      buttons={[
        {
          text: "Pedir pelo WhatsApp",          href: "https://wa.me/5511953812950"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/pensive-employee-with-notebook-hands_23-2147601432.jpg"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/computer-monitor-wooden-table_53876-41705.jpg",          alt: "Cliente satisfeito 1"},
        {
          src: "http://img.b2bpic.net/free-photo/empty-company-desk-with-landline-phone-documents-work-financial-strategy-with-business-charts-startup-growth-nobody-table-with-professional-computer-close-up_482257-46115.jpg",          alt: "Cliente satisfeito 2"},
        {
          src: "http://img.b2bpic.net/free-photo/food-donations-collected-charity_23-2149230572.jpg",          alt: "Cliente satisfeito 3"},
        {
          src: "http://img.b2bpic.net/free-photo/still-life-office-desk-mess_23-2150164825.jpg",          alt: "Cliente satisfeito 4"},
        {
          src: "http://img.b2bpic.net/free-photo/pensive-employee-with-notebook-hands_23-2147601432.jpg",          alt: "Cliente satisfeito 5"},
      ]}
      avatarText="Mais de 440 clientes satisfeitos"
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={false}
      title="Compromisso com Você"
      description={[
        "Localizada no coração da Cidade Tiradentes, o Bazar Santos é referência em materiais escolares e de escritório.",        "Nosso diferencial? O carinho e a atenção de nossa equipe, sempre pronta para ajudar você a encontrar o que precisa."]}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Atendimento Impecável",          description: "Equipe treinada e educada, sempre disposta a ajudar.",          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/office-desktop-with-paper-sheet_23-2148166781.jpg"},
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/high-angle-measuring-tools-desk_23-2150440905.jpg"},
        },
        {
          title: "Entrega Rápida",          description: "Receba seus produtos no conforto de sua casa com agilidade.",          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-smiling-woman_23-2148489603.jpg"},
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/delivery-woman-holding-pizza-boxes-white-space_114579-28161.jpg"},
        },
        {
          title: "Preço Justo",          description: "Valores competitivos comparáveis às grandes lojas do centro.",          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/composition-with-notebook-pens_23-2148745825.jpg"},
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/desk-arrangement-with-laptop-notebooks_23-2149073068.jpg"},
        },
      ]}
      showStepNumbers={false}
      title="Nossos diferenciais"
      description="Por que nossos clientes nos avaliam com nota 4.8?"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Jefté Nascimento",          role: "Cliente",          testimonial: "Ótimo atendimento do funcionário Luiz Holanda. Estou muito satisfeito!",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-worker-white-dress-holding-folder-blue-wall_140725-150042.jpg"},
        {
          id: "2",          name: "Fabio Bianco",          role: "Local Guide",          testimonial: "Excelente atendimento e preços compatíveis com os demais estabelecimentos.",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-holding-shop-bags-white-wall_114579-49108.jpg"},
        {
          id: "3",          name: "Aline Sales",          role: "Cliente",          testimonial: "O atendente Eduardo muito atencioso e educado.",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-hipster-woman-holding-books_285396-1905.jpg"},
        {
          id: "4",          name: "Cliente Satisfeito",          role: "Papelaria",          testimonial: "Preço excelente e grande diversidade de produtos.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-student-red-shirt-with-backpack-holding-paints-drawing-blue-wall_140725-38422.jpg"},
        {
          id: "5",          name: "Cliente",          role: "Escola",          testimonial: "Atendimento impecável dos funcionários.",          imageSrc: "http://img.b2bpic.net/free-photo/excited-young-student-girl-wearing-bandana-sunglasses-headphones-around-neck-showing-large-note-pad-looking-camera-showing-thumb-up-isolated-blue-background_141793-139459.jpg"},
      ]}
      title="O que dizem nossos clientes"
      description="Confira por que somos nota 4,8 nas avaliações do Google."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",          value: "440+",          title: "Avaliações",          description: "Clientes satisfeitos",          imageSrc: "http://img.b2bpic.net/free-photo/marker-pens-near-notebook_23-2147850962.jpg"},
        {
          id: "m2",          value: "4.8",          title: "Nota Google",          description: "Qualidade garantida",          imageSrc: "http://img.b2bpic.net/free-photo/stationery-frame-parcel-delivery-concept_53876-128926.jpg"},
        {
          id: "m3",          value: "100%",          title: "Atenção",          description: "Atendimento nota 10",          imageSrc: "http://img.b2bpic.net/free-photo/pencils-near-notebook-paper_23-2147847437.jpg"},
      ]}
      title="Nossos Números"
      description="Confiança construída com dedicação."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",          title: "Quais os horários de funcionamento?",          content: "Abrimos de quarta-feira a partir das 09:00."},
        {
          id: "q2",          title: "Vocês realizam entregas?",          content: "Sim, realizamos entregas na região. Consulte-nos pelo WhatsApp."},
        {
          id: "q3",          title: "Onde fica a loja?",          content: "Av. dos Metalúrgicos, 1081 - loja 1, Cidade Tiradentes."},
      ]}
      mediaAnimation="slide-up"
      title="Dúvidas Frequentes"
      description="Veja como podemos te ajudar hoje."
      faqsAnimation="slide-up"
      imageSrc="http://img.b2bpic.net/free-photo/young-female-barista-standing-inside-coffee-counter_93675-134691.jpg"
      imageAlt="Loja Bazar Santos"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={true}
      background={{
        variant: "plain"}}
      tag="Entre em Contato"
      title="Precisa de algo? Fale com a gente!"
      description="Chame no WhatsApp agora e faça seu pedido sem filas."
      buttons={[
        {
          text: "Chamar no WhatsApp",          href: "https://wa.me/5511953812950"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[
        {
          items: [
            {
              label: "Sobre nós",              href: "#about"},
            {
              label: "Avaliações",              href: "#testimonials"},
          ],
        },
        {
          items: [
            {
              label: "WhatsApp",              href: "https://wa.me/5511953812950"},
            {
              label: "Localização",              href: "#contact"},
          ],
        },
      ]}
      logoText="Bazar Santos"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
