"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';

export default function EventsPage() {
  return (
    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarLayoutFloatingOverlay 
            navItems={[{ name: "Начало", id: "/" }, { name: "История", id: "/story" }, { name: "Коктейли", id: "/signature-cocktails" }, { name: "Събития", id: "/events" }, { name: "VIP", id: "/vip" }]} 
            brandName="La Habana Beach" 
          />
        </div>
        <div id="menu" data-section="menu" className="pt-32 pb-20">
            <FeatureCardTwentyFour
              title="Предстоящи събития"
              description="Открий магията на нашите музикални вечери, тематични партита и специални изпълнения под звездите."
              textboxLayout="default"
              useInvertedBackground={false}
              animationType="slide-up"
              features={[
                { id: "e1", title: "Sunset Jazz Night", author: "La Habana", description: "Лежерни джаз ритми всеки четвъртък по залез.", tags: ["Музика", "Джаз"], imageSrc: "http://img.b2bpic.net/free-photo/jazz-club-live-music-concept_23-2149176104.jpg" },
                { id: "e2", title: "Tropical Party", author: "La Habana", description: "Най-горещите летни хитове с топ DJ-и всяка събота.", tags: ["Парти", "DJ"], imageSrc: "http://img.b2bpic.net/free-photo/summer-party-beach-people-dancing_23-2148666656.jpg" }
              ]}
            />
        </div>
        <div id="footer" data-section="footer">
          <FooterBaseCard 
              logoText="La Habana Beach" 
              columns={[{ title: "Навигация", items: [{ label: "Начало", href: "/" }, { label: "История", href: "/story" }, { label: "Коктейли", href: "/signature-cocktails" }, { label: "VIP", href: "/vip" }] }]} 
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}