"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="compact"
        sizing="mediumLargeSizeLargeTitles"
        background="fluid"
        cardStyle="inset"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Início",          id: "hero"},
        {
          name: "Sobre",          id: "about"},
        {
          name: "Cafés",          id: "products"},
        {
          name: "Contato",          id: "contact"},
      ]}
      brandName="Cafés de Cristais"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardGallery
      background={{
        variant: "gradient-bars"}}
      title="O Melhor Grão do Mundo, direto de Cristais"
      description="Experimente a tradição, o clima e a altitude perfeita de Cristais, Minas Gerais. Cafés selecionados com alma brasileira e sabor inigualável."
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/landscape-volcano-batur-bali-indonesia_72229-1012.jpg?_wi=1",          imageAlt: "Coffe plantation in Cristais"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/view-lots-coffee-beans_23-2149878129.jpg?_wi=1",          imageAlt: "Coffee beans processing"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/latte-cup-garnished-with-cinnamon-sticks-served-wood-box-with-tree-branch_141793-138.jpg",          imageAlt: "Fresh coffee pour"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/adult-nature-coffee-harvesting_23-2151711391.jpg",          imageAlt: "Plantation overview"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/neolithic-period-lifestyle_23-2151786473.jpg",          imageAlt: "Hand-sorted beans"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/coffee-plate-biscuits_114579-22555.jpg",          imageAlt: "Coffee tasting experience"},
      ]}
      mediaAnimation="slide-up"
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={true}
      title="Tradição em Cristais"
      description="Nossa fazenda, localizada nas colinas férteis de Cristais, beneficia-se de um terroir único. Cada grão é cultivado com cuidado minucioso, respeitando os ciclos da natureza e garantindo uma qualidade excepcional."
      imageSrc="http://img.b2bpic.net/free-photo/adult-harvesting-coffee_23-2151711353.jpg"
      imageAlt="Fazenda de Café em Cristais"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardNineteen
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          tag: "Processo",          title: "Altitude Ideal",          subtitle: "Cultivo de precisão",          description: "Altitudes elevadas que garantem sabor mais intenso.",          imageSrc: "http://img.b2bpic.net/free-vector/collection-coffee-objects-flat-design_23-2147605484.jpg"},
        {
          tag: "Sabor",          title: "Solo Mineral",          subtitle: "Terroir exclusivo",          description: "Solo rico em minerais da região de Minas.",          imageSrc: "http://img.b2bpic.net/free-photo/sand-design-with-green-coloured-shades_23-2148254661.jpg"},
        {
          tag: "Qualidade",          title: "Seleção Manual",          subtitle: "Apenas o melhor",          description: "Colheita feita grão a grão para máxima pureza.",          imageSrc: "http://img.b2bpic.net/free-photo/coffee-bags-indoors-branding-concept_23-2151881022.jpg"},
      ]}
      title="Por que nossos grãos são diferentes?"
      description="Descubra o cuidado em cada etapa da produção."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      buttons={[
        { text: "Comprar", href: "#" }
      ]}
      products={[
        {
          id: "1",          name: "Café Bourbon Amarelo",          price: "R$ 45,00",          variant: "250g",          imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-sack-coffee-beans_23-2148180251.jpg"},
        {
          id: "2",          name: "Café Catuaí Vermelho",          price: "R$ 48,00",          variant: "250g",          imageSrc: "http://img.b2bpic.net/free-photo/package-near-yellow-cup-sugar-bowl_23-2148180248.jpg"},
        {
          id: "3",          name: "Café Especial Cristal",          price: "R$ 65,00",          variant: "250g",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-rice-composition-with-copyspace_23-2148130015.jpg"},
        {
          id: "4",          name: "Café Orgânico Natural",          price: "R$ 70,00",          variant: "250g",          imageSrc: "http://img.b2bpic.net/free-photo/scattered-beans-from-sack-near-coffee-maker-box-sugar_23-2148180188.jpg"},
        {
          id: "5",          name: "Blend Montanhês",          price: "R$ 55,00",          variant: "250g",          imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-container_23-2148173321.jpg"},
        {
          id: "6",          name: "Café Gourmet Intense",          price: "R$ 58,00",          variant: "250g",          imageSrc: "http://img.b2bpic.net/free-photo/tattooed-barista-holds-blank-package-bags-with-freshly-baked-coffee-beans-ready-sale-delivery_346278-734.jpg"},
      ]}
      title="Nossas Coleções"
      description="Escolha o perfil de sabor que mais combina com seu dia."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardNine
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      plans={[
        {
          id: "basic",          title: "Plano Essencial (Frete Grátis)",          price: "R$ 90",          period: "/mês",          features: [
            "1 pacote especial",            "Frete fixo"],
          button: {
            text: "Quero Assinar"},
          imageSrc: "http://img.b2bpic.net/free-photo/tea-gardens_1353-273.jpg",          imageAlt: "Tea gardens"},
        {
          id: "pro",          title: "Plano Connoisseur + Brinde",          price: "R$ 160",          period: "/mês",          features: [
            "2 pacotes variados",            "Degustações surpresa",            "Frete grátis"],
          button: {
            text: "Assinar Agora"},
          imageSrc: "http://img.b2bpic.net/free-photo/landscape-volcano-batur-bali-indonesia_72229-1012.jpg?_wi=2",          imageAlt: "Tea gardens"},
        {
          id: "expert",          title: "Plano Expert + Extra Brinde",          price: "R$ 290",          period: "/mês",          features: [
            "4 pacotes exclusivos",            "Acesso a lotes limitados",            "Brinde exclusivo"],
          button: {
            text: "Garantir Vaga"},
          imageSrc: "http://img.b2bpic.net/free-photo/view-lots-coffee-beans_23-2149878129.jpg?_wi=2",          imageAlt: "Tea gardens"},
      ]}
      title="Assinaturas de Café"
      description="Receba em casa os melhores grãos de Cristais mensalmente."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
      animationType="depth-3d"
      textboxLayout="split"
      gridVariant="bento-grid"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",          value: "100+",          description: "Famílias de produtores"},
        {
          id: "m2",          value: "1200m",          description: "Altitude média"},
        {
          id: "m3",          value: "90+",          description: "Pontos na escala Q-Grader"},
      ]}
      title="Nossos Números"
      description="A excelência construída com dedicação."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Ana Souza",          role: "Sommelier",          company: "Coffee Lovers",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-tea-by-christmas-tree_1303-11314.jpg"},
        {
          id: "2",          name: "Pedro Lima",          role: "Barista",          company: "Café & Arte",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-asian-woman-apron-barista-giving-you-cup-coffee-working-cafe-serving-dr_1258-138287.jpg"},
        {
          id: "3",          name: "Carla Mendes",          role: "Foodie",          company: "Gastronomia MG",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-brunette-female-hat-drinks-coffee-summer-park_613910-3471.jpg"},
        {
          id: "4",          name: "Lucas Farias",          role: "Escritor",          company: "Viver bem",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/mature-asian-man-apron-standing-coffee-roasting-equipment-checking-controls_1098-20597.jpg"},
        {
          id: "5",          name: "Bia Rocha",          role: "Chef",          company: "Cozinha da Roça",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-enjoying-delicious-aroma-freshly-made-coffee-holding-mug_1258-203007.jpg"},
      ]}
      kpiItems={[
        {
          value: "4.9",          label: "Avaliação média"},
        {
          value: "5000+",          label: "Cafés entregues"},
        {
          value: "100%",          label: "Satisfação real"},
      ]}
      title="O que dizem os apreciadores"
      description="Clientes apaixonados pela qualidade das montanhas mineiras."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "cell-wave"}}
      text="Quer saber mais sobre nossos cafés ou agendar uma visita à fazenda?"
      buttons={[
        {
          text: "Entrar em contato",          href: "mailto:contato@cristaiscafe.com"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="Cafés de Cristais"
      columns={[
        {
          title: "Navegação",          items: [
            {
              label: "Início",              href: "#hero"},
            {
              label: "Produtos",              href: "#products"},
          ],
        },
        {
          title: "Institucional",          items: [
            {
              label: "Sobre Nós",              href: "#about"},
            {
              label: "Contato",              href: "#contact"},
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}