"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import Link from 'next/link';
import { Mail, HelpCircle, Clock } from 'lucide-react';

export default function ContactoPage() {
  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>

      {/* Contact Section */}
      <div id="contact-form" data-section="contact-form">
        <ContactSplit
          tag="Contacto"
          title="¿Listo para transformar tu marca?"
          description="Cuéntanos tu proyecto y descubre cómo podemos ayudarte a alcanzar tus objetivos de marketing digital. Respuesta garantizada en menos de 24 horas."
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/desk-arrangement-with-laptop-high-angle_23-2149073071.jpg"
          imageAlt="Oficina moderna de Madrid Agency"
          mediaPosition="right"
          inputPlaceholder="tu@empresa.com"
          buttonText="Contactar ahora"
          termsText="Al contactarnos, aceptas que procesemos tus datos para responderte. Política de privacidad disponible en nuestra web."
        />
      </div>

      {/* Process Section */}
      <div id="process" data-section="process">
        <MetricSplitMediaAbout
          tag="Nuestro Proceso"
          tagIcon={Clock}
          title="De la consulta inicial al crecimiento sostenible"
          description="Seguimos una metodología probada que garantiza resultados medibles. Desde la primera llamada hasta la implementación y optimización continua, cada paso está diseñado para maximizar tu ROI."
          metrics={[
            { value: "24h", title: "Tiempo máximo de respuesta inicial" },
            { value: "7 días", title: "Para entrega de propuesta personalizada" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/colleagues-discussing-their-work-laptop_53876-105333.jpg"
          imageAlt="Equipo desarrollando estrategia personalizada"
          useInvertedBackground="invertDefault"
        />
      </div>

      {/* FAQ Section */}
      <div id="contact-faq" data-section="contact-faq">
        <FaqDouble
          tag="Preguntas antes de contactar"
          tagIcon={HelpCircle}
          title="Resuelve tus dudas principales"
          description="Las respuestas a las preguntas más frecuentes sobre cómo trabajamos, qué incluimos y cómo empezar tu proyecto con Madrid Agency."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          faqs={[
            {
              id: "1",              title: "¿La consultoría inicial tiene coste?",              content: "No. La primera consultoría de 60 minutos es completamente gratuita. Analizamos tu situación actual, identificamos oportunidades y te presentamos recomendaciones iniciales sin compromiso."
            },
            {
              id: "2",              title: "¿Cuánto tiempo necesitáis para una propuesta?",              content: "Tras la consultoría inicial, entregamos una propuesta detallada en máximo 7 días laborables. Incluye estrategia, timeline, inversión y KPIs específicos para tu proyecto."
            },
            {
              id: "3",              title: "¿Trabajáis con empresas fuera de Madrid?",              content: "Sí. Aunque estamos en Madrid, trabajamos con clientes de toda España y Latinoamérica. Todas las reuniones pueden ser presenciales en Madrid o virtuales según prefieras."
            },
            {
              id: "4",              title: "¿Qué información necesitáis para empezar?",              content: "Para la consultoría inicial necesitamos: descripción de tu empresa, objetivos principales, presupuesto aproximado y cualquier material de marketing actual (web, redes, etc.)."
            },
            {
              id: "5",              title: "¿Cuándo podemos empezar el proyecto?",              content: "Una vez aprobada la propuesta y firmado el acuerdo, comenzamos en un plazo máximo de 10 días laborables. Los proyectos urgentes pueden iniciarse en 3-5 días."
            },
            {
              id: "6",              title: "¿Ofrecéis contratos mensuales sin permanencia?",              content: "Sí. Ofrecemos tanto proyectos puntuales como retainers mensuales flexibles. No exigimos permanencia mínima, aunque recomendamos al menos 6 meses para resultados óptimos."
            }
          ]}
        />
      </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>
  );
}