"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroSplitTestimonial from "@/components/sections/hero/HeroSplitTestimonial";
import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
import FaqDouble from "@/components/sections/faq/FaqDouble";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import { Sparkles, CheckCircle, HelpCircle } from "lucide-react";

export default function AboutPage() {
  const navItems = [
    { name: "Cómo Funciona", id: "how-it-works" },
    { name: "Para Empresas", id: "for-businesses" },
    { name: "Para Trabajadores", id: "for-workers" },
    { name: "FAQ", id: "faq" },
  ];

  const navButton = {
    text: "Inicia Sesión",
    href: "/login",
  };

  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="medium"
      sizing="largeSmallSizeLargeTitles"
      background="aurora"
      cardStyle="outline"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Gextras"
          navItems={navItems}
          button={navButton}
          animateOnLoad={true}
        />
      </div>

      <div id="about-hero" data-section="about-hero">
        <HeroSplitTestimonial
          title="Sobre Gextras: La Revolución del Talento Hospitalario"
          description="Nacemos de una visión clara: transformar cómo empresas y trabajadores se conectan en la industria de la hospitalidad. Somos la plataforma que acelera oportunidades, reduce fricción y genera confianza."
          tag="Nuestra Misión"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          buttons={[
            {
              text: "Para Empresas",
              href: "/signup?type=business",
            },
            {
              text: "Para Trabajadores",
              href: "/signup?type=worker",
            },
          ]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-vector/general-business-invoice-template_23-2148959395.jpg"
          imageAlt="Visión de Gextras - Plataforma de conexión hospitalaria"
          mediaAnimation="blur-reveal"
          testimonials={[
            {
              name: "Nuestro Compromiso",
              handle: "@gextras_platform",
              testimonial: "Cada conexión que facilitamos es una oportunidad real. Cada empresa servida es confianza ganada. Cada trabajador beneficiado es éxito compartido.",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-nerdy-waitress-work_329181-2082.jpg",
            },
            {
              name: "Transparencia",
              handle: "@gextras_values",
              testimonial: "Creemos en operaciones justas y comunicación clara. No hay sorpresas, solo soluciones que funcionan.",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/african-american-woman-overalls-beret-against-wooden-wall_627829-6901.jpg",
            },
            {
              name: "Innovación",
              handle: "@gextras_tech",
              testimonial: "Construimos tecnología que escucha y aprende. Nuestros sistemas evolucionan con las necesidades reales del sector.",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/3-young-workers-office_1301-5371.jpg",
            },
            {
              name: "Impacto Social",
              handle: "@gextras_impact",
              testimonial: "Generamos empleo flexible, inclusivo y digno. Empoderamos trabajadores y simplificamos la vida de empresarios.",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-doing-pottery_23-2148944912.jpg",
            },
          ]}
          testimonialRotationInterval={5000}
          useInvertedBackground={false}
          background={{ variant: "radial-gradient" }}
        />
      </div>

      <div id="about-values" data-section="about-values">
        <FeatureCardSeven
          title="Nuestros Valores Fundamentales"
          description="Los pilares que guían cada decisión, cada característica y cada interacción en Gextras."
          tag="Valores Centrales"
          tagIcon={CheckCircle}
          tagAnimation="slide-up"
          buttons={[
            {
              text: "Únete a Nosotros",
              href: "/signup",
            },
          ]}
          buttonAnimation="slide-up"
          textboxLayout="split"
          animationType="slide-up"
          useInvertedBackground={false}
          features={[
            {
              id: 1,
              title: "Velocidad sin Sacrificar Calidad",
              description: "Conectamos talento en minutos sin comprometer verificaciones rigurosas. La rapidez y la confiabilidad no son contradictorias en Gextras.",
              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-working-together-office_23-2149307826.jpg",
              imageAlt: "Equipo trabajando en velocidad y calidad",
            },
            {
              id: 2,
              title: "Oportunidad Equitativa",
              description: "Creemos que todos mereces acceso a trabajos dignos y flexibles. Nuestro sistema prioriza la igualdad de acceso para todos los trabajadores.",
              imageSrc: "http://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149727979.jpg",
              imageAlt: "Ambiente inclusivo de trabajo colaborativo",
            },
            {
              id: 3,
              title: "Transparencia Radical",
              description: "Sin comisiones ocultas, sin sorpresas. Cada parte de nuestro servicio está documentada, clara y accesible para todos.",
              imageSrc: "http://img.b2bpic.net/free-photo/store-mockup-device-used-as-advertising_482257-76227.jpg",
              imageAlt: "Transparencia en procesos y comunicación",
            },
          ]}
        />
      </div>

      <div id="about-faq" data-section="about-faq">
        <FaqDouble
          title="Preguntas Sobre Gextras"
          description="Aprende más sobre nuestra historia, visión y compromiso con el sector de la hospitalidad."
          tag="Más Sobre Nosotros"
          tagIcon={HelpCircle}
          tagAnimation="slide-up"
          buttons={[
            {
              text: "Contacta Nuestro Equipo",
              href: "/contact",
            },
          ]}
          buttonAnimation="slide-up"
          textboxLayout="default"
          animationType="smooth"
          faqsAnimation="blur-reveal"
          useInvertedBackground={false}
          faqs={[
            {
              id: "about-faq-1",
              title: "¿Cuándo comenzó Gextras?",
              content: "Gextras nació de la observación de un problema real: miles de empresas de hospitalidad luchan por encontrar personal confiable rápidamente, mientras que trabajadores calificados buscan flexibilidad. Decidimos resolver ambos lados.",
            },
            {
              id: "about-faq-2",
              title: "¿Quién está detrás de Gextras?",
              content: "Un equipo multidisciplinario de expertos en tecnología, hospitalidad, recursos humanos y emprendimiento. Personas apasionadas por transformar la industria desde dentro.",
            },
            {
              id: "about-faq-3",
              title: "¿Cuál es nuestro modelo de negocio?",
              content: "Operamos con transparencia radical. Cobramos una comisión justa por cada contratación exitosa. Sin cuotas ocultas, sin sorpresas. Nuestro éxito está alineado con el de nuestros usuarios.",
            },
            {
              id: "about-faq-4",
              title: "¿Hacia dónde se dirige Gextras?",
              content: "Expandimos geográficamente mientras profundizamos características. Planeamos agregar capacitación integrada, análisis predictivo y herramientas de desarrollo profesional para trabajadores.",
            },
            {
              id: "about-faq-5",
              title: "¿Cómo protegemos los datos?",
              content: "Usamos encriptación de nivel empresarial, cumplimos GDPR y todas las regulaciones locales. Realizamos auditorías de seguridad regularmente y priorizamos privacidad en cada feature.",
            },
            {
              id: "about-faq-6",
              title: "¿Cómo puedo trabajar en Gextras?",
              content: "Nos encanta detectar talento. Visita nuestras ofertas de empleo en LinkedIn o envía tu CV a careers@gextras.com. Estamos creciendo y buscamos personas excepcionales.",
            },
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Gextras"
          leftLink={{
            text: "Política de Privacidad",
            href: "#",
          }}
          rightLink={{
            text: "Términos de Servicio",
            href: "#",
          }}
        />
      </div>
    </ThemeProvider>
  );
}