"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Award, Palette, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="smallMedium"
        sizing="mediumSizeLargeTitles"
        background="none"
        cardStyle="outline"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "Coleção",          id: "#products"},
        {
          name: "Sobre",          id: "#about"},
        {
          name: "Perguntas Frequentes",          id: "#faq"},
        {
          name: "Contato",          id: "#contact"},
      ]}
      logoSrc="http://img.b2bpic.net/free-photo/modern-kitchen-interior-with-island-armchair-stylish-open-space-home-design_169016-72732.jpg"
      logoAlt="Gemma Galgani Logo"
      brandName="Gemma Galgani"
      button={{
        text: "WhatsApp",        href: "https://wa.me/5531999999999",        onClick: () => console.log('WhatsApp clicked'),
      }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCarouselLogo
      logoText="Gemma Galgani"
      description="Descubra peças de decoração de luxo selecionadas que transformam interiores em santuários refinados. Coleções escolhidas a dedo para quem exige elegância sem compromisso."
      buttons={[
        {
          text: "Explorar Coleção Exclusiva",          href: "#products"},
      ]}
      slides={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-lamp-design_23-2151047546.jpg",          imageAlt: "Luxurious contemporary living room with elegant decor"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/creative-fengshui-practice-dining-room-arrangement_23-2149135746.jpg",          imageAlt: "Minimalist dining room with high-end furniture and clean lines"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/family-portrait-man-woman-relax-soft-grey-bad-room-with-christmas-tree_8353-9074.jpg",          imageAlt: "Sophisticated bedroom design with subtle jewel tones and modern art"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/room-with-wooden-desktop-comfortable-chair_116348-96.jpg",          imageAlt: "Elegant home office with custom furniture and ambient lighting"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/bathtub_1203-2911.jpg",          imageAlt: "Luxurious bathroom with marble finishes and gold fixtures"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-book-while-traveling_23-2149092783.jpg",          imageAlt: "Chic outdoor lounge area with modern patio furniture"},
      ]}
      autoplayDelay={4000}
      showDimOverlay={true}
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={true}
      heading={[
        {
          type: "text",          content: "A Paixão pela Elegância e Design Atemporal"},
      ]}
      buttons={[
        {
          text: "Conheça Nossa História",          href: "#about"},
      ]}
      buttonAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureHoverPattern
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          icon: Sparkles,
          title: "Design Autêntico",          description: "Peças únicas e exclusivas, cuidadosamente selecionadas para adicionar personalidade e sofisticação ao seu espaço."},
        {
          icon: Award,
          title: "Qualidade Impecável",          description: "Compromisso com materiais nobres e acabamentos perfeitos, garantindo durabilidade e beleza duradoura."},
        {
          icon: Palette,
          title: "Consultoria Personalizada",          description: "Nossa equipe de especialistas oferece suporte para você encontrar as peças que melhor se harmonizam com seu projeto."},
      ]}
      title="Nossa Curadoria Exclusiva"
      description="Descubra os pilares que tornam a Gemma Galgani a sua escolha ideal para decoração de alto luxo."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={true}
      products={[
        {
          id: "1",          brand: "Gemma Galgani",          name: "Poltrona Opulência Emerald",          price: "R$ 6.800,00",          rating: 5,
          reviewCount: "25",          imageSrc: "http://img.b2bpic.net/free-photo/blue-chair-is-shown-photo_505751-3816.jpg",          imageAlt: "Emerald green velvet armchair"},
        {
          id: "2",          brand: "Gemma Galgani",          name: "Vaso Escultura Minimal",          price: "R$ 1.250,00",          rating: 4,
          reviewCount: "18",          imageSrc: "http://img.b2bpic.net/free-photo/set-flowers-ice-cream-cones-blue-plate-white-wood-top-view_176474-4976.jpg",          imageAlt: "Minimalist white ceramic vase"},
        {
          id: "3",          brand: "Gemma Galgani",          name: "Espelho Sol Dourado",          price: "R$ 2.900,00",          rating: 5,
          reviewCount: "32",          imageSrc: "http://img.b2bpic.net/free-photo/home-entranceway-with-furniture-modern-decor_23-2150832043.jpg",          imageAlt: "Gold framed sunburst mirror"},
        {
          id: "4",          brand: "Gemma Galgani",          name: "Mesa Lateral Geo",          price: "R$ 1.950,00",          rating: 4,
          reviewCount: "10",          imageSrc: "http://img.b2bpic.net/free-photo/everyday-home-utensils-dark-marble-background_58702-17734.jpg",          imageAlt: "Geometric gold side table"},
        {
          id: "5",          brand: "Gemma Galgani",          name: "Arte Abstrata Aura",          price: "R$ 3.500,00",          rating: 5,
          reviewCount: "15",          imageSrc: "http://img.b2bpic.net/free-photo/paint-texture-background-wallpaper-black-abstract-art-acrylic-paint_53876-133246.jpg",          imageAlt: "Abstract modern wall art"},
        {
          id: "6",          brand: "Gemma Galgani",          name: "Lustre Cristal Majestade",          price: "R$ 9.500,00",          rating: 5,
          reviewCount: "20",          imageSrc: "http://img.b2bpic.net/free-photo/inside-museum_1084-54.jpg",          imageAlt: "Crystal chandelier"},
      ]}
      title="Nossas Coleções Curadas"
      description="Explore uma seleção primorosa de móveis, iluminação e acessórios que definem o luxo contemporâneo."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Vogue Casa",        "Architectural Digest",        "Casa e Jardim",        "El Decor",        "Design Living",        "Home Trends",        "Interiores Luxo"]}
      title="Parceiros e Destaques na Mídia"
      description="Temos orgulho de ser reconhecidos por importantes veículos e de colaborar com os melhores do setor."
      speed={60}
      showCard={false}
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",          name: "Ana C. Silva",          role: "Arquiteta de Interiores",          company: "Design & Harmonia",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-fashion-designer-working-her-workshop-alone_23-2148877353.jpg"},
        {
          id: "2",          name: "João P. Mendes",          role: "Proprietário",          company: "Residencial Luxo",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-successful-businessman-suit-showing-okay-sign-looking-satisfied-standing-against-white-ba_1258-162874.jpg"},
        {
          id: "3",          name: "Mariana G. Costa",          role: "Consultora de Design",          company: "Estilo Essencial",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/image-smiling-woman-sunglasses_197531-33303.jpg"},
        {
          id: "4",          name: "Pedro H. Almeida",          role: "Investidor Imobiliário",          company: "Prime Properties",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-with-backpack_23-2149915917.jpg"},
        {
          id: "5",          name: "Carla F. Lopes",          role: "Amante de Decoração",          company: "Cliente Fiel",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/elegant-beautiful-young-woman-dress-sofa-room_23-2148068398.jpg"},
      ]}
      kpiItems={[
        {
          value: "120K+",          label: "Seguidores no Instagram"},
        {
          value: "500+",          label: "Projetos Realizados"},
        {
          value: "10+",          label: "Anos de Expertise"},
      ]}
      title="O Que Nossos Clientes Dizem"
      description="Depoimentos de quem transformou seus espaços com a Gemma Galgani. Sua satisfação é nossa maior inspiração."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",          title: "Quais são as opções de envio?",          content: "Oferecemos envio expresso e padrão para todo o Brasil. Os prazos e custos variam conforme a localidade e o peso do pedido."},
        {
          id: "2",          title: "Como funciona a política de devolução?",          content: "Você pode solicitar a devolução em até 7 dias após o recebimento, desde que o produto esteja em perfeitas condições e na embalagem original."},
        {
          id: "3",          title: "É possível personalizar produtos?",          content: "Sim, alguns de nossos produtos permitem personalização. Entre em contato com nossa equipe para discutir suas necessidades e opções."},
        {
          id: "4",          title: "Como faço para acompanhar meu pedido?",          content: "Após a confirmação do envio, você receberá um e-mail com o código de rastreamento para acompanhar a entrega do seu pedido."},
        {
          id: "5",          title: "Vocês oferecem consultoria de design?",          content: "Sim, nossa equipe está disponível para oferecer consultoria e auxiliar na escolha das melhores peças para o seu projeto."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/composition-nude-cosmetics-beige-background_23-2148320949.jpg"
      imageAlt="Elegant home decor details and textures"
      mediaAnimation="slide-up"
      mediaPosition="right"
      title="Perguntas Frequentes"
      description="Encontre respostas para suas dúvidas sobre nossos produtos, envio, devoluções e personalização."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={true}
      title="Fale Conosco"
      description="Entre em contato para dúvidas, projetos personalizados ou parcerias. Nossa equipe está pronta para atendê-lo."
      inputs={[
        {
          name: "name",          type: "text",          placeholder: "Seu Nome",          required: true,
        },
        {
          name: "email",          type: "email",          placeholder: "Seu Email",          required: true,
        },
      ]}
      textarea={{
        name: "message",        placeholder: "Sua Mensagem",        rows: 5,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/close-up-man-woman-indoors_23-2148899715.jpg"
      imageAlt="Luxury office interior with elegant decor"
      mediaPosition="left"
      buttonText="Enviar Mensagem"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      logoSrc="http://img.b2bpic.net/free-photo/modern-kitchen-interior-with-island-armchair-stylish-open-space-home-design_169016-72732.jpg"
      logoAlt="Gemma Galgani Logo"
      columns={[
        {
          items: [
            {
              label: "Coleções",              href: "#products"},
            {
              label: "Novidades",              href: "#"},
            {
              label: "Mais Vendidos",              href: "#"},
            {
              label: "Promoções",              href: "#"},
          ],
        },
        {
          items: [
            {
              label: "Sobre Nós",              href: "#about"},
            {
              label: "Carreiras",              href: "#"},
            {
              label: "Imprensa",              href: "#social-proof"},
            {
              label: "Parcerias",              href: "#"},
          ],
        },
        {
          items: [
            {
              label: "FAQ",              href: "#faq"},
            {
              label: "Envio e Devoluções",              href: "#faq"},
            {
              label: "Termos de Serviço",              href: "#"},
            {
              label: "Política de Privacidade",              href: "#"},
          ],
        },
        {
          items: [
            {
              label: "Instagram",              href: "https://www.instagram.com/gemmagalganibh/"},
            {
              label: "WhatsApp",              href: "https://wa.me/5531999999999"},
            {
              label: "Email",              href: "mailto:contato@gemmagalgani.com.br"},
          ],
        },
      ]}
      logoText="Gemma Galgani"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
