"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Clock, Coffee, Heart, MapPin, Phone, Sparkles, Star, Users, Wallet } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="compact"
        sizing="mediumLarge"
        background="noise"
        cardStyle="solid"
        primaryButtonStyle="flat"
        secondaryButtonStyle="solid"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Cardápio",
          id: "#menu",
        },
        {
          name: "Sobre",
          id: "#about",
        },
        {
          name: "Avaliações",
          id: "#reviews",
        },
        {
          name: "Contato",
          id: "#contact",
        },
        {
          name: "Reservar Mesa",
          id: "https://example.com/reservar-mesa",
        },
      ]}
      brandName="Affetto Caffè"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCentered
      background={{
        variant: "plain",
      }}
      title="Onde cada xícara conta uma história"
      description="No Affetto Caffè, cada visita é uma celebração de sabor e afeto. Desfrute de cafés especiais, gastronomia italiana e um ambiente acolhedor, onde a paixão pelo café se encontra com a tradição em Duque de Caxias."
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/beautiful-woman-holding-book-close-up_23-2148396302.jpg",
          alt: "Foto de cliente satisfeito",
        },
        {
          src: "http://img.b2bpic.net/free-photo/close-up-cheerful-friendly-carefree-redhead-girl-laughing_176420-30749.jpg",
          alt: "Foto de cliente satisfeito",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-cheerful-pretty-tattooed-girl-smiling-biting-lip_176420-9478.jpg",
          alt: "Foto de cliente satisfeito",
        },
        {
          src: "http://img.b2bpic.net/free-photo/isolated-studio-portrait-stylish-caucasian-girl-dressed-trendy-clothes-standing-white-wall_273609-9055.jpg",
          alt: "Foto de cliente satisfeito",
        },
        {
          src: "http://img.b2bpic.net/free-photo/smiling-handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6626.jpg",
          alt: "Cliente sorrindo",
        },
      ]}
      avatarText="★ 4,5 · 126 avaliações Google"
      buttons={[
        {
          text: "Ver Cardápio",
          href: "#menu",
        },
        {
          text: "Como Chegar",
          href: "#contact",
        },
      ]}
      marqueeItems={[
        {
          type: "text",
          text: "Café Fresco Diário",
        },
        {
          type: "text-icon",
          text: "Ambiente Acolhedor",
          icon: Heart,
        },
        {
          type: "text",
          text: "Sabores Autênticos",
        },
        {
          type: "text-icon",
          text: "Experiência Única",
          icon: Sparkles,
        },
        {
          type: "text",
          text: "Tradição Italiana",
        },
      ]}
    />
  </div>

  <div id="info" data-section="info">
      <AboutMetric
      useInvertedBackground={true}
      title="Detalhes Essenciais"
      metrics={[
        {
          icon: Clock,
          label: "Horário de Funcionamento",
          value: "Seg–Sex 08h–22h, Sáb 09h–23h",
        },
        {
          icon: MapPin,
          label: "Nosso Endereço",
          value: "R. Prof. José de Souza Herdy, 1235 – Caxias",
        },
        {
          icon: Phone,
          label: "Telefone para Contato",
          value: "(21) 99719-2404",
        },
        {
          icon: Wallet,
          label: "Faixa de Preço",
          value: "R$20–40 por pessoa",
        },
      ]}
      metricsAnimation="entrance-slide"
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={false}
      title="Nossa História, Nosso Café, Nosso Afeto."
      metrics={[
        {
          icon: Users,
          label: "Avaliações Google",
          value: "126",
        },
        {
          icon: Star,
          label: "Média de Satisfação",
          value: "4,5★",
        },
        {
          icon: Heart,
          label: "Carinho Diário",
          value: "100%",
        },
        {
          icon: Coffee,
          label: "A partir de",
          value: "R$20",
        },
      ]}
      metricsAnimation="entrance-slide"
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardFour
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "cappuccino",
          name: "Cappuccino",
          price: "R$12",
          variant: "Cafés & Bebidas",
          imageSrc: "http://img.b2bpic.net/free-photo/fruit-tea-with-cookies-cups-table_140725-7858.jpg",
          imageAlt: "Xícara de Cappuccino",
        },
        {
          id: "expresso",
          name: "Expresso",
          price: "R$7",
          variant: "Cafés & Bebidas",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-still-life-hot-water-composition_23-2149055850.jpg",
          imageAlt: "Xícara de Expresso",
        },
        {
          id: "chocolate-quente",
          name: "Chocolate Quente Cremoso",
          price: "R$14",
          variant: "Cafés & Bebidas",
          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-frame-with-delicious-beverage-copy-space_23-2148325576.jpg",
          imageAlt: "Chocolate Quente Cremoso",
        },
        {
          id: "strogonoff",
          name: "Strogonoff de Camarão",
          price: "R$38",
          variant: "Pratos Principais",
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-fusion-food-with-sushi-seasonings-plate-wooden-surface_181624-42994.jpg",
          imageAlt: "Prato de Strogonoff de Camarão",
        },
        {
          id: "parmeggiana",
          name: "Parmeggiana de Frango",
          price: "R$35",
          variant: "Pratos Principais",
          imageSrc: "http://img.b2bpic.net/free-photo/baked-cannelloni-with-cheese-bechamel-sauce_123827-36261.jpg",
          imageAlt: "Prato de Parmeggiana de Frango",
        },
        {
          id: "bolo-chocolate",
          name: "Bolo de Chocolate",
          price: "R$18",
          variant: "Sobremesas",
          imageSrc: "http://img.b2bpic.net/free-photo/cherry-cake-slice-with-fresh-sour-cherries-milk-dark_140725-31988.jpg",
          imageAlt: "Fatia de Bolo de Chocolate",
        },
      ]}
      title="Nosso Cardápio"
      description="Uma seleção cuidadosamente elaborada para todos os paladares. Descubra nossos cafés especiais, lanches saborosos, pratos principais e sobremesas irresistíveis.\n\n**Cafés & Bebidas:** Cappuccino R$12, Expresso R$7, Café Para 2 R$18, Chocolate Quente Cremoso R$14, Afogato R$16, Suco R$10\n**Lanches:** Torrada Petrópolis R$15, Croque Madame R$22\n**Pratos Principais:** Strogonoff de Camarão R$38, Parmeggiana de Frango R$35\n**Sobremesas:** Bolo de Chocolate R$18"
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardSixteen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Juliana Santos",
          role: "Cliente Satisfeita",
          company: "Google",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/jolly-upbeat-person-sitting-home-desk-exulting-feeling-satisfied-close-up_482257-123062.jpg",
          imageAlt: "Foto de Juliana Santos",
        },
        {
          id: "2",
          name: "Marcos Almeida",
          role: "Cliente Satisfeito",
          company: "Google",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-african-man-looking_171337-9852.jpg",
          imageAlt: "Foto de Marcos Almeida",
        },
        {
          id: "3",
          name: "Carla Pereira",
          role: "Cliente Satisfeita",
          company: "Google",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-carefree-woman-enjoying-morning-outdoor-coffee-shop_74855-3463.jpg",
          imageAlt: "Foto de Carla Pereira",
        },
        {
          id: "4",
          name: "Rafael Costa",
          role: "Cliente Satisfeito",
          company: "Google",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-hands-holding-using-modern-smart-phone-cafe-shop_231208-11099.jpg",
          imageAlt: "Foto de Rafael Costa",
        },
        {
          id: "5",
          name: "Fernanda Lima",
          role: "Cliente Satisfeita",
          company: "Google",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-white-shirt-showing-ok-signs-looking-happy_176474-17426.jpg",
          imageAlt: "Foto de Fernanda Lima",
        },
      ]}
      kpiItems={[
        {
          value: "4.5",
          label: "Estrelas Médias",
        },
        {
          value: "126+",
          label: "Avaliações Positivas",
        },
        {
          value: "Qualidade",
          label: "Sabor & Afeto",
        },
      ]}
      title="O Que Nossos Clientes Dizem"
      description="A satisfação de quem nos visita é a nossa maior recompensa. Leia alguns dos depoimentos de nossos clientes e sinta o afeto que dedicamos em cada detalhe."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={true}
      background={{
        variant: "plain",
      }}
      tag="Fale Conosco"
      title="Visite-nos ou Entre em Contato"
      description="Estamos localizados no coração de Duque de Caxias, prontos para te receber com o melhor café e um ambiente aconchegante. \n\n**Endereço:** R. Prof. José de Souza Herdy, 1235 – Jardim 25 de Agosto, Duque de Caxias - RJ, 25075-355\n**Telefone:** (21) 99719-2404\n**Instagram:** [@affettocaffe](https://www.instagram.com/affettocaffe)\n\n**Horário de Funcionamento:**\nSegunda a Sexta: 08h às 22h\nSábado: 09h às 23h\nDomingo: Fechado\n\n[Ver no Google Maps](https://www.google.com/maps/search/?api=1&query=Affetto+Caff%C3%A8,+R.+Prof.+Jos%C3%A9+de+Souza+Herdy,+1235+%E2%80%93+Jardim+25+de+Agosto,+Duque+de+Caxias+-+RJ,+25075-355)\n[Chamar no WhatsApp](https://wa.me/5521997192404)"
      inputPlaceholder="Seu email para novidades"
      buttonText="Assinar Novidades"
      termsText="Ao clicar em Assinar Novidades, você concorda com nossos Termos e Condições."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="Affetto Caffè"
      leftLink={{
        text: "Política de Privacidade",
        href: "#",
      }}
      rightLink={{
        text: "Termos de Uso",
        href: "#",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
