"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import TeamCardOne from '@/components/sections/team/TeamCardOne';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import FooterMedia from '@/components/sections/footer/FooterMedia';

export default function TeamPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="compact"
      sizing="mediumLarge"
      background="none"
      cardStyle="layered-gradient"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "/" },
            { name: "Services", id: "/services" },
            { name: "Team", id: "/team" },
            { name: "Contact", id: "/contact" }
          ]}
          brandName="TechVision"
          bottomLeftText="Innovation Driven"
          bottomRightText="hello@techvision.io"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardOne
          title="Meet Our Team"
          description="Talented professionals dedicated to delivering excellence in every project"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          gridVariant="uniform-all-items-equal"
          animationType="blur-reveal"
          members={[
            {
              id: "1",
              name: "Alex Chen",
              role: "Chief Technology Officer",
              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151064973.jpg",
              imageAlt: "Alex Chen, CTO"
            },
            {
              id: "2",
              name: "Sarah Williams",
              role: "Lead Software Architect",
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-businessman-with-folded-arms-looking-camera_23-2147955314.jpg",
              imageAlt: "Sarah Williams, Architect"
            },
            {
              id: "3",
              name: "Michael Rodriguez",
              role: "Full Stack Engineer",
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-happy-businessman-with-crossed-arms_23-2147955274.jpg",
              imageAlt: "Michael Rodriguez, Engineer"
            },
            {
              id: "4",
              name: "Emma Thompson",
              role: "Product Manager",
              imageSrc: "https://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3797.jpg",
              imageAlt: "Emma Thompson, PM"
            }
          ]}
        />
      </div>

      <div id="testimonials-secondary" data-section="testimonials-secondary">
        <TestimonialCardFifteen
          testimonial="Working with TechVision has been an incredible experience. Their attention to detail and commitment to quality is unmatched. They truly understand our business needs and deliver solutions that exceed expectations."
          rating={5}
          author="Rebecca Davis, CTO InnovateHub"
          avatars={[
            {
              src: "https://img.b2bpic.net/free-photo/content-indian-ceo-standing-smiling-portrait-successful-pensive-bearded-businessman-glasses-posing-office-room-business-expression-management-concept_74855-11642.jpg",
              alt: "James Patterson"
            },
            {
              src: "https://img.b2bpic.net/free-photo/senior-businessman-with-arms-crossed-outside-modern-office-building_1139-1074.jpg",
              alt: "Rebecca Davis"
            },
            {
              src: "https://img.b2bpic.net/free-photo/portrait-happy-successful-businessman-standing-restaurant-with-crossed-arm_23-2147955259.jpg",
              alt: "Michael Zhang"
            }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <FooterMedia
        imageSrc="https://img.b2bpic.net/free-photo/person-working-html-computer_23-2150038840.jpg"
        imageAlt="Digital technology network background"
        logoText="TechVision"
        copyrightText="© 2025 TechVision. All rights reserved."
        columns={[
          {
            title: "Services",
            items: [
              { label: "Web Development", href: "/services" },
              { label: "Mobile Apps", href: "/services" },
              { label: "Cloud Solutions", href: "/services" },
              { label: "AI & ML", href: "/services" }
            ]
          },
          {
            title: "Company",
            items: [
              { label: "About Us", href: "/team" },
              { label: "Team", href: "/team" },
              { label: "Careers", href: "https://careers.techvision.io" }
            ]
          },
          {
            title: "Connect",
            items: [
              { label: "Contact Us", href: "/contact" },
              { label: "Email", href: "mailto:hello@techvision.io" },
              { label: "LinkedIn", href: "https://linkedin.com/company/techvision" },
              { label: "GitHub", href: "https://github.com/techvision" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}