"use client";

import Link from "next/link";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Users, Linkedin, Twitter, Globe } from "lucide-react";

export default function TeamPage() {
  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="team" data-section="team">
        <TeamCardTwo 
          title="Meet Our Expert Team"
          description="Talented strategists, creatives, and analysts committed to driving your brand's success through innovative marketing solutions."
          tag="Team"
          tagIcon={Users}
          textboxLayout="default"
          animationType="opacity"
          useInvertedBackground="noInvert"
          gridVariant="uniform-all-items-equal"
          members={[
            {
              id: "1",
              name: "Sarah Mitchell",
              role: "Chief Strategy Officer",
              description: "15+ years in strategic marketing. Former CMO at Fortune 500 companies. Specializes in brand transformation and market penetration.",
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg",
              imageAlt: "Sarah Mitchell, Chief Strategy Officer",
              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com" },
                { icon: Twitter, url: "https://twitter.com" }
              ]
            },
            {
              id: "2",
              name: "James Chen",
              role: "Creative Director",
              description: "Award-winning creative strategist with expertise in brand identity and campaign design. Led creative teams at top agencies for 12 years.",
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-professional-business-woman-suit_23-2148603020.jpg",
              imageAlt: "James Chen, Creative Director", 
              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com" },
                { icon: Globe, url: "https://portfolio.example.com" }
              ]
            },
            {
              id: "3",
              name: "Maya Patel",
              role: "Performance Marketing Lead",
              description: "Data-driven marketer with proven track record in digital campaigns and ROI optimization. Expert in analytics and conversion rate optimization.",
              imageSrc: "https://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg",
              imageAlt: "Maya Patel, Performance Marketing Lead",
              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com" },
                { icon: Twitter, url: "https://twitter.com" }
              ]
            },
            {
              id: "4",
              name: "David Rodriguez", 
              role: "Content Strategy Manager",
              description: "Content strategist passionate about storytelling and audience engagement. 8+ years creating compelling narratives across all platforms.",
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-business-woman-office_1398-6.jpg",
              imageAlt: "David Rodriguez, Content Strategy Manager",
              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com" },
                { icon: Globe, url: "https://blog.example.com" }
              ]
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo 
          title="Our Impact by the Numbers"
          description="Measurable results that demonstrate the value we bring to every client partnership and marketing engagement."
          tag="Results"
          textboxLayout="default"
          animationType="scale-rotate"
          useInvertedBackground="invertDefault"
          gridVariant="four-items-2x2-equal-grid"
          metrics={[
            { id: "1", value: "500+", description: "Successful Campaigns Delivered" },
            { id: "2", value: "$2.5B+", description: "Total Revenue Generated for Clients" },
            { id: "3", value: "98%", description: "Client Retention Rate" },
            { id: "4", value: "45+", description: "Industry Awards Won" }
          ]}
        />
      </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>
  );
}