"use client";

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

export default function PortfolioPage() {
  return (
    <ThemeProvider>
      <ReactLenis root>
        <NavbarLayoutFloatingInline
          navItems={[
            { name: "Home", id: "/" },
            { name: "Services", id: "/services" },
            { name: "Portfolio", id: "/portfolio" },
          ]}
          brandName="Chandigi"
        />
        <div className="pt-32 pb-20">
            <ProductCardOne
                title="Featured Projects"
                description="A showcase of our recent growth campaigns and web development work."
                gridVariant="three-columns-all-equal-width"
                animationType="slide-up"
                textboxLayout="default"
                products={[
                    { id: "p1", name: "Retail Growth System", price: "Growth", imageSrc: "http://img.b2bpic.net/free-photo/modern-businessman-uses-digital-graphs-analytics-improve-finance-models_482257-126516.jpg" },
                    { id: "p2", name: "Tech Launch Campaign", price: "Launch", imageSrc: "http://img.b2bpic.net/free-photo/laptop-with-camera-notebook_23-2148036958.jpg" },
                    { id: "p3", name: "Brand Identity Refresh", price: "Branding", imageSrc: "http://img.b2bpic.net/free-photo/group-business-executives-interacting-with-each-other_1170-760.jpg" }
                ]}
            />
        </div>
        <FooterBaseReveal logoText="Chandigi" columns={[]} />
      </ReactLenis>
    </ThemeProvider>
  );
}