"use client";

import Link from "next/link";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Award, Star } from "lucide-react";

export default function PortfolioPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="largeSizeMediumTitles"
      background="none"
      cardStyle="gradient-mesh"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen 
          brandName="Marketing Pro"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Services", id: "/services" },
            { name: "Portfolio", id: "/portfolio" },
            { name: "Team", id: "/team" },
            { name: "Contact", id: "/contact" }
          ]}
          bottomLeftText="Global Marketing Solutions"
          bottomRightText="hello@marketingpro.com"
        />
      </div>

      <div id="portfolio" data-section="portfolio">
        <ProductCardTwo 
          title="Case Studies & Portfolio"
          description="Proven results across industries. Explore how we've transformed brands, increased revenue, and built lasting customer relationships."
          tag="Portfolio"
          tagIcon={Award}
          buttons={[
            { text: "Discuss Your Project", href: "/contact" }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          gridVariant="uniform-all-items-equal"
          products={[
            {
              id: "1",
              brand: "Tech Startup",
              name: "B2B SaaS Growth Campaign",
              price: "+280% Lead Growth",
              rating: 5,
              reviewCount: "18 months",
              imageSrc: "https://img.b2bpic.net/free-photo/top-view-different-business-notes-notepad-dark-background-business-plan-job-teamwork-leadership-strategy-work-marketing-free-space_179666-19759.jpg",
              imageAlt: "SaaS marketing campaign results"
            },
            {
              id: "2",
              brand: "E-Commerce Brand", 
              name: "Seasonal Campaign Strategy",
              price: "+150% Sales",
              rating: 5,
              reviewCount: "6 months",
              imageSrc: "https://img.b2bpic.net/free-photo/top-view-different-business-notes-notepad-dark-background-business-job-teamwork-leadership-plan-strategy-work-marketing_179666-19755.jpg",
              imageAlt: "E-commerce marketing success"
            },
            {
              id: "3",
              brand: "Healthcare Provider",
              name: "Patient Acquisition Campaign", 
              price: "+95% Patient Growth",
              rating: 5,
              reviewCount: "12 months",
              imageSrc: "https://img.b2bpic.net/free-photo/top-view-different-business-notes-notepad-dark-surface-business-job-teamwork-marketing-leadership-plan-strategy-work_179666-19757.jpg",
              imageAlt: "Healthcare marketing results"
            },
            {
              id: "4",
              brand: "Financial Services",
              name: "Brand Repositioning Campaign", 
              price: "+220% Brand Awareness",
              rating: 5,
              reviewCount: "10 months",
              imageSrc: "https://img.b2bpic.net/free-photo/closeup-hands-business-meeting_93675-132448.jpg",
              imageAlt: "Financial services branding success"
            },
            {
              id: "5",
              brand: "Retail Chain",
              name: "Omnichannel Marketing Strategy", 
              price: "+180% Customer Engagement",
              rating: 5,
              reviewCount: "14 months",
              imageSrc: "https://img.b2bpic.net/free-photo/strategy-technique-tactic-word-concept_53876-133628.jpg",
              imageAlt: "Retail marketing transformation"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo 
          title="Client Testimonials"
          description="Hear from brands we've partnered with to understand the impact of strategic marketing on their business success."
          tag="Reviews"
          tagIcon={Star}
          textboxLayout="default"
          animationType="blur-reveal"
          useInvertedBackground="invertDefault"
          testimonials={[
            {
              id: "1",
              name: "Elizabeth Forbes",
              role: "CEO, TechVenture Inc.",
              testimonial: "Marketing Pro transformed our brand visibility and doubled our qualified leads in just 8 months. Their strategic approach and data-driven methodology delivered exceptional results."
            },
            {
              id: "2",
              name: "Michael Torres",
              role: "Marketing Director, RetailMaxx",
              testimonial: "The team's creative campaigns and deep market insights helped us breakthrough in a competitive space. We saw a 150% increase in online revenue within the first year."
            },
            {
              id: "3",
              name: "Amanda Chen",
              role: "Founder, HealthWell Services",
              testimonial: "Professional, strategic, and results-oriented. Marketing Pro didn't just execute campaigns—they genuinely understood our mission and helped us reach the right patients."
            },
            {
              id: "4",
              name: "Robert Jackson",
              role: "VP Sales, InnovateSoft",
              testimonial: "Outstanding partnership. From strategy through execution, every campaign was thoughtfully designed and meticulously optimized. ROI exceeded expectations every quarter."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia 
          imageSrc="https://img.b2bpic.net/free-photo/close-up-young-business-team-working_23-2149153838.jpg"
          imageAlt="Marketing agency team workspace"
          logoText="Marketing Pro"
          copyrightText="© 2025 Marketing Pro Agency. All rights reserved."
          columns={[
            {
              title: "Services",
              items: [
                { label: "Brand Strategy", href: "/services" },
                { label: "Digital Marketing", href: "/services" },
                { label: "Content Creation", href: "/services" },
                { label: "Analytics", href: "/services" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About Us", href: "/about" },
                { label: "Our Team", href: "/team" },
                { label: "Case Studies", href: "/portfolio" },
                { label: "Blog", href: "#" }
              ]
            },
            {
              title: "Contact",
              items: [
                { label: "hello@marketingpro.com", href: "mailto:hello@marketingpro.com" },
                { label: "(555) 123-4567", href: "tel:+15551234567" },
                { label: "Get Started", href: "/contact" },
                { label: "Schedule Call", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}