"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import { Award, Clock, Home, MapPin } from "lucide-react";
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="compact"
        sizing="medium"
        background="none"
        cardStyle="soft-shadow"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Início",          id: "hero"},
        {
          name: "Sobre Nós",          id: "about"},
        {
          name: "Diferenciais",          id: "features"},
        {
          name: "Produtos",          id: "products"},
        {
          name: "Depoimentos",          id: "testimonials"},
        {
          name: "Contato",          id: "contact"},
      ]}
      button={{
        text: "Fazer Pedido",        href: "#contact"}}
      brandName="Crema & Co. Café"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogoBillboard
      background={{
        variant: "radial-gradient"}}
      logoText="Crema & Co. Café"
      description="Experimente a pausa perfeita. Curadoria artesanal e sabores únicos em um ambiente acolhedor, onde cada xícara conta uma história."
      buttons={[
        {
          text: "Nosso Menu",          href: "#products"},
        {
          text: "Visite-nos",          href: "#contact"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/hazelnuts-coffee-autumn-breakfast_23-2147885882.jpg"
      imageAlt="Detalhe de café sendo preparado em ambiente aconchegante"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={false}
      title="Nossa Paixão pelo Café"
      description="Na Crema & Co., acreditamos que o café é mais que uma bebida: é um ritual. Com cuidado artesanal, selecionamos os melhores grãos de parceiros como Terradillo e Mitto, garantindo que cada xícara seja uma experiência memorável. Criamos um espaço onde o aconchego e a sofisticação se encontram, convidando você a desacelerar e saborear a vida."
      imageSrc="http://img.b2bpic.net/free-photo/serious-stylish-girl-with-blonde-hair-pink-lips-sitting-coffee-shop-with-wooden-chairs-table-she-holds-cup-cofee_197531-98.jpg"
      imageAlt="Interior aconchegante da cafeteria Crema & Co. Café"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureHoverPattern
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          icon: Award,
          title: "Curadoria de Grãos",          description: "Selecionamos apenas cafés especiais de origem, em parceria com produtores que valorizam a qualidade e sustentabilidade."},
        {
          icon: Home,
          title: "Ambiente Acolhedor",          description: "Um refúgio para seus sentidos, com design que une o rústico ao sofisticado, convidando a momentos de paz e boas conversas."},
        {
          icon: Clock,
          title: "Pausa Consciente",          description: "Promovemos uma cultura de desaceleração, onde o tempo é seu para desfrutar plenamente de cada gole e cada sabor."},
      ]}
      title="O Que Nos Torna Especiais"
      description="Cada detalhe na Crema & Co. é pensado para enriquecer sua experiência. Descubra os pilares que fazem do nosso café um destino único."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      carouselMode="buttons"
      products={[
        {
          id: "specialty-coffee-bag",          name: "Café Especial Blend da Casa",          price: "R$ 49,90",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-coffee-cups-with-foam_23-2149514290.jpg",          imageAlt: "Embalagem de café especial em grãos"},
        {
          id: "iced-latte",          name: "Iced Latte Cremoso",          price: "R$ 18,00",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-delicious-iced-coffee_52683-91642.jpg",          imageAlt: "Copo de iced latte com bastante espuma"},
        {
          id: "artisanal-brownie",          name: "Brownie Artesanal de Chocolate",          price: "R$ 15,00",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-chocolate-cake_23-2148549978.jpg",          imageAlt: "Brownie de chocolate em prato de cerâmica"},
      ]}
      title="Nossos Sabores"
      description="Explore nossa seleção de cafés especiais e delícias artesanais, cuidadosamente escolhidos para você."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",          title: "Experiência Memorável",          quote: "A Crema & Co. é meu refúgio favorito! O café é impecável e o ambiente transmite uma paz incrível. Sempre um prazer visitar.",          name: "Ana Clara",          role: "@anaclara.s",          imageSrc: "http://img.b2bpic.net/free-photo/pensive-woman-with-silent-facial-expression_329181-9873.jpg",          imageAlt: "Foto de Ana Clara"},
        {
          id: "2",          title: "Experiência Memorável",          quote: "Impressionante a qualidade dos grãos e a expertise dos baristas. Cada café é uma descoberta. Recomendo fortemente!",          name: "Rodrigo Silva",          role: "@rodrigo.s",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-young-man-online-tutor-businessman-working-cafe-remotely-waving-hand_1258-245358.jpg",          imageAlt: "Foto de Rodrigo Silva"},
        {
          id: "3",          title: "Experiência Memorável",          quote: "O Brownie com café é a combinação perfeita! Um lugar charmoso para encontros e para trabalhar em paz. Adoro!",          name: "Isabela Martins",          role: "@isabelam",          imageSrc: "http://img.b2bpic.net/free-photo/attractive-girl-with-notepad_158595-1004.jpg",          imageAlt: "Foto de Isabela Martins"},
        {
          id: "4",          title: "Experiência Memorável",          quote: "Desde a atenção no atendimento até a complexidade dos sabores, tudo na Crema & Co. é de alto nível. Virou meu ponto certo.",          name: "Lucas Pereira",          role: "@lucasp_eng",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-coffee-cup_23-2149512494.jpg",          imageAlt: "Foto de Lucas Pereira"},
      ]}
      title="O Que Nossos Clientes Dizem"
      description="A melhor parte do nosso trabalho é ver a felicidade de quem nos visita. Leia o que dizem sobre a experiência Crema & Co."
    />
  </div>

  <div id="contact" data-section="contact">
      <FaqDouble
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      faqsAnimation="slide-up"
      faqs={[
        {
          id: "1",          title: "Qual o horário de funcionamento?",          content: "Estamos abertos de terça a domingo, das 9h às 19h. Fechados às segundas-feiras."},
        {
          id: "2",          title: "Vocês aceitam reservas?",          content: "Não aceitamos reservas, pois nosso espaço é rotativo. Venha quando quiser e aproveite!"},
        {
          id: "3",          title: "Existe estacionamento no local?",          content: "Temos algumas vagas limitadas em frente à cafeteria e opções de estacionamento público nas ruas próximas."},
      ]}
      title="Perguntas Frequentes"
      description="Encontre respostas para suas dúvidas mais comuns sobre a Crema & Co. Café e como podemos te servir melhor."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      logoText="Crema & Co. Café"
      columns={[
        {
          items: [
            {
              label: "Início",              href: "#hero"},
            {
              label: "Sobre Nós",              href: "#about"},
            {
              label: "Produtos",              href: "#products"},
            {
              label: "Contato",              href: "#contact"},
          ],
        },
        {
          items: [
            {
              label: "Cafés Especiais",              href: "#products"},
            {
              label: "Bebidas Geladas",              href: "#products"},
            {
              label: "Doces Artesanais",              href: "#products"},
          ],
        },
        {
          items: [
            {
              label: "Instagram",              href: "https://instagram.com/cremacafeteria"},
            {
              label: "Facebook",              href: "#"},
            {
              label: "TikTok",              href: "#"},
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}