"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';
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';

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: "Melhores", id: "beans-showcase" },
        { 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" }
      ]}
      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="beans-showcase" data-section="beans-showcase">
      <TeamCardEleven
        title="Seleção Premium"
        description="Os grãos mais prestigiados da nossa safra atual, colhidos no auge da maturação."
        textboxLayout="split"
        useInvertedBackground={false}
        animationType="slide-up"
        groups={[
          {
            id: "top-tier",            groupTitle: "Escolhas do Mestre",            members: [
              { id: "1", title: "Cristal Ouro", subtitle: "Torra Média", detail: "Notas de caramelo e chocolate amargo.", imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-container_23-2148173321.jpg" },
              { id: "2", title: "Vale das Neblinas", subtitle: "Torra Clara", detail: "Floral, frutado e levemente ácido.", imageSrc: "http://img.b2bpic.net/free-photo/scattered-beans-from-sack-near-coffee-maker-box-sugar_23-2148180188.jpg" }
            ]
          }
        ]}
      />
  </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" }
      ]}
      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", price: "R$ 90", period: "/mês", features: ["1 pacote especial", "Frete fixo"], button: { text: "Quero Assinar" } },
        { id: "pro", title: "Plano Connoisseur", price: "R$ 160", period: "/mês", features: ["2 pacotes variados", "Degustações surpresa"], button: { text: "Assinar Agora" } }
      ]}
      title="Assinaturas"
      description="Receba mensalmente em casa."
    />
  </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>
  );
}