"use client";

import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import LegalSection from "@/components/legal/LegalSection";
import FooterBase from "@/components/sections/footer/FooterBase";

export const metadata = {
  title: 'Política de Privacidad | Webild',
  description: 'Conoce nuestra política de privacidad y cómo manejamos tus datos en Webild.',
};

export default function PrivacyPolicyPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="medium"
      sizing="medium"
      background="none"
      cardStyle="glass-elevated"
      primaryButtonStyle="metallic"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <ReactLenis root>
        <NavbarLayoutFloatingOverlay
          brandName="Webild"
          navItems={[
            { name: "Inicio", id: "/" },
            { name: "Portafolio", id: "/portafolio" },
            { name: "Servicios", id: "services" },
            { name: "Nosotros", id: "about" },
            { name: "Contacto", id: "/contacto" },
            { name: "Política de Privacidad", id: "/privacy-policy" }
          ]}
          button={{ text: "Comenzar", href: "/contacto" }}
        />
        <div id="privacy-policy" data-section="privacy-policy" className="py-16 md:py-24 lg:py-32">
          <LegalSection
            layout="page"
            title="Política de Privacidad"
            subtitle="Tu privacidad es nuestra prioridad. Esta política detalla cómo recopilamos, usamos y protegemos tu información."
            sections={[
              {
                heading: "1. Introducción",                content: [
                  { type: "paragraph", text: "Bienvenido a Webild. Nos comprometemos a proteger tu privacidad y tus datos personales. Esta Política de Privacidad explica cómo manejamos la información que recopilamos cuando visitas nuestro sitio web o utilizas nuestros servicios." }
                ]
              },
              {
                heading: "2. Información que Recopilamos",                content: [
                  { type: "paragraph", text: "Podemos recopilar varios tipos de información en relación con tu uso de nuestros servicios, incluyendo:" },
                  { type: "list", items: ["Información de contacto (nombre, correo electrónico, número de teléfono).", "Datos demográficos (edad, ubicación).", "Datos de uso (páginas visitadas, tiempo en el sitio, clics).", "Información técnica (dirección IP, tipo de navegador, sistema operativo)." ]}
                ]
              },
              {
                heading: "3. Cómo Usamos tu Información",                content: [
                  { type: "paragraph", text: "Utilizamos la información recopilada para:" },
                  { type: "list", items: ["Proveer, operar y mantener nuestros servicios.", "Mejorar, personalizar y expandir nuestros servicios.", "Entender y analizar cómo utilizas nuestros servicios.", "Desarrollar nuevos productos, servicios, características y funcionalidades.", "Comunicarnos contigo, ya sea directamente o a través de uno de nuestros socios, incluyendo para servicio al cliente, para proporcionarte actualizaciones y otra información relacionada con el sitio web, y con fines de marketing y promoción." ]}
                ]
              },
              {
                heading: "4. Divulgación de Información",                content: [
                  { type: "paragraph", text: "Podemos compartir tu información con terceros en las siguientes situaciones:" },
                  { type: "list", items: ["Con proveedores de servicios que nos ayudan a operar nuestro negocio.", "Para cumplir con obligaciones legales.", "Para proteger y defender los derechos o propiedad de Webild.", "Con tu consentimiento." ]}
                ]
              },
              {
                heading: "5. Tus Derechos de Protección de Datos",                content: [
                  { type: "paragraph", text: "Tienes los siguientes derechos con respecto a tus datos personales:" },
                  { type: "list", items: ["El derecho a acceder – Tienes derecho a solicitar copias de tus datos personales.", "El derecho a rectificación – Tienes derecho a solicitar que corrijamos cualquier información que creas que es inexacta o incompleta.", "El derecho a supresión – Tienes derecho a solicitar que borremos tus datos personales, bajo ciertas condiciones.", "El derecho a restringir el procesamiento – Tienes derecho a solicitar que restrinjamos el procesamiento de tus datos personales, bajo ciertas condiciones.", "El derecho a oponerte al procesamiento – Tienes derecho a oponerte a nuestro procesamiento de tus datos personales, bajo ciertas condiciones.", "El derecho a la portabilidad de datos – Tienes derecho a solicitar que transfiramos los datos que hemos recopilado a otra organización, o directamente a ti, bajo ciertas condiciones." ]}
                ]
              },
              {
                heading: "6. Seguridad de los Datos",                content: [
                  { type: "paragraph", text: "Implementamos medidas de seguridad robustas para proteger tus datos personales contra el acceso no autorizado, la alteración, la divulgación o la destrucción. Sin embargo, ningún método de transmisión por Internet o método de almacenamiento electrónico es 100% seguro." }
                ]
              },
              {
                heading: "7. Cambios en esta Política de Privacidad",                content: [
                  { type: "paragraph", text: "Podemos actualizar nuestra Política de Privacidad periódicamente. Te notificaremos cualquier cambio publicando la nueva Política de Privacidad en esta página. Te recomendamos revisar esta Política de Privacidad periódicamente para cualquier cambio." }
                ]
              },
              {
                heading: "8. Contáctanos",                content: [
                  { type: "paragraph", text: "Si tienes alguna pregunta sobre esta Política de Privacidad, no dudes en contactarnos a través de nuestra página de contacto o enviando un correo electrónico a [correo@ejemplo.com]." }
                ]
              }
            ]}
          />
        </div>
        <FooterBase
          logoText="Webild"
          copyrightText="© 2026 | Webild"
          columns={[
            {
              title: "Compañía",              items: [
                { label: "Inicio", href: "/" },
                { label: "Nosotros", href: "#about" },
                { label: "Servicios", href: "#services" },
                { label: "Portafolio", href: "/portafolio" },
                { label: "Contacto", href: "/contacto" },
                { label: "Política de Privacidad", href: "/privacy-policy" }
              ],
            },
            {
              title: "Servicios",              items: [
                { label: "Desarrollo Web", href: "#" },
                { label: "SEO", href: "#" },
                { label: "Marca", href: "#" },
                { label: "Diseño UI/UX", href: "#" },
              ],
            },
            {
              title: "Conectar",              items: [
                { label: "Twitter", href: "#" },
                { label: "LinkedIn", href: "#" },
                { label: "Instagram", href: "#" },
                { label: "Dribbble", href: "#" },
              ],
            },
          ]}
        />
      </ReactLenis>
    </ThemeProvider>
  );
}
