<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sumá we. a tu tienda</title>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap" rel="stylesheet">
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Inter', sans-serif;
background-color: #ffffff;
color: #000000;
line-height: 1.6;
}
.container {
width: 90%;
max-width: 1200px;
margin: auto;
padding: 40px 0;
}
header {
text-align: center;
padding: 60px 20px 30px 20px;
animation: fadeIn 1s ease-in-out;
}
header h1 {
font-size: 2.5rem;
font-weight: 700;
}
.video-placeholder, .image-placeholder {
width: 100%;
height: auto;
margin: 20px 0;
animation: fadeInUp 1s ease-in-out;
}
section {
padding: 40px 20px;
text-align: center;
animation: fadeInUp 1.2s ease-in-out;
}
section h2 {
font-size: 2rem;
margin-bottom: 20px;
}
section p {
font-size: 1.1rem;
max-width: 800px;
margin: 0 auto 20px auto;
}
.btn-whatsapp {
display: inline-block;
padding: 15px 30px;
background-color: #25D366;
color: white;
font-size: 1.2rem;
border: none;
border-radius: 8px;
text-decoration: none;
transition: background 0.3s ease;
animation: fadeInUp 1.4s ease-in-out;
}
.btn-whatsapp:hover {
background-color: #1ebe5d;
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes fadeInUp {
from { opacity: 0; transform: translateY(30px); }
to { opacity: 1; transform: translateY(0); }
}
@media (max-width: 768px) {
header h1 {
font-size: 2rem;
}
section h2 {
font-size: 1.5rem;
}
.btn-whatsapp {
font-size: 1rem;
padding: 12px 24px;
}
}
</style>
</head>
<body>
<header>
<div class="container">
<h1>¿Querés sumar <strong>we.</strong> a tu tienda?</h1>
</div>
</header>
<div class="container">
<div class="video-placeholder">
<!-- Reemplazá esto con tu video de YouTube -->
<!-- <iframe width="100%" height="400" src="https://www.youtube.com/embed/TU_CODIGO" frameborder="0" allowfullscreen></iframe> -->
</div>
<section>
<h2>Una marca urbana con alma propia</h2>
<p>we. no es solo ropa. Es comunidad, actitud y estilo. Conectamos con quienes viven intensamente, se expresan a través de lo que visten y buscan algo más que moda: buscan identidad.</p>
<div class="image-placeholder" style="height: 300px; background: #eee; display: flex; align-items: center; justify-content: center;">[ Imagen Genérica 1 ]</div>
</section>
<section>
<h2>¿Por qué elegirnos?</h2>
<p>Nuestros productos tienen diseño original, excelente calidad y una propuesta estética distinta que se vende sola. Apostamos a relaciones cercanas y atención personalizada con cada tienda que nos elige.</p>
<div class="image-placeholder" style="height: 300px; background: #eee; display: flex; align-items: center; justify-content: center;">[ Imagen Genérica 2 ]</div>
</section>
<section>
<h2>Sumá una marca que se mueve</h2>
<p>Estamos en constante movimiento, creando lanzamientos, colaboraciones y activaciones. Te damos contenido para que vendas más y sumes algo fresco, diferente y real.</p>
<div class="image-placeholder" style="height: 300px; background: #eee; display: flex; align-items: center; justify-content: center;">[ Imagen Genérica 3 ]</div>
</section>
<section>
<h2>¿Querés saber más?</h2>
<p>Escribile directamente a César y coordiná para sumar we. a tu tienda. Atención 100% personalizada.</p>
<a href="https://wa.me/5493534269099" class="btn-whatsapp" target="_blank">Hablar con César</a>
</section>
</div>
</body>
</html>
