"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { Award, Coffee, Heart, Sparkles, Crown } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="mediumLarge"
        sizing="largeSizeMediumTitles"
        background="floatingGradient"
        cardStyle="solid"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="solid"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        { name: "Início", id: "hero" },
        { name: "Catálogo", id: "products" },
        { name: "Depoimentos", id: "testimonials" },
        { name: "Contato", id: "contact" },
      ]}
      brandName="Casa Brasil"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplit
      background={{ variant: "gradient-bars" }}
      title="Cozinha Afetiva: Onde o Afeto Vira Arte."
      description="Confeitaria artesanal de luxo, transformando momentos em memórias inesquecíveis através do sabor e da sofisticação."
      buttons={[
        { text: "Monte seu Bolo", href: "/contact" },
        { text: "Ver Catálogo", href: "/products" },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/slice-cheesecake-with-fruit-salad_114579-17913.jpg"
      imageAlt="Bolo artesanal de luxo Casa Brasil"
      mediaAnimation="blur-reveal"
      avatars={[
        { src: "http://img.b2bpic.net/free-photo/older-friends-eating-restaurant_23-2149316782.jpg", alt: "Client 1" },
        { src: "http://img.b2bpic.net/free-photo/close-up-smiley-people-with-food_23-2149152879.jpg", alt: "Client 2" },
        { src: "http://img.b2bpic.net/free-photo/happy-lunch_1098-15088.jpg", alt: "Client 3" },
        { src: "http://img.b2bpic.net/free-photo/healthy-people-girl-happy-lunch_1303-1901.jpg", alt: "Client 4" },
        { src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-baker_23-2149233681.jpg", alt: "Client 5" },
      ]}
      avatarText="Junte-se a mais de 5.000 clientes satisfeitos"
      marqueeItems={[
        { type: "text-icon", text: "Artesanal", icon: Sparkles },
        { type: "text-icon", text: "Sofisticado", icon: Award },
        { type: "text-icon", text: "Afetivo", icon: Heart },
        { type: "text-icon", text: "Premium", icon: Crown },
        { type: "text-icon", text: "Gourmet", icon: Coffee },
      ]}
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        { id: "p1", name: "Bolo Clássico", price: "R$ 150", imageSrc: "http://img.b2bpic.net/free-photo/assortment-delicious-sweet-goodies_23-2148900935.jpg" },
        { id: "p2", name: "Doces Decorados", price: "R$ 80", imageSrc: "http://img.b2bpic.net/free-photo/sweet-cakes-with-fruits-dark-blue_140725-32425.jpg" },
        { id: "p3", name: "Kit Festa Gourmet", price: "R$ 300", imageSrc: "http://img.b2bpic.net/free-photo/buffet-breakfast-with-desserts_116348-83.jpg" },
        { id: "p4", name: "Salgados Premium", price: "R$ 120", imageSrc: "http://img.b2bpic.net/free-photo/top-view-freshly-baked-cake-with-raspberries-babies-white-tray-mixed-color-table_140725-91889.jpg" },
        { id: "p5", name: "Edição Siciliano", price: "R$ 180", imageSrc: "http://img.b2bpic.net/free-photo/sophisticated-tea-party-assortment_23-2149045921.jpg" },
        { id: "p6", name: "Seleção Páprica", price: "R$ 210", imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-cakes-with-pomegranate-plate-cake-strawberries-seeds-pomegranate-lemon-cookies-table_140725-123556.jpg" },
      ]}
      title="Nossas Criações"
      description="Explora nosso menu de prestígio, feito com ingredientes selecionados."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardSeven
      animationType="scale-rotate"
      textboxLayout="split"
      useInvertedBackground={false}
      metrics={[
        { id: "m1", value: "12+", title: "Anos de História", items: ["Chefes especialistas", "Dedicação total", "Cozinha afetiva"] },
        { id: "m2", value: "5k", title: "Bolos Entregues", items: ["Momentos únicos", "Eventos prestígio", "Experiência premium"] },
        { id: "m3", value: "100%", title: "Clientes Satisfeitos", items: ["Qualidade garantida", "Ingredientes nobres", "Atendimento VIP"] },
      ]}
      title="Tradição em Números"
      description="Anos de dedicação à confeitaria de alto nível."
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={true}
      title="A Essência da Casa Brasil"
      metrics={[
        { icon: Sparkles, label: "Artesanal", value: "100%" },
        { icon: Award, label: "Qualidade", value: "Premium" },
        { icon: Heart, label: "Afetividade", value: "Alta" },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="bento-grid"
      useInvertedBackground={false}
      testimonials={[
        { id: "t1", name: "Ana Silva", role: "Festeira", company: "Cliente VIP", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/chef-standing-by-counter-serving-salad-from-cabbage-holding-chilli-pepper_1303-32139.jpg" },
        { id: "t2", name: "Carlos Souza", role: "Empresário", company: "Cliente VIP", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-bakery-owner-counter-with-croissant-talking-mobile-phone_23-2148189128.jpg" },
        { id: "t3", name: "Mariana Lima", role: "Arquiteta", company: "Cliente VIP", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/patient-enjoying-free-time-after-chemotherapy-treatment_23-2149261143.jpg" },
        { id: "t4", name: "João Pereira", role: "Médico", company: "Cliente VIP", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-yellow-dress_23-2148510192.jpg" },
        { id: "t5", name: "Beatriz Rocha", role: "Advogada", company: "Cliente VIP", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-woman-holding-muffins-hands_23-2147974707.jpg" },
      ]}
      title="Histórias de Afeto"
      description="O que nossos clientes dizem sobre a Casa Brasil."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        { id: "f1", title: "Como faço um pedido?", content: "Basta clicar em 'Monte seu Bolo' e seguir o assistente, finalizando via WhatsApp." },
        { id: "f2", title: "Qual a antecedência mínima?", content: "Recomendamos pelo menos 72 horas para bolos personalizados de prestígio." },
        { id: "f3", title: "Como funciona a entrega?", content: "Realizamos entregas via portador especializado ou retirada na nossa cozinha artesanal." },
      ]}
      sideTitle="Dúvidas Frequentes"
      sideDescription="Tudo o que você precisa saber para realizar seu pedido."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      tag="Pedido Via WhatsApp"
      title="Vamos criar o bolo dos seus sonhos?"
      description="Personalize agora sua experiência Casa Brasil e encante a todos."
      background={{ variant: "radial-gradient" }}
      useInvertedBackground={false}
      onSubmit={(email) => console.log("Form submitted: ", email)}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      columns={[
        {
          title: "Navegação", items: [{ label: "Início", href: "/" }, { label: "Catálogo", href: "/products" }, { label: "Contato", href: "/contact" }],
        },
        {
          title: "Social", items: [{ label: "Instagram", href: "#" }, { label: "WhatsApp", href: "#" }, { label: "Pinterest", href: "#" }],
        },
        {
          title: "Legal", items: [{ label: "Termos", href: "#" }, { label: "Privacidade", href: "#" }],
        },
      ]}
      logoText="Casa Brasil"
      copyrightText="© 2025 Casa Brasil - Cozinha Afetiva"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}