"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import { Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="compact"
        sizing="mediumLargeSizeMediumTitles"
        background="aurora"
        cardStyle="glass-elevated"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Início",
          id: "hero",
        },
        {
          name: "Local",
          id: "local",
        },
        {
          name: "Confirmação",
          id: "contact",
        },
      ]}
      brandName="Maria Ísis"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitKpi
      background={{
        variant: "radial-gradient",
      }}
      title="Maria Ísis"
      description="Uma princesa faz um ano. Há 1 ano, Deus nos presenteou com o sorriso mais lindo, o olhar mais doce e o amor mais puro que já conhecemos."
      kpis={[
        {
          value: "27",
          label: "Junho",
        },
        {
          value: "17h",
          label: "Horário",
        },
        {
          value: "1º",
          label: "Aninho",
        },
      ]}
      enableKpiAnimation={true}
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DaIWYYDOxKd1Fqg5zWmRYMcEo8/uploaded-1778513805279-av9qttwn.jpg"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/summer-forest-day-sunshine_23-2147826130.jpg",
          alt: "Summer forest",
        },
        {
          src: "http://img.b2bpic.net/free-photo/enchanted-forest-path-with-mushrooms-butterfly_23-2152018052.jpg",
          alt: "Enchanted path",
        },
        {
          src: "http://img.b2bpic.net/free-photo/forest-beauty-mystery-autumn-tranquil-landscape-generated-by-ai_188544-27670.jpg",
          alt: "Forest mystery",
        },
        {
          src: "http://img.b2bpic.net/free-photo/landscape-scenery-with-magenta-nature_23-2150693779.jpg",
          alt: "Magenta nature",
        },
        {
          src: "http://img.b2bpic.net/free-photo/friend-s-celebration_23-2147640648.jpg",
          alt: "Friend celebration",
        },
      ]}
      marqueeItems={[
        {
          type: "text",
          text: "Amor",
        },
        {
          type: "text",
          text: "Alegria",
        },
        {
          type: "text",
          text: "Gratidão",
        },
        {
          type: "text",
          text: "Família",
        },
        {
          type: "text",
          text: "Felicidade",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={false}
      tag="Nossa Princesa"
      title="Celebre conosco!"
      description="Com imensa felicidade, convidamos você para celebrar o seu primeiro aninho e viver conosco esse momento tão especial e inesquecível."
      subdescription="Esperamos você para comemorar o aniversário da nossa princesa Maria Ísis!"
      icon={Sparkles}
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DaIWYYDOxKd1Fqg5zWmRYMcEo8/uploaded-1778513805279-av9qttwn.jpg"
      mediaAnimation="blur-reveal"
    />
  </div>

  <div id="local" data-section="local">
      <FeatureCardOne
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      features={[
        {
          title: "Endereço",
          description: "Rua Alegre, 123, Cidade Brasileira",
          imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wedding-venue-with-intricate-decor-ornaments_23-2151481479.jpg",
        },
        {
          title: "Localização",
          description: "Clique para abrir no Google Maps",
          button: {
            text: "Ver no Mapa",
            href: "https://maps.app.goo.gl/f3zqHTUxytzz7ypz8",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-old-city-view_1417-1611.jpg",
        },
        {
          title: "Confirmação",
          description: "Confirme sua presença pelo nosso WhatsApp",
          button: {
            text: "Confirmar",
            href: "https://wa.me/559984405352",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/newlyweds-admiring-classic-building_1153-231.jpg",
        },
      ]}
      title="Local do Evento"
      description="Manancial Eventos. Esperamos por você em nosso dia especial."
    />
  </div>

  <div id="presentes" data-section="presentes">
      <ProductCardThree
      textboxLayout="split"
      gridVariant="one-large-right-three-stacked-left"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",
          name: "Roupa",
          price: "Tamanho 2 anos",
          imageSrc: "http://img.b2bpic.net/free-photo/wooden-bright-cubes-with-easy-title_23-2148030978.jpg",
        },
        {
          id: "p2",
          name: "Sandália",
          price: "Tamanho 19",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-gift-boxes-frame-concept_23-2148553283.jpg",
        },
        {
          id: "p3",
          name: "Brinquedo",
          price: "Somente educativo",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-gift-box-rocking-horse-toy-tied-with-blue-ribbon-background_23-2148102812.jpg",
        },
        {
          id: "p4",
          name: "Acessórios",
          price: "Itens delicados",
          imageSrc: "http://img.b2bpic.net/free-photo/decorated-floral-gift-box-with-white-blank-tag_23-2148102841.jpg",
        },
        {
          id: "p5",
          name: "Livros",
          price: "Infantis e educativos",
          imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-gifts-blank-tags-ribbon_23-2148102820.jpg",
        },
        {
          id: "p6",
          name: "Mimos",
          price: "Feitos com carinho",
          imageSrc: "http://img.b2bpic.net/free-photo/view-santa-claus-bag-with-presents-toys_23-2149660847.jpg",
        },
      ]}
      title="Sugestões de Presente"
      description="Sua presença é nosso maior presente, mas caso deseje caso deseje presentear a Maria Ísis:"
    />
  </div>

  <div id="observacoes" data-section="observacoes">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "f1",
          title: "Piscina",
          content: "Terá piscina disponível para as crianças, caso queira banhar levar roupa de banho apropriada.",
        },
        {
          id: "f2",
          title: "Brincadeiras",
          content: "Pula pula, casa de bolinha e muito mais esperando por você.",
        },
        {
          id: "f3",
          title: "Dúvidas",
          content: "Qualquer dúvida, entre em contato pelo nosso WhatsApp informado no convite.",
        },
      ]}
      title="Dicas para as Mamães"
      description="Algumas informações importantes para o bem-estar dos pequenos."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Confirmação"
      title="Confirme sua Presença"
      description="Clique no botão abaixo para confirmar sua presença pelo WhatsApp."
      buttonText="Confirmar pelo WhatsApp"
      onSubmit={(email) => window.open('https://wa.me/559984405352', '_blank')}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="Maria Ísis"
      leftLink={{
        text: "Início",
        href: "#hero",
      }}
      rightLink={{
        text: "WhatsApp",
        href: "https://wa.me/559984405352",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
