"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import TeamCardOne from '@/components/sections/team/TeamCardOne';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import Link from 'next/link';
import { Users, Award, Star } from 'lucide-react';

export default function EquipoPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="slide-background"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="compact"
      sizing="mediumSizeLargeTitles"
      background="none"
      cardStyle="glass-elevated"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="solid"
      headingFontWeight="light"
    >
      {/* Navbar */}
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="MADRID AGENCY"
          navItems={[
            { name: "Inicio", id: "/" },
            { name: "Servicios", id: "/servicios" },
            { name: "Equipo", id: "/equipo" },
            { name: "Contacto", id: "/contacto" }
          ]}
          bottomLeftText="Madrid, España"
          bottomRightText="hello@madridagency.es"
        />
      </div>

      {/* Team Section */}
      <div id="team" data-section="team">
        <TeamCardOne
          tag="Nuestro Equipo"
          tagIcon={Users}
          title="Los creadores detrás de cada éxito"
          description="Un equipo multidisciplinario de expertos en marketing digital, diseño y estrategia, unidos por la pasión de transformar marcas y generar resultados excepcionales."
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          members={[
            {
              id: "1",              name: "María García",              role: "Directora Creativa",              imageSrc: "https://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-11739.jpg",              imageAlt: "María García"
            },
            {
              id: "2",              name: "Carlos López",              role: "Estratega Digital",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-entrepreneur-woman_23-2148898746.jpg",              imageAlt: "Carlos López"
            },
            {
              id: "3",              name: "Sofia Martínez",              role: "Head de Diseño",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-woman-wearing-glasses_23-2148815602.jpg",              imageAlt: "Sofia Martínez"
            },
            {
              id: "4",              name: "David Ruiz",              role: "Especialista en Analytics",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-pretty-woman-with-short-curly-hair-dressed-jacket-glasses-poses-pink-with-clasped-hands-wonderful-smile_291650-1138.jpg",              imageAlt: "David Ruiz"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      {/* About Our Values Section */}
      <div id="values" data-section="values">
        <MetricSplitMediaAbout
          tag="Nuestros Valores"
          tagIcon={Award}
          title="Excelencia, innovación y resultados medibles"
          description="En Madrid Agency creemos en la transparencia total, la innovación continua y la búsqueda incansable de la excelencia. Cada proyecto es una oportunidad de superar expectativas y crear valor real para nuestros clientes."
          metrics={[
            { value: "10+", title: "Años de experiencia combinada" },
            { value: "98%", title: "Tasa de satisfacción de clientes" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/colleagues-discussing-their-work-laptop_53876-105333.jpg"
          imageAlt="Equipo colaborando en oficina"
          useInvertedBackground="invertDefault"
        />
      </div>

      {/* Client Testimonials Section */}
      <div id="client-testimonials" data-section="client-testimonials">
        <TestimonialCardOne
          tag="Testimonios de Clientes"
          tagIcon={Star}
          title="La experiencia de trabajar con nosotros"
          description="Descubre por qué nuestros clientes confían en Madrid Agency para impulsar su crecimiento digital y alcanzar sus objetivos más ambiciosos."
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "Elena Fernández",              role: "CEO",              company: "TechStart Madrid",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-66975.jpg",              imageAlt: "Elena Fernández"
            },
            {
              id: "2",              name: "Juan Moreno",              role: "Founder",              company: "DigitalLabs",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/businesswoman-happy-be-back-work_23-2148727621.jpg",              imageAlt: "Juan Moreno"
            },
            {
              id: "3",              name: "Patricia Sánchez",              role: "Marketing Director",              company: "Fashion Boutique Madrid",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-3695.jpg",              imageAlt: "Patricia Sánchez"
            },
            {
              id: "4",              name: "Miguel Rodríguez",              role: "Director General",              company: "Growth Partners",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-3575.jpg",              imageAlt: "Miguel Rodríguez"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      {/* Footer */}
      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="MADRID AGENCY"
          columns={[
            {
              items: [
                { label: "Inicio", href: "/" },
                { label: "Servicios", href: "/servicios" },
                { label: "Equipo", href: "/equipo" }
              ]
            },
            {
              items: [
                { label: "Contacto", href: "/contacto" },
                { label: "Blog", href: "#" },
                { label: "Casos", href: "/servicios" }
              ]
            },
            {
              items: [
                { label: "hello@madridagency.es", href: "mailto:hello@madridagency.es" },
                { label: "+34 91 XXXX XXXX", href: "tel:+34911234567" },
                { label: "Madrid, España", href: "#" }
              ]
            },
            {
              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "LinkedIn", href: "https://linkedin.com" },
                { label: "Twitter", href: "https://twitter.com" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}