"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import HeroCentered from "@/components/sections/hero/HeroCentered";
import MediaAbout from "@/components/sections/about/MediaAbout";
import ProductCardFour from "@/components/sections/product/ProductCardFour";
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
import FaqBase from "@/components/sections/faq/FaqBase";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { Heart, MapPin, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="smallMedium"
      sizing="mediumLargeSizeMediumTitles"
      background="grid"
      cardStyle="soft-shadow"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "Catálogo", id: "products" },
            { name: "Sobre", id: "about" },
            { name: "Testemunhos", id: "testimonials" },
            { name: "FAQ", id: "faq" },
            { name: "Contato", id: "contact" }
          ]}
          button={{ text: "Comprar Agora", href: "products" }}
          brandName="Susy Modas"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCentered
          title="Elegância e Modéstia em Cada Detalhe"
          description="Descubra nossa coleção exclusiva de vestidos cristãos sofisticados, perfeitos para celebrações religiosas, cerimônias especiais e eventos de fé. Roupa elegante que reflete seus valores."
          background={{ variant: "plain" }}
          avatars={[
            {
              src: "http://img.b2bpic.net/free-photo/posing-professional-model-back-yard-restaurant-wearing-green-dress-hand-waist-garden-outdoor-makeup-hair-bun-red-lips_343629-48.jpg",              alt: "Vestido elegante cristão"
            }
          ]}
          avatarText="Confiado por mulheres cristãs em Kourou"
          buttons={[
            { text: "Explorar Coleção", href: "products" },
            { text: "Saber Mais", href: "about" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Sobre Susy Modas Evangelicas"
          description="Localizada em Kourou, Guyane Française, Susy Modas Evangelicas é uma boutique dedicada a oferecer vestidos cristãos elegantes e modestos. Nossa missão é proporcionar roupas que honrem seus valores de sobriedad e fé, perfeitas para Igreja, batizados, casamentos, conferências e cerimônias religiosas. Cada peça é cuidadosamente selecionada para combinar estilo moderno com humildade cristã."
          tag="Nossa História"
          imageSrc="http://img.b2bpic.net/free-photo/empty-clothing-store-with-casual-formal-wear-items-retail-shop-with-stylish-clothes-hangers-racks-modern-boutique-inside-shopping-centre-fashionable-merchandise-sale_482257-63323.jpg"
          imageAlt="Boutique Susy Modas Evangelicas"
          buttons={[{ text: "Conhecer Coleção", href: "products" }]}
          useInvertedBackground={false}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardFour
          products={[
            {
              id: "1",              name: "Vestido Longo Elegante Marfim",              price: "R$ 189,90",              variant: "Marfim • Tamanho S-XL",              imageSrc: "http://img.b2bpic.net/free-photo/full-length-happy-beautiful-young-woman-wearing-dress-walking-street-while-standing-near-fence-beauty-fashion-concept_132075-9332.jpg",              imageAlt: "Vestido Longo Elegante Marfim"
            },
            {
              id: "2",              name: "Vestido Igreja Premium Bege",              price: "R$ 219,90",              variant: "Bege • 4 Cores Disponíveis",              imageSrc: "http://img.b2bpic.net/free-photo/adult-brunette-woman-violet-gown-background-old-vintage-house-with-stairs_627829-8782.jpg",              imageAlt: "Vestido Igreja Premium Bege"
            },
            {
              id: "3",              name: "Vestido Cerimônia Nupcial",              price: "R$ 299,90",              variant: "Branco • Luxo",              imageSrc: "http://img.b2bpic.net/free-photo/bride-natural-landscape_23-2148120576.jpg",              imageAlt: "Vestido Cerimônia Nupcial"
            }
          ]}
          title="Coleção em Destaque"
          description="Vestidos elegantes e modestos para todas as ocasiões religiosas e celebrações especiais"
          tag="Novidades"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[{ text: "Ver Todas as Peças", href: "#" }]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          testimonials={[
            {
              id: "1",              title: "Perfeito para Meu Batizado",              quote: "Encontrei o vestido perfeito para meu batizado. A qualidade é excelente e o atendimento foi muito amoroso. Recomendo Susy Modas Evangelicas!",              name: "Maria da Silva",              role: "Cliente",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",              imageAlt: "Maria da Silva"
            },
            {
              id: "2",              title: "Elegância que Honra Minha Fé",              quote: "Os vestidos combinam elegância moderna com modéstia cristã. Uso para ir à Igreja e me sinto confortável e bonita.",              name: "Ana Santos",              role: "Cliente",              imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg?_wi=1",              imageAlt: "Ana Santos"
            },
            {
              id: "3",              title: "Qualidade Excepcional",              quote: "Comprei vários vestidos e todos têm qualidade superior. O atendimento é excelente e muito cristão também.",              name: "Josélia Oliveira",              role: "Cliente",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg?_wi=1",              imageAlt: "Josélia Oliveira"
            },
            {
              id: "4",              title: "Casamento Inesquecível",              quote: "Meu vestido de noiva de Susy Modas foi lindo! Modesto, elegante e perfeito para uma cerimônia cristã.",              name: "Carla Ribeiro",              role: "Cliente",              imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg?_wi=2",              imageAlt: "Carla Ribeiro"
            },
            {
              id: "5",              title: "Conforto e Estilo",              quote: "Adoro como a roupa fica no corpo. É confortável para usar o dia todo e sempre recebo elogios.",              name: "Fernanda Costa",              role: "Cliente",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg?_wi=2",              imageAlt: "Fernanda Costa"
            },
            {
              id: "6",              title: "Voltei a Comprar",              quote: "Voltei a comprar porque os vestidos são excelentes. Susy entende o que as mulheres cristãs precisam.",              name: "Sabrina Ferreira",              role: "Cliente",              imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg",              imageAlt: "Sabrina Ferreira"
            }
          ]}
          title="Testemunhos de Clientes"
          description="Veja o que nossas clientes cristãs dizem sobre nossa coleção"
          tag="Satisfação"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          metrics={[
            { id: "1", icon: Heart, title: "Clientes Satisfeitas", value: "500+" },
            { id: "2", icon: MapPin, title: "Vestidos Vendidos", value: "1.200+" },
            { id: "3", icon: Star, title: "Avaliação Média", value: "4.9★" },
            { id: "4", icon: MapPin, title: "Anos em Kourou", value: "8+" }
          ]}
          title="Nossa Presença"
          description="Números que refletem nossa dedicação à qualidade e satisfação das clientes"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          faqs={[
            {
              id: "1",              title: "Quais são os tamanhos disponíveis?",              content: "Oferecemos uma ampla gama de tamanhos, do XS ao XXL. Cada vestido é disponível em múltiplos tamanhos para garantir o melhor ajuste. Consulte a tabela de medidas específica de cada peça para mais detalhes."
            },
            {
              id: "2",              title: "Qual é a política de devolução?",              content: "Aceitamos devoluções dentro de 30 dias após a compra. O produto deve estar em perfeitas condições e com a embalagem original. Para iniciar uma devolução, entre em contato com nosso atendimento ao cliente."
            },
            {
              id: "3",              title: "Quanto tempo leva para a entrega?",              content: "O prazo de entrega em Kourou é de 3 a 5 dias úteis. Para outras localidades na Guyane Française, pode levar de 5 a 10 dias úteis. Você receberá um código de rastreamento após a confirmação do pedido."
            },
            {
              id: "4",              title: "Vocês oferecem customização?",              content: "Sim! Oferecemos serviços de customização limitados, como ajustes de comprimento e pequenas alterações. Entre em contato conosco para discutir suas necessidades específicas."
            },
            {
              id: "5",              title: "Os vestidos são apropriados para cerimônias religiosas?",              content: "Absolutamente! Todos os nossos vestidos são projetados especificamente com valores cristãos em mente. Eles combinam modéstia, elegância e sofisticação, perfeitos para Igreja, batizados, casamentos e conferências religiosas."
            },
            {
              id: "6",              title: "Como faço para entrar em contato com o atendimento?",              content: "Você pode nos contatar por WhatsApp, e-mail ou visitando nossa loja física em Kourou. Estamos disponíveis de segunda a sexta-feira das 9h às 18h. Responderemos às suas dúvidas com prazer!"
            }
          ]}
          title="Perguntas Frequentes"
          description="Encontre respostas para dúvidas comuns sobre nossos produtos e serviços"
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Navegação",              items: [
                { label: "Início", href: "#" },
                { label: "Catálogo", href: "#products" },
                { label: "Sobre", href: "#about" },
                { label: "Contato", href: "#contact" }
              ]
            },
            {
              title: "Empresa",              items: [
                { label: "Quem Somos", href: "#about" },
                { label: "Nossa Missão", href: "#about" },
                { label: "Localização", href: "#" },
                { label: "Horários", href: "#" }
              ]
            },
            {
              title: "Suporte",              items: [
                { label: "FAQ", href: "#faq" },
                { label: "Devoluções", href: "#" },
                { label: "Rastreamento", href: "#" },
                { label: "Contate-nos", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Termos de Serviço", href: "#" },
                { label: "Política de Privacidade", href: "#" },
                { label: "Política de Cookies", href: "#" },
                { label: "Política de Reembolso", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2025 Susy Modas Evangelicas. Todos os direitos reservados."
          bottomRightText="Feito com fé e elegância em Kourou, Guyane Française"
        />
      </div>
    </ThemeProvider>
  );
}
