"use client";

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

export default function StoryPage() {
  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="about" data-section="about" className="pt-32 pb-20">
            <SplitAbout
                title="Нашата история"
                description="Създадена с любов край брега на Поморие, La Habana Beach е повече от плажен бар — тя е споделена мечта за безкрайно лято. Вдъхновени от духа на Куба, ние създадохме място, където времето спира, а спомените остават за цял живот."
                textboxLayout="split"
                imageSrc="http://img.b2bpic.net/free-photo/tropical-lifestyle-umbrella-outdoor-beach_1203-4747.jpg"
                useInvertedBackground={false}
                bulletPoints={[
                    { title: "Духът на Куба", description: "автентични ритми и тропическо настроение." },
                    { title: "Местна страст", description: "съчетаваме световния опит с българското гостоприемство." },
                    { title: "Залезът като религия", description: "нашето място е храмът на най-красивите залези." }
                ]}
            />
        </div>
        <div id="footer" data-section="footer">
          <FooterBaseCard
              logoText="La Habana Beach"
              columns={[
                  { title: "Навигация", items: [{ label: "Начало", href: "/" }, { label: "Коктейли", href: "/signature-cocktails" }, { label: "Събития", href: "/events" }, { label: "VIP", href: "/vip" }] }
              ]}
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}