"use client";

import { Heart, Sparkles, Award, Star, MessageCircle, HelpCircle } from "lucide-react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
import MediaAbout from "@/components/sections/about/MediaAbout";
import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="small"
      sizing="largeSizeMediumTitles"
      background="noise"
      cardStyle="gradient-radial"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="solid"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Life Modas"
          navItems={[
            { name: "Coleções", id: "collections" },
            { name: "Sobre", id: "about" },
            { name: "Avaliações", id: "reviews" },
            { name: "Localização", id: "location" }
          ]}
          button={{
            text: "Falar no WhatsApp",            href: "https://wa.me/553899728533?text=Olá%20Life%20Modas!%20Gostaria%20de%20saber%20mais%20sobre%20suas%20coleções."
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitDoubleCarousel
          title="Roupas lindas com preços que cabem no seu bolso"
          description="Moda acessível, qualidade e atendimento que faz você se sentir em casa. Descubra coleções incríveis na Life Modas, sua loja local de confiança em Montes Claros."
          tag="Moda Local Confiável"
          tagIcon={Heart}
          tagAnimation="slide-up"
          buttons={[
            {
              text: "Falar no WhatsApp",              href: "https://wa.me/553899728533?text=Olá%20Life%20Modas!%20Gostaria%20de%20saber%20mais%20sobre%20suas%20coleções."
            },
            {
              text: "Ligar Agora",              href: "tel:+553899728533"
            }
          ]}
          buttonAnimation="slide-up"
          leftCarouselItems={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-smiling-female-wearing-casual-clothes-with-flowers-bouquet-walking-street-women-s-fashion-high-quality-photo_132075-9342.jpg",              imageAlt: "Mulher vestindo roupa casual estilosa"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-female-black-customer-choosing-goods-shopping-mall_657883-239.jpg",              imageAlt: "Interior da loja Life Modas"
            }
          ]}
          rightCarouselItems={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/attractive-stylish-blonde-woman-jeans-oversize-jacket-walking-against-wall-street_285396-8042.jpg",              imageAlt: "Coleção de moda feminina"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/young-couple-walking-mountain-road_23-2148377905.jpg",              imageAlt: "Roupas casual acessíveis"
            }
          ]}
          carouselPosition="right"
          background={{ variant: "plain" }}
          ariaLabel="Hero section - Life Modas"
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Por que escolher a Life Modas"
          description="Somos mais que uma loja de roupas. A Life Modas é um espaço acolhedor onde você encontra moda acessível sem comprometer a qualidade. Nosso compromisso é com você: preços justos, peças incríveis e um atendimento que faz você se sentir em casa. Bem-vindo à comunidade Life Modas!"
          tag="Nossa Missão"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/unrecognizable-female-black-customer-choosing-goods-shopping-mall_657883-239.jpg"
          imageAlt="Interior acolhedor da loja Life Modas"
          useInvertedBackground={false}
          buttons={[
            {
              text: "Seguir no Instagram",              href: "https://instagram.com/lifemodasloja"
            }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSix
          title="Diferenciais que você merece"
          description="Na Life Modas, cada detalhe foi pensado para oferecer a melhor experiência de compra local."
          tag="Compromissos"
          tagIcon={Award}
          tagAnimation="slide-up"
          buttonAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          features={[
            {
              id: 1,
              title: "Preços Acessíveis",              description: "Moda de qualidade sem pesar no bolso. Acreditamos que estilo não precisa ser caro.",              imageSrc: "http://img.b2bpic.net/free-photo/young-couple-walking-mountain-road_23-2148377905.jpg",              imageAlt: "Roupas acessíveis de qualidade"
            },
            {
              id: 2,
              title: "Roupas de Qualidade",              description: "Cada peça é selecionada com cuidado para garantir durabilidade e conforto no dia a dia.",              imageSrc: "http://img.b2bpic.net/free-photo/attractive-stylish-blonde-woman-jeans-oversize-jacket-walking-against-wall-street_285396-8042.jpg",              imageAlt: "Coleção premium de moda feminina"
            },
            {
              id: 3,
              title: "Atendimento Incrível",              description: "Nossa equipe está sempre pronta para ajudar com dicas de moda e encontrar a roupa perfeita para você.",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-blond-woman-showing-surrender-gesture-green-jacket-looking-merry-front-view_176474-71771.jpg",              imageAlt: "Equipe amigável da Life Modas"
            },
            {
              id: 4,
              title: "Loja Local Confiável",              description: "Há anos servindo a comunidade de Montes Claros com integridade e dedicação ao cliente.",              imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-female-black-customer-choosing-goods-shopping-mall_657883-239.jpg",              imageAlt: "Fachada confiável da loja"
            },
            {
              id: 5,
              title: "Comunidade Acolhedora",              description: "Celebramos a diversidade. Todos são bem-vindos na Life Modas, sempre com respeito e inclusão.",              imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-smiling-female-wearing-casual-clothes-with-flowers-bouquet-walking-street-women-s-fashion-high-quality-photo_132075-9342.jpg",              imageAlt: "Comunidade diversa e acolhedora"
            },
            {
              id: 6,
              title: "Entrega Local Rápida",              description: "Oferecemos retirada na loja, entrega local e atendimento por WhatsApp para sua conveniência.",              imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-morning-walking-park_1303-25992.jpg",              imageAlt: "Serviços de entrega da Life Modas"
            }
          ]}
        />
      </div>

      <div id="collections" data-section="collections">
        <ProductCardTwo
          title="Coleções em Destaque"
          description="Explore nossos produtos mais procurados e encontre seu estilo perfeito. Todas as peças com preços incríveis!"
          tag="Novidades"
          tagIcon={Star}
          tagAnimation="slide-up"
          buttonAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "fem-collection",              brand: "Life Modas",              name: "Moda Feminina Premium",              price: "A partir de R$ 39,90",              rating: 5,
              reviewCount: "49 avaliações",              imageSrc: "http://img.b2bpic.net/free-photo/attractive-stylish-blonde-woman-jeans-oversize-jacket-walking-against-wall-street_285396-8042.jpg",              imageAlt: "Coleção de moda feminina"
            },
            {
              id: "casual-collection",              brand: "Life Modas",              name: "Casual Confortável",              price: "A partir de R$ 29,90",              rating: 5,
              reviewCount: "49 avaliações",              imageSrc: "http://img.b2bpic.net/free-photo/young-couple-walking-mountain-road_23-2148377905.jpg",              imageAlt: "Roupas casual acessíveis"
            },
            {
              id: "seasonal-collection",              brand: "Life Modas",              name: "Outfits Sazonais",              price: "A partir de R$ 49,90",              rating: 5,
              reviewCount: "49 avaliações",              imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-morning-walking-park_1303-25992.jpg",              imageAlt: "Outfits sazonais em destaque"
            },
            {
              id: "bestseller-1",              brand: "Life Modas",              name: "Clássicos que Nunca Saem de Moda",              price: "A partir de R$ 34,90",              rating: 5,
              reviewCount: "49 avaliações",              imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-smiling-female-wearing-casual-clothes-with-flowers-bouquet-walking-street-women-s-fashion-high-quality-photo_132075-9342.jpg",              imageAlt: "Peças clássicas e atemporais"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="O que nossos clientes dizem"
          description="Avaliação 5.0 ⭐ com 49+ reviews. Veja o que a comunidade de Montes Claros pensa sobre a Life Modas."
          tag="Depoimentos Reais"
          tagIcon={MessageCircle}
          tagAnimation="slide-up"
          buttonAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "Maria Silva",              role: "Cliente Regular",              testimonial: "Loja excelente! As roupas são incríveis, os preços são acessíveis e o atendimento é perfeito. Voltei várias vezes e sempre saio satisfeita!",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-blond-woman-showing-surrender-gesture-green-jacket-looking-merry-front-view_176474-71771.jpg",              imageAlt: "Maria Silva"
            },
            {
              id: "2",              name: "Ana Costa",              role: "Residente Local",              testimonial: "Uma roupa mais linda que a outra! A qualidade é ótima e os preços cabem no meu bolso. Recomendo para todas as minhas amigas!",              imageSrc: "http://img.b2bpic.net/free-photo/cheerful-asian-customer-happy-get-credit-card_1262-18155.jpg",              imageAlt: "Ana Costa"
            },
            {
              id: "3",              name: "Juliana Mendes",              role: "Cliente Fidelizada",              testimonial: "Ótimo atendimento, pessoal muito educado e prestativo. A Life Modas é meu lugar preferido para comprar roupas em Montes Claros!",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-young-woman-amusement-park_23-2147910756.jpg",              imageAlt: "Juliana Mendes"
            },
            {
              id: "4",              name: "Beatriz Oliveira",              role: "Visitante Novo",              testimonial: "Achei a loja de forma aleatória e que sorte! Peças lindas, ambiente acolhedor, donos incríveis. Já virei cliente!",              imageSrc: "http://img.b2bpic.net/free-photo/cheerful-brunette-woman-waits-order-sidewalk-cafeteria-looks-joyfully-into-distance-being-pleased-have-summer-rest-after-hard-working-year-people-recreation-lifestyle-concept_273609-2730.jpg",              imageAlt: "Beatriz Oliveira"
            }
          ]}
        />
      </div>

      <div id="location" data-section="location">
        <ContactSplitForm
          title="Visite nossa loja"
          description="Rua Iguaçu, 537 - Santa Rita II, Montes Claros, MG 39402-769. Nos veja pessoalmente para experimentar nossas roupas e conhecer nossa equipe amigável!"
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/blurred-red-pins-map_23-2148510530.jpg"
          imageAlt="Localização da Life Modas"
          mediaAnimation="slide-up"
          mediaPosition="right"
          inputs={[
            { name: "name", type: "text", placeholder: "Seu nome" },
            { name: "phone", type: "tel", placeholder: "(38) 9XXXX-XXXX" }
          ]}
          textarea={{
            name: "message",            placeholder: "Deixe sua mensagem ou dúvida",            rows: 4
          }}
          buttonText="Enviar Mensagem"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Perguntas Frequentes"
          description="Tire suas dúvidas sobre nossa loja, atendimento e formas de compra."
          tag="Dúvidas?"
          tagIcon={HelpCircle}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          mediaAnimation="slide-up"
          mediaPosition="left"
          imageSrc="http://img.b2bpic.net/free-photo/unrecognizable-female-black-customer-choosing-goods-shopping-mall_657883-239.jpg"
          imageAlt="Ambiente acolhedor da Life Modas"
          faqsAnimation="slide-up"
          faqs={[
            {
              id: "1",              title: "Como faço para comprar?",              content: "Você pode visitar nossa loja pessoalmente em Rua Iguaçu, 537, falar conosco pelo WhatsApp (38) 99728-5533, ou ligar (38) 99728-5533. Também oferecemos entrega local!"
            },
            {
              id: "2",              title: "Quais são os horários de funcionamento?",              content: "Estamos abertos de segunda a sexta. Entre em contato através do WhatsApp para confirmar nossos horários atualizados ou visite-nos em Rua Iguaçu, 537, Santa Rita II."
            },
            {
              id: "3",              title: "Vocês fazem entrega?",              content: "Sim! Oferecemos retirada na loja, entrega local em Montes Claros e atendimento via WhatsApp. Fale conosco para detalhes sobre taxas e prazos."
            },
            {
              id: "4",              title: "Qual é o valor das roupas?",              content: "Nossos preços começam a partir de R$ 29,90. Temos opções para todos os bolsos, sempre com qualidade garantida. Confira nossas coleções em destaque!"
            },
            {
              id: "5",              title: "Posso trocar ou devolver uma roupa?",              content: "Sim, temos uma política de troca e devolução amigável. Fale conosco pessoalmente ou pelo WhatsApp para conhecer os detalhes."
            },
            {
              id: "6",              title: "Vocês recebem encomendas ou pedidos especiais?",              content: "Com certeza! Se procura uma roupa específica, entre em contato conosco pelo WhatsApp ou telefone. Nossa equipe fará o possível para ajudar!"
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Life Modas"
          leftLink={{
            text: "Falar no WhatsApp",            href: "https://wa.me/553899728533"
          }}
          rightLink={{
            text: "Seguir no Instagram",            href: "https://instagram.com/lifemodasloja"
          }}
        />
      </div>
    </ThemeProvider>
  );
}
