"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import ProductCardThree from '@/components/sections/product/ProductCardThree';

export default function GalleryPage() {
  return (
    <ThemeProvider>
      <ReactLenis root>
        <NavbarStyleCentered navItems={[{name: "Home", id: "/"}, {name: "Gallery", id: "/gallery"}, {name: "Booking", id: "/booking"}]} brandName="Madhur Radio" />
        <div className="pt-32 pb-20">
            <ProductCardThree
                title="Event Portfolio"
                description="Explore our past event setups and lighting configurations."
                gridVariant="two-columns-alternating-heights"
                animationType="slide-up"
                textboxLayout="default"
                products={[
                    { id: "g1", name: "Wedding Reception Setup", price: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/world-theatre-day-celebration_23-2151185526.jpg?_wi=2" },
                    { id: "g2", name: "Night Party Lighting", price: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/male-dj-party-charge-music-entertainment_23-2149658386.jpg?_wi=2" },
                    { id: "g3", name: "Festival Setup", price: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/tech-elements-close-up-background_23-2148882624.jpg?_wi=2" }
                ]}
            />
        </div>
        <FooterBaseReveal logoText="Madhur Radio" columns={[]} />
      </ReactLenis>
    </ThemeProvider>
  );
}