mirror of
https://github.com/marcogll/join_landing_vanity.git
synced 2026-01-13 13:25:15 +00:00
682 lines
31 KiB
HTML
682 lines
31 KiB
HTML
<!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>💖 Únete a Vanity — Aplica en 5 min</title>
|
||
<meta name="description" content="Capacitación real, ingresos por desempeño y un equipo que te impulsa. Aplica en 2 minutos.">
|
||
|
||
<!-- 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="Únete a Vanity — Crece tu talento en belleza">
|
||
<meta property="og:description" content="Capacitación real, ingresos por desempeño y un equipo que te impulsa. Aplica en 2 minutos.">
|
||
<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/">
|
||
|
||
<!-- 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/carousel.css">
|
||
<link rel="stylesheet" href="/css/animations.css">
|
||
|
||
<!-- Schema.org JSON-LD -->
|
||
<script type="application/ld+json">
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@type": "JobPosting",
|
||
"title": "Profesional en Servicios de Belleza",
|
||
"description": "Únete al equipo Vanity. Oportunidades para nail techs, lash artists, estilistas y más.",
|
||
"hiringOrganization": {
|
||
"@type": "Organization",
|
||
"name": "Vanity",
|
||
"url": "https://vanity.grupoalma.com",
|
||
"logo": "https://join.vanity.grupoalma.com/assets/img/logos/vanity_bk.png"
|
||
},
|
||
"jobLocation": {
|
||
"@type": "Place",
|
||
"address": {
|
||
"@type": "PostalAddress",
|
||
"addressLocality": "Saltillo",
|
||
"addressRegion": "Coahuila",
|
||
"addressCountry": "MX"
|
||
}
|
||
},
|
||
"employmentType": "OTHER",
|
||
"datePosted": "2025-09-20"
|
||
}
|
||
</script>
|
||
</head>
|
||
<body>
|
||
<header id="inicio" class="site-header">
|
||
<nav class="nav">
|
||
<a class="nav__logo" href="https://vanityexperience.mx/" target="_blank" rel="noopener">
|
||
<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="#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>
|
||
<!-- HERO SECTION -->
|
||
<section class="hero">
|
||
<div class="container">
|
||
<div class="hero__content">
|
||
<h1 class="hero__title">
|
||
Únete a Vanity y crece con tu <span id="rotating" class="hero__rotating">Talento</span>
|
||
</h1>
|
||
<p class="hero__subtitle">
|
||
Capacitación real, ingresos por desempeño y un equipo que te impulsa.
|
||
</p>
|
||
<div class="hero__actions">
|
||
<a class="btn btn--primary btn--lg" href="#aplicar">Aplicar ahora</a>
|
||
<a class="btn btn--ghost btn--lg" href="#beneficios">Conocer beneficios</a>
|
||
</div>
|
||
</div>
|
||
<div class="hero__image">
|
||
<div class="hero__carousel" id="heroCarousel">
|
||
<div class="hero__slide active">
|
||
<img src="/assets/img/carousel/hero/1.jpeg" alt="Servicios de belleza profesional Vanity" width="400" height="400" loading="eager">
|
||
</div>
|
||
<div class="hero__slide">
|
||
<img src="/assets/img/carousel/hero/2.jpeg" alt="Técnicas de uñas profesionales" width="400" height="400" loading="lazy">
|
||
</div>
|
||
<div class="hero__slide">
|
||
<img src="/assets/img/carousel/hero/3.jpeg" alt="Servicios de pestañas especializados" width="400" height="400" loading="lazy">
|
||
</div>
|
||
<div class="hero__slide">
|
||
<img src="/assets/img/carousel/hero/4.jpeg" alt="Maquillaje profesional y estilismo" width="400" height="400" loading="lazy">
|
||
</div>
|
||
<div class="hero__slide">
|
||
<img src="/assets/img/carousel/hero/5.jpeg" alt="Ambiente profesional de trabajo" width="400" height="400" loading="lazy">
|
||
</div>
|
||
<div class="hero__slide">
|
||
<img src="/assets/img/carousel/hero/6.jpeg" alt="Equipo de profesionales Vanity" width="400" height="400" loading="lazy">
|
||
</div>
|
||
<div class="hero__slide">
|
||
<img src="/assets/img/carousel/hero/7.jpeg" alt="Resultados de calidad en servicios" width="400" height="400" loading="lazy">
|
||
</div>
|
||
<div class="hero__slide">
|
||
<img src="/assets/img/carousel/hero/8.jpeg" alt="Capacitación y crecimiento profesional" width="400" height="400" loading="lazy">
|
||
</div>
|
||
<div class="hero__slide">
|
||
<img src="/assets/img/carousel/hero/9.jpeg" alt="Excelencia en servicios de belleza" width="400" height="400" loading="lazy">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- BENEFICIOS SECTION -->
|
||
<section id="beneficios" class="benefits">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<h2>¿Por qué elegir Vanity?</h2>
|
||
<p>En Vanity creemos que la belleza es más que estética: es confianza, cuidado y crecimiento. Con varias sucursales y un equipo en expansión, ofrecemos un ambiente profesional donde tu talento florece y tus ideas cuentan.</p>
|
||
</div>
|
||
|
||
<div class="benefits__grid">
|
||
<div class="benefit-card">
|
||
<div class="benefit-card__icon">📚</div>
|
||
<h3>Capacitación continua</h3>
|
||
<p>Talleres y entrenamientos en tendencias actuales</p>
|
||
</div>
|
||
|
||
<div class="benefit-card">
|
||
<div class="benefit-card__icon">💰</div>
|
||
<h3>Salarios competitivos</h3>
|
||
<p>Ingresos de $10,000 a $20,000 mensuales según habilidad, más comisiones y bonos</p>
|
||
</div>
|
||
|
||
<div class="benefit-card">
|
||
<div class="benefit-card__icon">🕐</div>
|
||
<h3>Flexibilidad de horarios</h3>
|
||
<p>Equilibrio real entre tu vida y tu carrera</p>
|
||
</div>
|
||
|
||
<div class="benefit-card">
|
||
<div class="benefit-card__icon">🏢</div>
|
||
<h3>Ambiente moderno</h3>
|
||
<p>Espacios diseñados para inspirar creatividad</p>
|
||
</div>
|
||
|
||
<div class="benefit-card">
|
||
<div class="benefit-card__icon">📈</div>
|
||
<h3>Crecimiento</h3>
|
||
<p>Ruta clara hacia roles de liderazgo y especialización</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- PERFIL IDEAL SECTION -->
|
||
<section id="perfil" class="profile">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<h2>Perfil ideal</h2>
|
||
<p>Buscamos socias apasionadas por crecer y aportar dentro de un equipo profesional de belleza. Queremos personas con entusiasmo, compromiso y vocación de servicio que disfruten hacer sentir bien a cada clienta.</p>
|
||
</div>
|
||
|
||
<div class="profile__content">
|
||
<div class="profile__requirements">
|
||
<h3>Requisitos mínimos</h3>
|
||
<ul class="checklist">
|
||
<li><strong>Edad:</strong> 18 a 40 años</li>
|
||
<li><strong>Experiencia mínima:</strong> 6 meses en uñas, pestañas, maquillaje, estilismo o cosmetología</li>
|
||
<li><strong>Vocación de servicio:</strong> pasión por brindar una experiencia positiva a las clientas</li>
|
||
<li><strong>Cualidades personales:</strong> madurez, puntualidad y responsabilidad</li>
|
||
<li><strong>Disponibilidad:</strong> de horario y de actuar</li>
|
||
<li><strong>Apertura a retroalimentación:</strong> disposición para aprender y mejorar continuamente</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="profile__desired">
|
||
<h3>Extras valorados</h3>
|
||
<ul class="checklist checklist--secondary">
|
||
<li>Certificaciones profesionales</li>
|
||
<li>Inglés conversacional</li>
|
||
<li>Portafolio reciente (link o fotos de tus trabajos)</li>
|
||
<li>Manejo básico de redes sociales</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- PROCESO SECTION -->
|
||
<section id="proceso" class="process">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<h2>Proceso de aplicación</h2>
|
||
<p>Tiempo estimado: 3–5 días hábiles</p>
|
||
</div>
|
||
|
||
<div class="process__timeline">
|
||
<div class="process__step">
|
||
<div class="process__number">1</div>
|
||
<div class="process__content">
|
||
<h3>Aplicación online</h3>
|
||
<p>Completa la aplicación en línea (3-6 minutos)</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="process__step">
|
||
<div class="process__number">2</div>
|
||
<div class="process__content">
|
||
<h3>Revisión de portafolio</h3>
|
||
<p>Revisamos tu portafolio (48–72h hábiles)</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="process__step">
|
||
<div class="process__number">3</div>
|
||
<div class="process__content">
|
||
<h3>Entrevista</h3>
|
||
<p>Te contactamos para entrevista</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="process__step">
|
||
<div class="process__number">4</div>
|
||
<div class="process__content">
|
||
<h3>Prueba técnica</h3>
|
||
<p>Realizas una prueba técnica breve</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="process__step">
|
||
<div class="process__number">5</div>
|
||
<div class="process__content">
|
||
<h3>Oferta</h3>
|
||
<p>Recibes oferta y on-boarding</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- FAQ SECTION -->
|
||
<section id="faq" class="faq">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<h2>Preguntas frecuentes</h2>
|
||
<p>Resolvemos tus dudas más comunes</p>
|
||
</div>
|
||
|
||
<div class="faq__list">
|
||
<!-- 1. Ingresos y Bonos -->
|
||
<details class="faq__item">
|
||
<summary class="faq__question">¿Cómo funcionan los ingresos y los bonos?</summary>
|
||
<div class="faq__answer">
|
||
<p>
|
||
Ofrecemos <strong>salarios base competitivos</strong> de $10,000 a $20,000 mensuales según tu nivel de habilidad,
|
||
más un <strong>esquema de comisiones</strong> transparente y bonos por <strong>puntualidad</strong> y <strong>desempeño</strong>.
|
||
<br>
|
||
<u>Tu esfuerzo y talento tienen una recompensa directa</u> con ingresos que pueden crecer significativamente con tu desarrollo profesional.
|
||
</p>
|
||
</div>
|
||
</details>
|
||
|
||
<!-- 2. Horarios -->
|
||
<details class="faq__item">
|
||
<summary class="faq__question">¿Qué horarios manejan en Vanity?</summary>
|
||
<div class="faq__answer">
|
||
<p>
|
||
Entre semana: <strong>Matutino 10:00–18:00</strong> y <strong>Vespertino 12:00–20:00</strong>.
|
||
<br>
|
||
Sábados: <strong>10:00–18:00</strong>.
|
||
<br>
|
||
Buscamos que los horarios sean claros y favorezcan un <em>buen balance</em> entre vida personal y laboral.
|
||
</p>
|
||
</div>
|
||
</details>
|
||
|
||
<!-- 3. Materiales, instalaciones y apoyo -->
|
||
<details class="faq__item">
|
||
<summary class="faq__question">¿Qué apoyo ofrece Vanity para trabajar?</summary>
|
||
<div class="faq__answer">
|
||
<p>
|
||
Te brindamos <strong>materiales</strong>, <strong>instalaciones equipadas</strong>, <strong>impulso en redes</strong>,
|
||
<strong>cartera de clientes</strong> y <strong>amenidades para clientas</strong> para que te enfoques en tu talento.
|
||
<br>
|
||
De forma natural, se espera que cuentes con tus <em>herramientas profesionales</em> habituales.
|
||
</p>
|
||
</div>
|
||
</details>
|
||
|
||
<!-- 4. Prueba técnica -->
|
||
<details class="faq__item">
|
||
<summary class="faq__question">¿Qué se evalúa en la prueba técnica?</summary>
|
||
<div class="faq__answer">
|
||
<p>
|
||
Observamos tu <strong>técnica</strong>, manejo de <strong>tiempos</strong>, <strong>higiene</strong>,
|
||
<strong>atención al detalle</strong> y la <strong>calidad del trato</strong> al cliente.
|
||
<br>
|
||
Queremos ver cómo <em>brilla tu talento</em> en un entorno real.
|
||
</p>
|
||
</div>
|
||
</details>
|
||
|
||
<!-- 5. Casa vs. Vanity -->
|
||
<details class="faq__item">
|
||
<summary class="faq__question">¿Qué diferencia hay entre trabajar en casa y en Vanity?</summary>
|
||
<div class="faq__answer">
|
||
<p>
|
||
En Vanity te olvidas de costos como <strong>insumos</strong> o <strong>búsqueda de clientela</strong>; ya cuentas con
|
||
<strong>materiales</strong>, <strong>espacios</strong> y una <strong>cartera de clientas</strong> que valora el servicio.
|
||
Además, nuestro equipo te respalda para que te concentres en <em>lo que mejor haces</em>.
|
||
<br>
|
||
Resultado: <u>ganancias comparables o mejores, con menos preocupaciones operativas</u>.
|
||
</p>
|
||
</div>
|
||
</details>
|
||
|
||
<!-- 6. Turnos parciales / fines de semana -->
|
||
<details class="faq__item">
|
||
<summary class="faq__question">¿Manejan turnos parciales o guardias en fines de semana?</summary>
|
||
<div class="faq__answer">
|
||
<p>
|
||
Sí. Ofrecemos <strong>turnos parciales</strong> enfocados en servicios ágiles como
|
||
<strong>pedicure</strong>, <strong>gelish</strong> o <strong>uñas acrílicas</strong>, especialmente en fines de semana.
|
||
Funciona bajo un esquema flexible <u>sujeto a disponibilidad y demanda</u>, similar a "on-call" en
|
||
<em>temporada alta</em>.
|
||
</p>
|
||
</div>
|
||
</details>
|
||
|
||
<!-- 7. Tipo de contrato -->
|
||
<details class="faq__item">
|
||
<summary class="faq__question">¿Qué tipo de contrato manejan?</summary>
|
||
<div class="faq__answer">
|
||
<p>
|
||
El contrato es por <strong>tiempo indefinido</strong>. Al comprometernos con tu capacitación y crecimiento profesional,
|
||
te pedimos retener tu colaboración en Vanity por <strong>2 años</strong>.
|
||
<br>
|
||
Esto nos permite <em>invertir en tu desarrollo</em> con la tranquilidad de construir un equipo sólido y duradero.
|
||
</p>
|
||
</div>
|
||
</details>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- TESTIMONIOS SECTION -->
|
||
<section id="testimonios" class="testimonials">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<h2>Lo que dicen nuestras socias</h2>
|
||
<p>Historias reales de crecimiento profesional</p>
|
||
</div>
|
||
|
||
<div class="testimonials__carousel" id="testimonialsCarousel">
|
||
<div class="testimonials__track">
|
||
<div class="testimonial-slide active">
|
||
<div class="testimonial-card">
|
||
<div class="testimonial-card__author">
|
||
<img src="/assets/img/testimonials/blanquita.jpeg" alt="Blanquita" width="60" height="60" loading="lazy">
|
||
<div>
|
||
<cite>Blanquita</cite>
|
||
<span>Vanity Plaza O</span>
|
||
</div>
|
||
</div>
|
||
<div class="testimonial-card__content">
|
||
<p>"En Vanity me siento siempre como en casa, mi trabajo para mí es una pasión y compartir con mis compañeras, no solo el trabajo, sino parte de la vida, es un placer. No se diga trabajar con Ale y aprender de ella, siempre inspira. La marca me encanta y ver cómo ha evolucionado y sobre todo ahora ser parte de esa evolución me emociona mucho."</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="testimonial-slide">
|
||
<div class="testimonial-card">
|
||
<div class="testimonial-card__author">
|
||
<img src="/assets/img/testimonials/sabina.jpeg" alt="Sabina" width="60" height="60" loading="lazy">
|
||
<div>
|
||
<cite>Sabina</cite>
|
||
<span>Vanity Plaza O</span>
|
||
</div>
|
||
</div>
|
||
<div class="testimonial-card__content">
|
||
<p>"Mi experiencia en Vanity ha sido genial desde el primer día. Aprendo algo nuevo cada día y estoy orgullosa de mi progreso en técnicas y servicios. Vanity seguirá siendo el mejor!!"</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="testimonial-slide">
|
||
<div class="testimonial-card">
|
||
<div class="testimonial-card__author">
|
||
<img src="/assets/img/testimonials/majo.jpeg" alt="Majo" width="60" height="60" loading="lazy">
|
||
<div>
|
||
<cite>Majo</cite>
|
||
<span>Vanity Plaza CIMA</span>
|
||
</div>
|
||
</div>
|
||
<div class="testimonial-card__content">
|
||
<p>"Me encanta, es mi espacio seguro. Siempre aprendo cosas nuevas para mejorar laboral y personalmente."</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="testimonial-slide">
|
||
<div class="testimonial-card">
|
||
<div class="testimonial-card__author">
|
||
<img src="/assets/img/testimonials/placeholder.png" alt="Anni" width="60" height="60" loading="lazy">
|
||
<div>
|
||
<cite>Anni</cite>
|
||
<span>Vanity Plaza CIMA</span>
|
||
</div>
|
||
</div>
|
||
<div class="testimonial-card__content">
|
||
<p>"Al llegar a Vanity me sentía estancada, pero aquí descubrí que puedo lograr lo que me proponga. He aprendido, crecido y sanado cosas que no sabía que necesitaba. Hoy me siento feliz y acompañada."</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="testimonial-slide">
|
||
<div class="testimonial-card">
|
||
<div class="testimonial-card__author">
|
||
<img src="/assets/img/testimonials/adriana.jpeg" alt="Adriana" width="60" height="60" loading="lazy">
|
||
<div>
|
||
<cite>Adriana</cite>
|
||
<span>Vanity Plaza CIMA</span>
|
||
</div>
|
||
</div>
|
||
<div class="testimonial-card__content">
|
||
<p>"Trabajar en Vanity es increíble, aprendo algo nuevo cada día. La convivencia con el equipo es muy especial y siempre hay apoyo."</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="testimonial-slide">
|
||
<div class="testimonial-card">
|
||
<div class="testimonial-card__author">
|
||
<img src="/assets/img/testimonials/ame.jpeg" alt="América" width="60" height="60" loading="lazy">
|
||
<div>
|
||
<cite>América</cite>
|
||
<span>Vanity Plaza CIMA</span>
|
||
</div>
|
||
</div>
|
||
<div class="testimonial-card__content">
|
||
<p>"Vanity es un lugar seguro donde crecí profesional y personalmente. Amo la vibra y el ambiente, siempre hay algo que me motiva y me hace sentir mejor."</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="testimonial-slide">
|
||
<div class="testimonial-card">
|
||
<div class="testimonial-card__author">
|
||
<img src="/assets/img/testimonials/karen.png" alt="Karen" width="60" height="60" loading="lazy">
|
||
<div>
|
||
<cite>Karen</cite>
|
||
<span>Vanity Los Pinos</span>
|
||
</div>
|
||
</div>
|
||
<div class="testimonial-card__content">
|
||
<p>"Me siento escuchada y valorada, cumpliendo con el trabajo de mis sueños. Vanity es profesional y una gran escuela. Nuestros jefes tienen la paciencia y experiencia para apoyarnos."</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="testimonial-slide">
|
||
<div class="testimonial-card">
|
||
<div class="testimonial-card__author">
|
||
<img src="/assets/img/testimonials/paola.jpeg" alt="Paola" width="60" height="60" loading="lazy">
|
||
<div>
|
||
<cite>Paola</cite>
|
||
<span>Vanity Los Pinos</span>
|
||
</div>
|
||
</div>
|
||
<div class="testimonial-card__content">
|
||
<p>"Me siento agradecida y bendecida de tener a Vanity como mi segunda casa. Empezamos con pocas clientas y ahora es un espacio lleno de buena vibra. Es una experiencia única que solo aquí se vive."</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="testimonial-slide">
|
||
<div class="testimonial-card">
|
||
<div class="testimonial-card__content">
|
||
<p>"Casi tres años en Vanity y he crecido muchísimo. Aprendí cosas nuevas, perfeccioné otras, y día a día veo cómo mi trabajo mejora. Vanity ha evolucionado mucho y ser parte de esto me llena de orgullo y alegría."</p>
|
||
</div>
|
||
<div class="testimonial-card__author">
|
||
<img src="/assets/img/testimonials/itza.jpeg" alt="Itza" width="60" height="60" loading="lazy">
|
||
<div>
|
||
<cite>Itza</cite>
|
||
<span>Vanity Los Pinos</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="testimonial-slide">
|
||
<div class="testimonial-card">
|
||
<div class="testimonial-card__content">
|
||
<p>"Vanity Nail Salon es un espacio que impulsa a crecer y seguir soñando. Cada día es un aprendizaje y un lugar que inspira como clienta y trabajadora."</p>
|
||
</div>
|
||
<div class="testimonial-card__author">
|
||
<img src="/assets/img/testimonials/valeria.jpeg" alt="Vale" width="60" height="60" loading="lazy">
|
||
<div>
|
||
<cite>Vale</cite>
|
||
<span>Vanity Plaza O</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="testimonial-slide">
|
||
<div class="testimonial-card">
|
||
<div class="testimonial-card__content">
|
||
<p>"Mi experiencia ha sido muy buena. Me gusta el equipo, nos apoyamos y estamos en constante capacitación para no quedarnos atrás en tendencias y técnicas."</p>
|
||
</div>
|
||
<div class="testimonial-card__author">
|
||
<img src="/assets/img/testimonials/eunice.jpeg" alt="Eunice" width="60" height="60" loading="lazy">
|
||
<div>
|
||
<cite>Eunice</cite>
|
||
<span>Vanity Plaza O</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="testimonial-slide">
|
||
<div class="testimonial-card">
|
||
<div class="testimonial-card__content">
|
||
<p>"Aunque llevo poco tiempo, me siento motivada y apoyada. He conocido amigas y una red de apoyo que me impulsa a ser responsable y crecer. Vanity ha cambiado mi vida de forma muy positiva."</p>
|
||
</div>
|
||
<div class="testimonial-card__author">
|
||
<img src="/assets/img/testimonials/placeholder.png" alt="Tay" width="60" height="60" loading="lazy">
|
||
<div>
|
||
<cite>Tay</cite>
|
||
<span>Vanity Plaza O</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="testimonial-slide">
|
||
<div class="testimonial-card">
|
||
<div class="testimonial-card__author">
|
||
<img src="/assets/img/testimonials/placeholder.png" alt="Frida" width="60" height="60" loading="lazy">
|
||
<div>
|
||
<cite>Frida</cite>
|
||
<span>Marketing Team</span>
|
||
</div>
|
||
</div>
|
||
<div class="testimonial-card__content">
|
||
<p>"Llegué sin saber nada de uñas y gracias al apoyo de Ale y mis compañeras aprendí paso a paso. Hoy soy directora de marketing y disfruto de mi trabajo con paz, entusiasmo y gratitud. Vanity es un lugar donde cada éxito de la marca se siente personal y especial."</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Carousel Controls -->
|
||
<div class="testimonials__controls">
|
||
<button class="testimonial-nav testimonial-nav--prev" id="testimonioPrev" aria-label="Testimonio anterior">
|
||
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M15 18L9 12L15 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||
</svg>
|
||
</button>
|
||
|
||
<!-- Carousel Indicators -->
|
||
<div class="testimonials__indicators">
|
||
<button class="testimonial-indicator active" data-slide="0" aria-label="Ver testimonio 1"></button>
|
||
<button class="testimonial-indicator" data-slide="1" aria-label="Ver testimonio 2"></button>
|
||
<button class="testimonial-indicator" data-slide="2" aria-label="Ver testimonio 3"></button>
|
||
<button class="testimonial-indicator" data-slide="3" aria-label="Ver testimonio 4"></button>
|
||
<button class="testimonial-indicator" data-slide="4" aria-label="Ver testimonio 5"></button>
|
||
<button class="testimonial-indicator" data-slide="5" aria-label="Ver testimonio 6"></button>
|
||
<button class="testimonial-indicator" data-slide="6" aria-label="Ver testimonio 7"></button>
|
||
<button class="testimonial-indicator" data-slide="7" aria-label="Ver testimonio 8"></button>
|
||
<button class="testimonial-indicator" data-slide="8" aria-label="Ver testimonio 9"></button>
|
||
<button class="testimonial-indicator" data-slide="9" aria-label="Ver testimonio 10"></button>
|
||
<button class="testimonial-indicator" data-slide="10" aria-label="Ver testimonio 11"></button>
|
||
<button class="testimonial-indicator" data-slide="11" aria-label="Ver testimonio 12"></button>
|
||
<button class="testimonial-indicator" data-slide="12" aria-label="Ver testimonio 13"></button>
|
||
</div>
|
||
|
||
<button class="testimonial-nav testimonial-nav--next" id="testimonioNext" aria-label="Siguiente testimonio">
|
||
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M9 18L15 12L9 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||
</svg>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- CTA SECTION WITH CAROUSEL -->
|
||
<section id="aplicar" class="cta-carousel">
|
||
<div class="container">
|
||
<div class="cta-carousel__content">
|
||
<div class="cta-carousel__text">
|
||
<h2>Aplica en 2 minutos y empieza tu camino con Vanity</h2>
|
||
<p>
|
||
Completa nuestra aplicación en línea y descubre las oportunidades
|
||
que tenemos para ti en Vanity. Tu talento merece el mejor lugar para crecer.
|
||
</p>
|
||
<div class="cta-carousel__stats">
|
||
<div class="stat-item">
|
||
<span class="stat-number">15+</span>
|
||
<span class="stat-label">Socias felices</span>
|
||
</div>
|
||
<div class="stat-item">
|
||
<span class="stat-number">3</span>
|
||
<span class="stat-label">Sucursales</span>
|
||
</div>
|
||
<div class="stat-item">
|
||
<span class="stat-number">8+</span>
|
||
<span class="stat-label">Años de experiencia</span>
|
||
</div>
|
||
</div>
|
||
<div class="cta-carousel__actions">
|
||
<button class="btn btn--primary btn--lg" id="openApplicationForm">
|
||
Aplicar ahora
|
||
</button>
|
||
<a href="https://wa.me/5218441565066?text=Hola%20quiero%20información%20sobre%20trabajar%20en%20Vanity"
|
||
class="btn btn--ghost btn--lg"
|
||
target="_blank"
|
||
rel="noopener">
|
||
Contactar por WhatsApp
|
||
</a>
|
||
</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 src="/js/analytics.js" async></script>
|
||
</body>
|
||
</html> |