28444ca1-8968-48ae-af89-21be324be236/src/app/page.tsx

"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { Calendar, Leaf, Music, Users, Utensils, Wine, LayoutDashboard, BarChart3, Settings, LogOut } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="compact"
        sizing="largeSmall"
        background="noise"
        cardStyle="solid"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        { name: "Início", id: "hero" },
        { name: "Sobre", id: "about" },
        { name: "Menu", id: "menu" },
        { name: "Depoimentos", id: "testimonials" },
        { name: "Contato", id: "contact" },
      ]}
      brandName="Lago"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardDashboard
      title="Sabores Requintados, Noites Inesquecíveis."
      description="O Lago Gastrobar une a culinária contemporânea e uma atmosfera social vibrante no coração da cidade."
      background={{ variant: "gradient-bars" }}
      buttons={[{ text: "Ver Menu", href: "#menu" }]}
      dashboard={{
        title: "Lago Gastrobar",        logoIcon: Wine,
        sidebarItems: [{ icon: LayoutDashboard, active: true }, { icon: BarChart3 }, { icon: Settings }, { icon: LogOut }],
        buttons: [{ text: "Configurações", href: "#" }],
        stats: [
          { title: "Visitantes", values: [15000, 15000, 15000], description: "Clientes satisfeitos" },
          { title: "Rótulos", values: [120, 120, 120], description: "Coleção Premium" },
          { title: "Menus", values: [24, 24, 24], description: "Criações sazonais" }
        ],
        imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EDDjUrQ95kEtXrWfooX8eJV7BY/uploaded-1779705044061-1tvfg3fo.png?_wi=1",        listItems: [
            { icon: Utensils, title: "Ribeye Maturado", status: "Disponível" },
            { icon: Utensils, title: "Vieiras Seladas", status: "Destaque" }
        ]
      }}
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      tag="Nossa História"
      title="Criado com Paixão, Servido com Coração."
      description="No Lago, cada ingrediente é uma escolha cuidadosa e cada receita, uma narrativa. Criamos experiências que permanecem na memória."
      subdescription="Desde produtos frescos da estação até destilados artesanais, nosso foco é a qualidade e a comunidade."
      icon={Utensils}
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EDDjUrQ95kEtXrWfooX8eJV7BY/uploaded-1779705044061-9myzp0bh.png?_wi=2"
      mediaAnimation="blur-reveal"
      useInvertedBackground={false}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureHoverPattern
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      features={[
        { icon: Wine, title: "Seleção de Vinhos", description: "Rótulos escolhidos de vinícolas renomadas." },
        { icon: Leaf, title: "Do Campo à Mesa", description: "Ingredientes locais frescos em cada temporada." },
        { icon: Music, title: "Ambiente Envolvente", description: "Jazz ao vivo e curadoria musical para o seu jantar." },
      ]}
      title="Por que o Lago?"
      description="Descubra o que torna nosso gastrobar especial."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={false}
      products={[
        { id: "1", name: "Ribeye Maturado", price: "R$ 180", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EDDjUrQ95kEtXrWfooX8eJV7BY/uploaded-1779705044061-v78exxbl.png?_wi=2" },
        { id: "2", name: "Vieiras Seladas", price: "R$ 160", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EDDjUrQ95kEtXrWfooX8eJV7BY/uploaded-1779705044061-1tvfg3fo.png?_wi=2" },
        { id: "3", name: "Pasta ao Trufo", price: "R$ 140", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EDDjUrQ95kEtXrWfooX8eJV7BY/uploaded-1779705044061-9myzp0bh.png?_wi=3" },
        { id: "4", name: "Spritz Exclusivo", price: "R$ 45", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EDDjUrQ95kEtXrWfooX8eJV7BY/uploaded-1779705044061-elqyp8mr.png?_wi=2" },
      ]}
      title="Criações do Chef"
      description="Uma curadoria de sabores desenhada para surpreender seus sentidos."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      metrics={[
        { id: "m1", value: "15K+", title: "Clientes Felizes", description: "Atendidos com excelência", icon: Users },
        { id: "m2", value: "24", title: "Menus Sazonais", description: "Lançamentos anuais", icon: Calendar },
        { id: "m3", value: "120", title: "Rótulos Premium", description: "Espirituosos e vinhos", icon: Wine },
      ]}
      title="Lago em Números"
      description="Uma prova de nossa dedicação à alta gastronomia."
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardSix
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      members={[
        { id: "t1", name: "Marco V.", role: "Chef Executivo", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EDDjUrQ95kEtXrWfooX8eJV7BY/uploaded-1779705044061-84fg2m4e.png?_wi=2" },
        { id: "t2", name: "Elena R.", role: "Gerente Geral", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EDDjUrQ95kEtXrWfooX8eJV7BY/uploaded-1779705044061-1tvfg3fo.png?_wi=3" },
        { id: "t3", name: "Sandro L.", role: "Mixologista", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EDDjUrQ95kEtXrWfooX8eJV7BY/uploaded-1779705044061-v78exxbl.png?_wi=3" },
      ]}
      title="Nossa Equipe"
      description="Talentos dedicados a elevar sua experiência gastronômica."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        { id: "1", name: "Sarah J.", handle: "@sarah_j", testimonial: "O ribeye estava divino. Atmosfera extremamente refinada.", rating: 5 },
        { id: "2", name: "Michael C.", handle: "@m_chen", testimonial: "Melhores drinks da cidade. Atendimento nota 10!", rating: 5 },
        { id: "3", name: "Emily R.", handle: "@emily_r", testimonial: "Amo o foco em ingredientes locais. Tudo fresco.", rating: 5 },
      ]}
      showRating={true}
      title="O Que Dizem de Nós"
      description="Histórias de nossos clientes habituais."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{ variant: "sparkles-gradient" }}
      tag="Localização e Contato"
      title="Venha nos Conhecer"
      description="Estamos localizados no coração da cidade. Faça sua reserva ou fale com nossa equipe."
      buttons={[
        { text: "Ver no Mapa", href: "https://maps.app.goo.gl/4XVaGshB3Qd45opd7" },
        { text: "Reservar Mesa", href: "#" }
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[
        { items: [{ label: "Menu", href: "#menu" }, { label: "Sobre", href: "#about" }] },
        { items: [{ label: "Reservas", href: "#" }, { label: "Eventos", href: "#" }] },
        { items: [{ label: "Políticas", href: "#" }, { label: "Termos", href: "#" }] },
      ]}
      logoText="Lago"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}