"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Award } from "lucide-react";

export default function PortfolioPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="largeSmallSizeLargeTitles"
      background="floatingGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal 
          brandName="NEXUS DIGITAL"
          button={{
            text: "Start Project",
            href: "/contact"
          }}
          className="backdrop-blur-md bg-opacity-80"
          buttonClassName="px-6 py-2 rounded-full font-semibold"
          buttonTextClassName="text-sm font-medium"
        />
      </div>

      <div id="product" data-section="product">
        <ProductCardTwo 
          title="Portfolio Highlights"
          description="Showcase of transformative projects delivered for innovative brands across diverse industries, demonstrating our ability to drive measurable growth and market leadership."
          tag="Recent Work"
          tagIcon={Award}
          textboxLayout="default"
          animationType="scale-rotate"
          gridVariant="three-columns-all-equal-width"
          useInvertedBackground="noInvert"
          products={[
            {
              id: "1",
              brand: "TechVenture Labs",
              name: "AI-Powered Startup Launch Campaign",
              price: "$450K+ Revenue Generated",
              rating: 5,
              reviewCount: "328%",
              imageSrc: "https://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169864.jpg",
              imageAlt: "Tech startup marketing campaign results",
              onProductClick: () => window.open('/case-studies/techventure-labs', '_self')
            },
            {
              id: "2",
              brand: "Luxe Retail Co",
              name: "E-commerce Platform Redesign",
              price: "$2.1M Sales Increase",
              rating: 5,
              reviewCount: "156%",
              imageSrc: "https://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169863.jpg",
              imageAlt: "E-commerce platform redesign success",
              onProductClick: () => window.open('/case-studies/luxe-retail', '_self')
            },
            {
              id: "3",
              brand: "CloudFlow Systems",
              name: "SaaS Growth Marketing Strategy",
              price: "$890K ARR Growth",
              rating: 5,
              reviewCount: "412%",
              imageSrc: "https://img.b2bpic.net/free-photo/business-person-looking-finance-graphs_23-2150461319.jpg",
              imageAlt: "SaaS marketing strategy execution results",
              onProductClick: () => window.open('/case-studies/cloudflow-systems', '_self')
            },
            {
              id: "4",
              brand: "Innovation Labs",
              name: "Brand Positioning & Market Entry",
              price: "$1.8M Market Valuation",
              rating: 5,
              reviewCount: "290%",
              imageSrc: "https://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169864.jpg",
              imageAlt: "Brand positioning and market entry campaign",
              onProductClick: () => window.open('/case-studies/innovation-labs', '_self')
            },
            {
              id: "5",
              brand: "Digital Dynamics",
              name: "Multi-Channel Campaign Optimization",
              price: "$650K Revenue Impact",
              rating: 5,
              reviewCount: "185%",
              imageSrc: "https://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169863.jpg",
              imageAlt: "Multi-channel campaign optimization results",
              onProductClick: () => window.open('/case-studies/digital-dynamics', '_self')
            },
            {
              id: "6",
              brand: "Growth Ventures",
              name: "Content Strategy & Lead Generation",
              price: "$420K Pipeline Value",
              rating: 5,
              reviewCount: "315%",
              imageSrc: "https://img.b2bpic.net/free-photo/business-person-looking-finance-graphs_23-2150461319.jpg",
              imageAlt: "Content strategy and lead generation campaign",
              onProductClick: () => window.open('/case-studies/growth-ventures', '_self')
            }
          ]}
          buttons={[
            { text: "View All Case Studies", href: "/case-studies" },
            { text: "Start Your Project", href: "/contact" }
          ]}
          containerClassName="max-w-7xl mx-auto"
          titleClassName="text-4xl md:text-5xl font-bold"
          descriptionClassName="text-base md:text-lg opacity-80 max-w-2xl"
          cardNameClassName="text-lg font-bold mt-3"
          cardPriceClassName="text-xl font-bold mt-2 text-cyan-400"
        />
      </div>

      <FooterLogoEmphasis 
        logoText="NEXUS DIGITAL"
        columns={[
          {
            items: [
              { label: "Services", href: "/services" },
              { label: "Portfolio", href: "/portfolio" },
              { label: "About", href: "/about" }
            ]
          },
          {
            items: [
              { label: "Home", href: "/" },
              { label: "Contact", href: "/contact" },
              { label: "Case Studies", href: "/case-studies" }
            ]
          },
          {
            items: [
              { label: "Privacy Policy", href: "#privacy" },
              { label: "Terms & Conditions", href: "#terms" },
              { label: "Cookie Settings", href: "#cookies" }
            ]
          }
        ]}
        ariaLabel="Site footer"
        className="py-12 md:py-16 border-t border-white/10"
        containerClassName="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"
        logoClassName="text-3xl font-bold text-cyan-400 text-center mb-12"
        columnsClassName="grid grid-cols-1 md:grid-cols-3 gap-8"
        columnClassName="space-y-3"
        itemClassName="flex items-center gap-2 text-sm opacity-80 hover:opacity-100 transition-opacity"
        buttonClassName="inline-flex items-center gap-2 hover:gap-3 transition-all"
      />
    </ThemeProvider>
  );
}