desafios en curso
This commit is contained in:
+187
-18
@@ -15,8 +15,8 @@
|
||||
<!-- Sección Hero -->
|
||||
<section id="hero" class="hero-section">
|
||||
<div class="hero-content">
|
||||
<h1 class="hero-title">Marcas con esencia, construidas con estrategia.</h1>
|
||||
<p class="hero-subtitle">Tenemos las disciplinas que los negocios necesitan para crecer sin perder lo que los hace únicos.</p>
|
||||
<h1 class="hero-title">Marcas con esencia, construidas con estrategia</h1>
|
||||
<p class="hero-subtitle">Diseñamos servicios que se adaptan a tu realidad, para ayudarte a crecer sin perder lo que te hace único</p>
|
||||
<div class="hero-cta-group">
|
||||
<a href="#" class="btn btn-primary hero-cta-primary">Hablemos</a>
|
||||
<a href="inicio.html#servicios" class="btn btn-secondary hero-cta-secondary">Conocé más</a>
|
||||
@@ -166,7 +166,7 @@
|
||||
<section id="metodologia" class="metodologia-section">
|
||||
<div class="metodologia-header">
|
||||
<h2 class="metodologia-title">Método A&R</h2>
|
||||
<p class="metodologia-subtitle">Tu proceso paso a paso sin sorpresas</p>
|
||||
<p class="metodologia-subtitle">Calibramos nuestro método para cada cliente. <br>Nuestras decisiones se basan en datos y estrategias.</p>
|
||||
</div>
|
||||
|
||||
<div class="metodologia-grid">
|
||||
@@ -179,6 +179,7 @@
|
||||
<div class="paso-info">
|
||||
<h3 class="paso-titulo">Contacto</h3>
|
||||
<p class="paso-subtitulo">Reunión de brief</p>
|
||||
<p class="paso-body">Entendemos tu negocio <br>y tus objetivos.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -191,6 +192,7 @@
|
||||
<div class="paso-info">
|
||||
<h3 class="paso-titulo">Propuesta</h3>
|
||||
<p class="paso-subtitulo">Plan de trabajo</p>
|
||||
<p class="paso-body">Diseñamos la estrategia, <br> definimos metas.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -203,6 +205,7 @@
|
||||
<div class="paso-info">
|
||||
<h3 class="paso-titulo">Diseño</h3>
|
||||
<p class="paso-subtitulo">Dirección de arte</p>
|
||||
<p class="paso-body">Concepto visual a tu aprobación.<br> Activamos y monitoreamos.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -215,6 +218,7 @@
|
||||
<div class="paso-info">
|
||||
<h3 class="paso-titulo">Producción</h3>
|
||||
<p class="paso-subtitulo">Desarrollo</p>
|
||||
<p class="paso-body">Construimos con seguimiento.<br> Analizamos y optimizamos.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -226,40 +230,205 @@
|
||||
</div>
|
||||
<div class="paso-info">
|
||||
<h3 class="paso-titulo">Revisión</h3>
|
||||
<p class="paso-subtitulo">Ajustes finales</p>
|
||||
<p class="paso-subtitulo">Feedback</p>
|
||||
<p class="paso-body">Ajustamos según resultados y <br>aprendizajes del mercado.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Paso 6: Lanzamiento -->
|
||||
<!-- Paso 6: Resultado -->
|
||||
<div class="paso-item" data-paso="5">
|
||||
<div class="paso-arco">
|
||||
<span class="arco-svg" aria-hidden="true"></span>
|
||||
<span class="paso-icono icon-lanzamiento" aria-hidden="true"></span>
|
||||
</div>
|
||||
<div class="paso-info">
|
||||
<h3 class="paso-titulo">Lanzamiento</h3>
|
||||
<h3 class="paso-titulo">Resultado</h3>
|
||||
<p class="paso-subtitulo">Entrega</p>
|
||||
<p class="paso-body">Accesos, capacitaciones y definimos próximos pasos.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Sección 5 -->
|
||||
<section id="inicio-section-5">
|
||||
<h2>Sección 5</h2>
|
||||
<p>Contenido pendiente de definir.</p>
|
||||
<!-- Sección 5: Planes Destacados -->
|
||||
<section id="planes-destacados" class="planes-section">
|
||||
<div class="planes-header">
|
||||
<h2 class="planes-title">Planes destacados</h2>
|
||||
<p class="planes-subtitle">Soluciones diseñadas para cada etapa de tu marca</p>
|
||||
</div>
|
||||
|
||||
<div class="planes-grid" id="planes-grid">
|
||||
<!-- Plan 1: Esencial -->
|
||||
<article class="plan-card" data-plan="esencial">
|
||||
<div class="plan-header">
|
||||
<h3 class="plan-title">Plan Esencial</h3>
|
||||
<p class="plan-subtitle">Para marcas que recién comienzan</p>
|
||||
</div>
|
||||
<ul class="plan-features">
|
||||
<li>Identidad visual básica</li>
|
||||
<li>Diseño de sitio web institucional</li>
|
||||
<li>Gestión inicial de redes sociales</li>
|
||||
<li>Reporte mensual de métricas</li>
|
||||
</ul>
|
||||
<div class="plan-tags">
|
||||
<span class="plan-tag">Branding</span>
|
||||
<span class="plan-tag">Web</span>
|
||||
<span class="plan-tag">Redes</span>
|
||||
</div>
|
||||
<a href="planes.html#esencial" class="btn btn-secondary plan-cta">Ver plan completo</a>
|
||||
</article>
|
||||
|
||||
<!-- Plan 2: Premium (destacado) -->
|
||||
<article class="plan-card plan-featured" data-plan="premium">
|
||||
<div class="plan-badge" aria-label="Plan recomendado">
|
||||
<svg class="laurel-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path d="M12 2L14 7L19 7L15 10L17 15L12 12L7 15L9 10L5 7L10 7Z"/>
|
||||
</svg>
|
||||
<span class="badge-text">Recomendado</span>
|
||||
</div>
|
||||
<div class="plan-header">
|
||||
<h3 class="plan-title">Plan Premium</h3>
|
||||
<p class="plan-subtitle">Para negocios que quieren escalar</p>
|
||||
</div>
|
||||
<ul class="plan-features">
|
||||
<li>Branding completo y manual de marca</li>
|
||||
<li>Sitio web + landing de conversión</li>
|
||||
<li>Producción audiovisual mensual</li>
|
||||
<li>Campañas de paid media (Meta + Google)</li>
|
||||
<li>Automatizaciones de WhatsApp</li>
|
||||
</ul>
|
||||
<div class="plan-tags">
|
||||
<span class="plan-tag">Branding</span>
|
||||
<span class="plan-tag">Web</span>
|
||||
<span class="plan-tag">Contenido</span>
|
||||
<span class="plan-tag">Paid Media</span>
|
||||
<span class="plan-tag">Automatización</span>
|
||||
</div>
|
||||
<a href="planes.html#premium" class="btn btn-primary plan-cta">Ver plan completo</a>
|
||||
</article>
|
||||
|
||||
<!-- Plan 3: Corporativo -->
|
||||
<article class="plan-card" data-plan="corporativo">
|
||||
<div class="plan-header">
|
||||
<h3 class="plan-title">Plan Corporativo</h3>
|
||||
<p class="plan-subtitle">Gestión integral 360°</p>
|
||||
</div>
|
||||
<ul class="plan-features">
|
||||
<li>Dirección creativa y estratégica</li>
|
||||
<li>Branding integral + packaging</li>
|
||||
<li>Pauta multicanal (Meta, TikTok, Google)</li>
|
||||
<li>Reportes quincenales con KPIs</li>
|
||||
<li>Equipo dedicado a tu marca</li>
|
||||
</ul>
|
||||
<div class="plan-tags">
|
||||
<span class="plan-tag">Estrategia</span>
|
||||
<span class="plan-tag">Branding</span>
|
||||
<span class="plan-tag">Paid Media</span>
|
||||
<span class="plan-tag">KPIs</span>
|
||||
</div>
|
||||
<a href="planes.html#corporativo" class="btn btn-secondary plan-cta">Ver plan completo</a>
|
||||
</article>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Sección 6 -->
|
||||
<section id="inicio-section-6">
|
||||
<h2>Sección 6</h2>
|
||||
<p>Contenido pendiente de definir.</p>
|
||||
<!-- Sección 6: Portfolio -->
|
||||
<section id="portfolio" class="portfolio-section">
|
||||
<div class="portfolio-container">
|
||||
<!-- Columna Izquierda: Texto -->
|
||||
<div class="portfolio-text">
|
||||
<h2 class="portfolio-title">Nuestros últimos desafíos</h2>
|
||||
<p class="portfolio-subtitle">Cada proyecto es una oportunidad para crear algo único y memorable</p>
|
||||
<a href="portfolio.html" class="btn btn-secondary">Ver portfolio completo</a>
|
||||
</div>
|
||||
|
||||
<!-- Columna Derecha: Carrusel -->
|
||||
<div class="portfolio-carousel">
|
||||
<div class="carousel-container">
|
||||
<div class="carousel-slide active">
|
||||
<img src="assets/img/proyecto1.png" alt="Proyecto 1" class="carousel-image">
|
||||
</div>
|
||||
<div class="carousel-slide">
|
||||
<img src="assets/img/proyecto2.png" alt="Proyecto 2" class="carousel-image">
|
||||
</div>
|
||||
<div class="carousel-slide">
|
||||
<img src="assets/img/proyecto3.png" alt="Proyecto 3" class="carousel-image">
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-indicators">
|
||||
<span class="indicator active" data-slide="0"></span>
|
||||
<span class="indicator" data-slide="1"></span>
|
||||
<span class="indicator" data-slide="2"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Tira de Iconos (Certificaciones, Herramientas, Marcas) -->
|
||||
<div class="marquee-section">
|
||||
<div class="marquee-track" id="marquee-track">
|
||||
<!-- Primera tanda de iconos -->
|
||||
<div class="marquee-item">
|
||||
<span class="marquee-icon icon-google" aria-hidden="true"></span>
|
||||
</div>
|
||||
<div class="marquee-item">
|
||||
<span class="marquee-icon icon-meta" aria-hidden="true"></span>
|
||||
</div>
|
||||
<div class="marquee-item">
|
||||
<span class="marquee-icon icon-hubspot" aria-hidden="true"></span>
|
||||
</div>
|
||||
<div class="marquee-item">
|
||||
<span class="marquee-icon icon-shopify" aria-hidden="true"></span>
|
||||
</div>
|
||||
<div class="marquee-item">
|
||||
<span class="marquee-icon icon-wordpress" aria-hidden="true"></span>
|
||||
</div>
|
||||
<div class="marquee-item">
|
||||
<span class="marquee-icon icon-figma" aria-hidden="true"></span>
|
||||
</div>
|
||||
<div class="marquee-item">
|
||||
<span class="marquee-icon icon-adobe" aria-hidden="true"></span>
|
||||
</div>
|
||||
<div class="marquee-item">
|
||||
<span class="marquee-icon icon-mailchimp" aria-hidden="true"></span>
|
||||
</div>
|
||||
<!-- Segunda tanda (duplicada para loop infinito) -->
|
||||
<div class="marquee-item">
|
||||
<span class="marquee-icon icon-google" aria-hidden="true"></span>
|
||||
</div>
|
||||
<div class="marquee-item">
|
||||
<span class="marquee-icon icon-meta" aria-hidden="true"></span>
|
||||
</div>
|
||||
<div class="marquee-item">
|
||||
<span class="marquee-icon icon-hubspot" aria-hidden="true"></span>
|
||||
</div>
|
||||
<div class="marquee-item">
|
||||
<span class="marquee-icon icon-shopify" aria-hidden="true"></span>
|
||||
</div>
|
||||
<div class="marquee-item">
|
||||
<span class="marquee-icon icon-wordpress" aria-hidden="true"></span>
|
||||
</div>
|
||||
<div class="marquee-item">
|
||||
<span class="marquee-icon icon-figma" aria-hidden="true"></span>
|
||||
</div>
|
||||
<div class="marquee-item">
|
||||
<span class="marquee-icon icon-adobe" aria-hidden="true"></span>
|
||||
</div>
|
||||
<div class="marquee-item">
|
||||
<span class="marquee-icon icon-mailchimp" aria-hidden="true"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Sección 7 -->
|
||||
<section id="inicio-section-7">
|
||||
<h2>Sección 7</h2>
|
||||
<p>Contenido pendiente de definir.</p>
|
||||
<!-- Sección 7: CTA Final -->
|
||||
<section id="cta-final" class="cta-section">
|
||||
<div class="cta-card">
|
||||
<h2 class="cta-title">¿Listo para hacer crecer tu marca?</h2>
|
||||
<p class="cta-subtitle">Contanos tu desafío y diseñemos juntos la estrategia que tu negocio necesita. Sin compromiso, sin vueltas.</p>
|
||||
<div class="cta-buttons">
|
||||
<a href="contacto.html" class="btn btn-cta-primary">Hablemos ahora</a>
|
||||
<a href="servicios.html" class="btn btn-cta-secondary">Conocé nuestros servicios</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user