"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="smallMedium"
        sizing="largeSmallSizeLargeTitles"
        background="blurBottom"
        cardStyle="layered-gradient"
        primaryButtonStyle="flat"
        secondaryButtonStyle="glass"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      brandName="GourmetAgency"
      navItems={[
        { name: "Home", id: "hero" },
        { name: "Pricing", id: "/pricing" },
        { name: "Enroll", id: "/enrollment" },
        { name: "Contact", id: "contact" }
      ]}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCentered
      background={{
        variant: "gradient-bars"}}
      title="Defining Premium Hospitality Excellence"
      description="We craft bespoke identities, strategies, and digital experiences for the world's most prestigious culinary brands."
      avatars={[
        { src: "http://img.b2bpic.net/free-photo/vertical-shot-smiling-cute-barista-girl-pouring-filter-coffee-making-order-cafe-client_1258-203375.jpg", alt: "Client" },
        { src: "http://img.b2bpic.net/free-photo/medium-shot-plus-size-man-working-as-barista_23-2150754672.jpg", alt: "Client" },
        { src: "http://img.b2bpic.net/free-photo/smiling-asian-girl-barista-giving-order-client-holding-takeaway-coffee-cup-wearing-apron-working_1258-199319.jpg", alt: "Client" },
      ]}
      avatarText="Trusted by 50+ world-class restaurants"
      buttons={[
        { text: "View Pricing", href: "/pricing" },
      ]}
      buttonAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      logoText="GourmetAgency"
      columns={[
        { items: [{ label: "Home", href: "/" }, { label: "Pricing", href: "/pricing" }] },
        { items: [{ label: "Enrollment", href: "/enrollment" }] }
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}