mirror of
https://github.com/marcogll/join_landing_vanity.git
synced 2026-01-13 13:25:15 +00:00
Initial commit: Landing page for partners
This commit is contained in:
Marco Gallegos
268
privacy.html
Normal file
268
privacy.html
Normal file
@@ -0,0 +1,268 @@
|
||||
<!doctype html>
|
||||
<html lang="es" class="no-js">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
|
||||
<title>Política de Privacidad — Vanity Experience</title>
|
||||
<meta name="description" content="Política de Privacidad de Vanity Experience. Conoce cómo recopilamos, usamos y protegemos tu información personal.">
|
||||
|
||||
<!-- Preload fonts -->
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;700&family=Lato:wght@400;600;700&display=swap" rel="stylesheet">
|
||||
|
||||
<!-- SEO & Social -->
|
||||
<meta property="og:title" content="Política de Privacidad — Vanity Experience">
|
||||
<meta property="og:description" content="Política de Privacidad de Vanity Experience. Conoce cómo recopilamos, usamos y protegemos tu información personal.">
|
||||
<meta property="og:image" content="/assets/img/og-join-vanity.jpg">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<link rel="canonical" href="https://unirse.vanityexperience.mx/privacy">
|
||||
|
||||
<!-- Favicon -->
|
||||
<link rel="icon" href="/assets/img/logos/vanity_bk.png" type="image/png">
|
||||
|
||||
<!-- Styles -->
|
||||
<link rel="stylesheet" href="/css/base.css">
|
||||
<link rel="stylesheet" href="/css/layout.css">
|
||||
<link rel="stylesheet" href="/css/components.css">
|
||||
<link rel="stylesheet" href="/css/privacy.css">
|
||||
|
||||
<!-- Schema.org JSON-LD -->
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "WebPage",
|
||||
"name": "Política de Privacidad - Vanity Experience",
|
||||
"url": "https://unirse.vanityexperience.mx/privacy",
|
||||
"isPartOf": {
|
||||
"@type": "WebSite",
|
||||
"name": "Vanity Experience Reclutamiento",
|
||||
"url": "https://unirse.vanityexperience.mx"
|
||||
},
|
||||
"about": {
|
||||
"@type": "Organization",
|
||||
"name": "Vanity Experience",
|
||||
"url": "https://vanityexperience.mx"
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header id="inicio" class="site-header">
|
||||
<nav class="nav">
|
||||
<a class="nav__logo" href="/">
|
||||
<img src="/assets/img/logos/vanity_bk.png" alt="Vanity — Belleza y cuidado profesional" width="40" height="40">
|
||||
</a>
|
||||
<button class="nav__toggle" aria-expanded="false" aria-controls="navMenu" aria-label="Menú">
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</button>
|
||||
<ul id="navMenu" class="nav__menu" hidden>
|
||||
<li><a href="/">Inicio</a></li>
|
||||
<li><a href="/#beneficios">Beneficios</a></li>
|
||||
<li><a href="/#perfil">Perfil ideal</a></li>
|
||||
<li><a href="/#proceso">Proceso</a></li>
|
||||
<li><a href="/#faq">FAQ</a></li>
|
||||
<li><a href="/#testimonios">Testimonios</a></li>
|
||||
</ul>
|
||||
<div class="nav__actions">
|
||||
<a class="btn btn--ghost nav__whatsapp" href="https://wa.me/5218441565066?text=Hola%20quiero%20aplicar%20a%20Vanity" target="_blank" rel="noopener">
|
||||
WhatsApp
|
||||
</a>
|
||||
<a class="btn btn--primary nav__cta" href="/#aplicar">Aplicar</a>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<!-- Main Content -->
|
||||
<main class="main" role="main">
|
||||
<section class="privacy-policy">
|
||||
<div class="container">
|
||||
<div class="privacy-policy__content">
|
||||
<header class="privacy-policy__header">
|
||||
<h1 class="privacy-policy__title">Política de Privacidad</h1>
|
||||
<p class="privacy-policy__subtitle">Vanity Experience</p>
|
||||
</header>
|
||||
|
||||
<div class="privacy-policy__body">
|
||||
<p class="privacy-policy__intro">
|
||||
En Vanity Experience valoramos y respetamos tu privacidad. Esta Política de Privacidad describe cómo recopilamos, usamos y protegemos la información personal que nos compartes a través del sitio de reclutamiento <strong>unirse.vanityexperience.mx</strong>.
|
||||
</p>
|
||||
|
||||
<section class="privacy-policy__section">
|
||||
<h2>1. Responsable del tratamiento de datos</h2>
|
||||
<p>
|
||||
El responsable de tus datos personales es <strong>Vanity Experience</strong>, con domicilio en Saltillo, Coahuila, México. Para cualquier duda o ejercicio de derechos relacionados con esta política, puedes escribir a:
|
||||
<a href="mailto:privacy@vanityexperience.mx" class="privacy-policy__link">privacy@vanityexperience.mx</a>.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section class="privacy-policy__section">
|
||||
<h2>2. Datos que recopilamos</h2>
|
||||
<p>A través de nuestro formulario de reclutamiento podemos solicitarte, de manera enunciativa más no limitativa, los siguientes datos:</p>
|
||||
<ul class="privacy-policy__list">
|
||||
<li>Nombre y apellidos</li>
|
||||
<li>Número de celular</li>
|
||||
<li>Estado civil, estudios y experiencia laboral</li>
|
||||
<li>Habilidades y certificaciones</li>
|
||||
<li>Disponibilidad de turnos y fechas de inicio</li>
|
||||
<li>Links a redes sociales profesionales o portafolios digitales</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section class="privacy-policy__section">
|
||||
<h2>3. Finalidad del uso de los datos</h2>
|
||||
<p>Tus datos personales se utilizan únicamente para los siguientes fines:</p>
|
||||
<ul class="privacy-policy__list">
|
||||
<li>Gestionar tu postulación al proceso de reclutamiento.</li>
|
||||
<li>Evaluar tu perfil, experiencia y compatibilidad con nuestras vacantes.</li>
|
||||
<li>Mantener comunicación contigo durante el proceso.</li>
|
||||
<li>Generar estadísticas internas sobre la composición de nuestro equipo.</li>
|
||||
</ul>
|
||||
<p><strong>Vanity Experience no comparte, vende ni entrega tus datos personales a terceros para fines distintos al reclutamiento.</strong></p>
|
||||
</section>
|
||||
|
||||
<section class="privacy-policy__section">
|
||||
<h2>4. Conservación y almacenamiento</h2>
|
||||
<p>
|
||||
La información recopilada se procesa y almacena en plataformas digitales internas y en la nube, bajo medidas de seguridad administrativas, técnicas y físicas que buscan proteger tu información contra pérdida, uso indebido, acceso no autorizado o divulgación.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section class="privacy-policy__section">
|
||||
<h2>5. Derechos de las personas titulares</h2>
|
||||
<p>
|
||||
En cualquier momento puedes ejercer tus derechos de acceso, rectificación, cancelación y oposición (ARCO), así como revocar el consentimiento otorgado.
|
||||
</p>
|
||||
<p>
|
||||
Para ello, envía un correo a <a href="mailto:privacy@vanityexperience.mx" class="privacy-policy__link">privacy@vanityexperience.mx</a> con tu solicitud. Tu petición será atendida en un plazo no mayor a <strong>6 días hábiles</strong> a partir de la recepción.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section class="privacy-policy__section">
|
||||
<h2>6. Cambios a la política</h2>
|
||||
<p>
|
||||
Vanity Experience puede modificar o actualizar esta Política de Privacidad en cualquier momento. Los cambios serán publicados en este mismo sitio:<br>
|
||||
👉 <a href="https://unirse.vanityexperience.mx/privacy" class="privacy-policy__link">https://unirse.vanityexperience.mx/privacy</a>
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section class="privacy-policy__section">
|
||||
<h2>7. Aceptación</h2>
|
||||
<p>
|
||||
Al enviar tu información a través del formulario de reclutamiento, confirmas que has leído y aceptado esta Política de Privacidad.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<div class="privacy-policy__footer">
|
||||
<p class="privacy-policy__updated">
|
||||
<small>Última actualización: <time datetime="2025-09-21">21 de septiembre de 2025</time></small>
|
||||
</p>
|
||||
<div class="privacy-policy__actions">
|
||||
<a href="/" class="btn btn--secondary">Volver al inicio</a>
|
||||
<a href="/#aplicar" class="btn btn--primary">Aplicar ahora</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer class="site-footer">
|
||||
<div class="container">
|
||||
<div class="footer__content">
|
||||
<div class="footer__brand">
|
||||
<div class="footer__logos">
|
||||
<a href="https://vanityexperience.mx/" target="_blank" rel="noopener">
|
||||
<img src="/assets/img/logos/vanity_wh.png" alt="Vanity">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer__links">
|
||||
<div class="footer__links-top">
|
||||
<a href="/privacy.html">Política de Privacidad</a>
|
||||
<a href="https://www.instagram.com/vanitynailsalon/" target="_blank" rel="noopener" aria-label="Instagram">Instagram</a>
|
||||
<a href="https://www.tiktok.com/@vanity.nail.salon" target="_blank" rel="noopener" aria-label="TikTok">TikTok</a>
|
||||
<a href="https://www.facebook.com/vanity.saltillo" target="_blank" rel="noopener" aria-label="Facebook">Facebook</a>
|
||||
</div>
|
||||
<img src="/assets/img/logos/alma_wh.png" alt="Alma" style="height: 50px; width: auto;">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer__copyright">
|
||||
<p>© 2025 Vanity. Todos los derechos reservados. | Parte de Grupo AlMa</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- Scripts -->
|
||||
<script src="/js/main.js" defer></script>
|
||||
<script>
|
||||
// Remove no-js class
|
||||
document.documentElement.classList.remove('no-js');
|
||||
|
||||
// Privacy page specific interactions
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
// Add smooth scroll for internal links
|
||||
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
|
||||
anchor.addEventListener('click', function (e) {
|
||||
e.preventDefault();
|
||||
const target = document.querySelector(this.getAttribute('href'));
|
||||
if (target) {
|
||||
target.scrollIntoView({ behavior: 'smooth' });
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// Add reading progress indicator
|
||||
const progressBar = document.createElement('div');
|
||||
progressBar.style.cssText = `
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 0;
|
||||
height: 3px;
|
||||
background: linear-gradient(90deg, var(--color-primary), var(--color-secondary));
|
||||
z-index: 9999;
|
||||
transition: width 0.1s ease;
|
||||
`;
|
||||
document.body.appendChild(progressBar);
|
||||
|
||||
window.addEventListener('scroll', () => {
|
||||
const scrolled = (window.scrollY / (document.documentElement.scrollHeight - window.innerHeight)) * 100;
|
||||
progressBar.style.width = scrolled + '%';
|
||||
});
|
||||
|
||||
// Enhanced section animations on scroll
|
||||
const sections = document.querySelectorAll('.privacy-policy__section');
|
||||
const observerOptions = {
|
||||
threshold: 0.1,
|
||||
rootMargin: '0px 0px -50px 0px'
|
||||
};
|
||||
|
||||
const observer = new IntersectionObserver((entries) => {
|
||||
entries.forEach(entry => {
|
||||
if (entry.isIntersecting) {
|
||||
entry.target.style.animationPlayState = 'running';
|
||||
}
|
||||
});
|
||||
}, observerOptions);
|
||||
|
||||
sections.forEach(section => {
|
||||
observer.observe(section);
|
||||
});
|
||||
});
|
||||
|
||||
// Simple analytics for privacy policy page
|
||||
if (typeof gtag !== 'undefined') {
|
||||
gtag('event', 'page_view', {
|
||||
page_title: 'Política de Privacidad',
|
||||
page_location: window.location.href
|
||||
});
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user