"use client";

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

export default function PortfolioPage() {
  return (
    <ThemeProvider defaultButtonVariant="icon-arrow" defaultTextAnimation="reveal-blur" borderRadius="rounded" contentWidth="medium" sizing="medium" background="none" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
      <ReactLenis root>
        <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          navItems={[
            { name: "Home", id: "/" },
            { name: "Services", id: "/services" },
            { name: "Portfolio", id: "/portfolio" },
            { name: "Contact", id: "/contact" }
          ]}
          brandName="Chandigi"
          button={{ text: "Get Growth Plan", href: "/contact" }}
        />
        </div>
        <div className="pt-32 pb-20">
            <ProductCardFour
                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"
                useInvertedBackground={false}
                products={[
                    { id: "p1", name: "Retail Growth System", price: "Growth", variant: "Pro", 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", variant: "Basic", imageSrc: "http://img.b2bpic.net/free-photo/laptop-with-camera-notebook_23-2148036958.jpg" },
                    { id: "p3", name: "Brand Identity Refresh", price: "Branding", variant: "Pro", imageSrc: "http://img.b2bpic.net/free-photo/group-business-executives-interacting-with-each-other_1170-760.jpg" }
                ]}
            />
        </div>
        <div id="footer" data-section="footer">
        <FooterBaseReveal logoText="Chandigi" columns={[{ title: "Links", items: [{ label: "Home", href: "/" }, { label: "Portfolio", href: "/portfolio" }] }]} />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}