<div class="min-h-screen bg-gradient-to-br from-slate-50 via-green-50 to-green-50"> <!-- Hero Section --> <section class="relative bg-gradient-to-br from-green-600 via-emerald-600 to-teal-600 py-20 px-6 overflow-hidden mx-6 mt-6 rounded-3xl shadow-2xl"> <div class="absolute inset-0 rounded-3xl"> <div class="absolute inset-0 bg-black/10 rounded-3xl"></div> <div class="absolute top-0 left-0 w-48 h-48 bg-white/10 rounded-full blur-2xl transform -translate-x-1/2 -translate-y-1/2"></div> <div class="absolute bottom-0 right-0 w-64 h-64 bg-white/5 rounded-full blur-2xl transform translate-x-1/2 translate-y-1/2"></div> </div> <div class="relative max-w-7xl mx-auto"> <div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center"> <div class="text-center lg:text-left" data-aos="fade-right"> <h1 class="text-4xl md:text-6xl font-extrabold text-white drop-shadow-xl mb-6 tracking-tight"> Nike Tech </h1> <p class="text-xl md:text-2xl text-green-100 mb-8 leading-relaxed"> Conjuto tech, campera con cierres, capucha y frizada con un estilo drip al igual que el pantalon tambien frizado con un bolsillo trasero y de marca Nike </p> <div class="mb-8"> <div class="text-4xl md:text-5xl font-bold text-white mb-4">$71000</div> <p class="text-green-200 font-semibold animate-pulse">¡Oferta limitada!</p> </div> <div class="flex flex-col sm:flex-row gap-4 justify-center lg:justify-start"> <button class="px-8 py-4 bg-white text-green-600 rounded-full font-bold text-lg hover:scale-105 transition transform shadow-2xl"> Comprar Ahora </button> <button class="px-8 py-4 bg-white/20 backdrop-blur-sm border-2 border-white/30 text-white rounded-full font-bold text-lg hover:bg-white/30 transition-all"> Más Información </button> </div> </div> <div class="relative" data-aos="fade-left"> <img src="https://img01.ztat.net/article/spp-media-p1/baf0be3a61cc48c081d5da09d744eb8d/87e7af6833504384b878dbc1ada6ded6.jpg?imwidth=1800&filter=packshot" alt="Nike Tech" class="w-full max-w-lg mx-auto rounded-2xl shadow-2xl hover:scale-105 transition duration-500"> </div> </div> </div> </section> <section class="py-20 bg-white/50"> <div class="max-w-7xl mx-auto px-6"> <h2 class="text-4xl md:text-5xl font-bold text-center mb-16 bg-gradient-to-r from-green-600 to-emerald-600 bg-clip-text text-transparent" data-aos="fade-up"> Características Principales </h2> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> <div class="bg-white/80 backdrop-blur-sm rounded-3xl p-8 shadow-lg hover:shadow-2xl transition-all duration-300 hover:scale-105" data-aos="fade-up" data-aos-delay="100"> <div class="w-16 h-16 bg-gradient-to-br from-green-500 to-emerald-600 rounded-2xl flex items-center justify-center mb-6"> <span class="text-2xl">⭐</span> </div> <h3 class="text-xl font-bold text-gray-800 mb-4">Conjunto frizado</h3> <p class="text-gray-600">Característica que hace único a tu producto y mejora la experiencia del usuario.</p> </div> <div class="bg-white/80 backdrop-blur-sm rounded-3xl p-8 shadow-lg hover:shadow-2xl transition-all duration-300 hover:scale-105" data-aos="fade-up" data-aos-delay="200"> <div class="w-16 h-16 bg-gradient-to-br from-green-500 to-emerald-600 rounded-2xl flex items-center justify-center mb-6"> <span class="text-2xl">⭐</span> </div> <h3 class="text-xl font-bold text-gray-800 mb-4">Combinacion a la moda de CENTRAL CEE</h3> <p class="text-gray-600">Característica que hace único a tu producto y mejora la experiencia del usuario.</p> </div> <div class="bg-white/80 backdrop-blur-sm rounded-3xl p-8 shadow-lg hover:shadow-2xl transition-all duration-300 hover:scale-105" data-aos="fade-up" data-aos-delay="300"> <div class="w-16 h-16 bg-gradient-to-br from-green-500 to-emerald-600 rounded-2xl flex items-center justify-center mb-6"> <span class="text-2xl">⭐</span> </div> <h3 class="text-xl font-bold text-gray-800 mb-4">Comodo y suelto, ideal para el lifestyle</h3> <p class="text-gray-600">Característica que hace único a tu producto y mejora la experiencia del usuario.</p> </div> </div> </div> </section> <section class="py-20 bg-gray-50"> <div class="max-w-7xl mx-auto px-6"> <div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center"> <div data-aos="fade-right"> <h2 class="text-4xl md:text-5xl font-bold mb-8 bg-gradient-to-r from-green-600 to-emerald-600 bg-clip-text text-transparent"> Beneficios Únicos </h2> <div class="space-y-6"> <div class="flex items-start space-x-4"> <div class="w-8 h-8 bg-green-500 rounded-full flex items-center justify-center flex-shrink-0"> <span class="text-white text-sm">✓</span> </div> <div> <h3 class="font-semibold text-lg text-gray-800">Atrae miradas</h3> <p class="text-gray-600 mt-1">Ventaja competitiva que te diferencia de la competencia.</p> </div> </div> <div class="flex items-start space-x-4"> <div class="w-8 h-8 bg-green-500 rounded-full flex items-center justify-center flex-shrink-0"> <span class="text-white text-sm">✓</span> </div> <div> <h3 class="font-semibold text-lg text-gray-800">Conjunto llamativo</h3> <p class="text-gray-600 mt-1">Ventaja competitiva que te diferencia de la competencia.</p> </div> </div> <div class="flex items-start space-x-4"> <div class="w-8 h-8 bg-green-500 rounded-full flex items-center justify-center flex-shrink-0"> <span class="text-white text-sm">✓</span> </div> <div> <h3 class="font-semibold text-lg text-gray-800">Conjunto caro y elegante</h3> <p class="text-gray-600 mt-1">Ventaja competitiva que te diferencia de la competencia.</p> </div> </div> </div> </div> <div data-aos="fade-left"> <img src="https://img01.ztat.net/article/spp-media-p1/5c5dae1522894438baf328798637f54a/027c43e2feb3465c93f7e4626d039280.jpg?imwidth=1800" alt="Beneficios Nike Tech" class="rounded-3xl shadow-2xl w-full"> </div> </div> </div> </section> <section class="py-20 bg-white"> <div class="max-w-7xl mx-auto px-6"> <h2 class="text-4xl md:text-5xl font-bold text-center mb-16 bg-gradient-to-r from-green-600 to-emerald-600 bg-clip-text text-transparent" data-aos="fade-up"> Lo que dicen nuestros clientes </h2> <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> <div class="bg-white border border-gray-200 rounded-3xl p-8 shadow-lg hover:shadow-2xl transition-all duration-300" data-aos="fade-up" data-aos-delay="100"> <div class="flex items-center mb-6"> <img src="https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?q=80&w=100&auto=format&fit=crop" alt="Cliente" class="w-12 h-12 rounded-full mr-4"> <div> <h4 class="font-semibold text-gray-800">Carlos Mendoza</h4> <p class="text-gray-600 text-sm">Cliente verificado</p> </div> </div> <p class="text-gray-700 italic">"Excelente producto, superó todas mis expectativas. La calidad es impresionante y el servicio al cliente es de primera."</p> <div class="flex mt-4"> <span class="text-yellow-400">⭐⭐⭐⭐⭐</span> </div> </div> <div class="bg-white border border-gray-200 rounded-3xl p-8 shadow-lg hover:shadow-2xl transition-all duration-300" data-aos="fade-up" data-aos-delay="200"> <div class="flex items-center mb-6"> <img src="https://images.unsplash.com/photo-1438761681033-6461ffad8d80?q=80&w=100&auto=format&fit=crop" alt="Cliente" class="w-12 h-12 rounded-full mr-4"> <div> <h4 class="font-semibold text-gray-800">María González</h4> <p class="text-gray-600 text-sm">Cliente verificado</p> </div> </div> <p class="text-gray-700 italic">"Lo recomiendo completamente. La relación calidad-precio es increíble. Definitivamente volvería a comprar."</p> <div class="flex mt-4"> <span class="text-yellow-400">⭐⭐⭐⭐⭐</span> </div> </div> <div class="bg-white border border-gray-200 rounded-3xl p-8 shadow-lg hover:shadow-2xl transition-all duration-300" data-aos="fade-up" data-aos-delay="300"> <div class="flex items-center mb-6"> <img src="https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?q=80&w=100&auto=format&fit=crop" alt="Cliente" class="w-12 h-12 rounded-full mr-4"> <div> <h4 class="font-semibold text-gray-800">Alex Rivera</h4> <p class="text-gray-600 text-sm">Cliente verificado</p> </div> </div> <p class="text-gray-700 italic">"Producto de alta calidad, entrega rápida y excelente atención. Una compra que realmente vale la pena."</p> <div class="flex mt-4"> <span class="text-yellow-400">⭐⭐⭐⭐⭐</span> </div> </div> </div> </div> </section> <section class="py-20 bg-gradient-to-r from-green-600 to-emerald-600"> <div class="max-w-4xl mx-auto px-6 text-center"> <h3 class="text-3xl md:text-4xl font-bold text-white mb-6" data-aos="fade-up">Garantía Total</h3> <p class="text-xl mb-8 text-green-100" data-aos="fade-up" data-aos-delay="200"> Estamos tan seguros de la calidad de nuestro producto que ofrecemos una garantía completa </p> <div class="grid grid-cols-1 md:grid-cols-3 gap-6" data-aos="fade-up" data-aos-delay="400"> <div class="bg-white/20 backdrop-blur-sm rounded-2xl p-6"> <div class="text-3xl mb-3">🛡</div> <h4 class="font-bold mb-2 text-white">Garantía de Calidad</h4> <p class="text-green-100">Calidad G5, súper recomendada y duradera</p> </div> <div class="bg-white/20 backdrop-blur-sm rounded-2xl p-6"> <div class="text-3xl mb-3">↩</div> <h4 class="font-bold mb-2 text-white">Cambio</h4> <p class="text-green-100">Ante una falla hay cambio del producto</p> </div> <div class="bg-white/20 backdrop-blur-sm rounded-2xl p-6"> <div class="text-3xl mb-3">🚚</div> <h4 class="font-bold mb-2 text-white">Envío Gratuito</h4> <p class="text-green-100">A todo el país</p> </div> </div> </div> </section> <section class="py-20 bg-gradient-to-r from-green-600 via-emerald-600 to-teal-600"> <div class="max-w-4xl mx-auto px-6 text-center"> <h2 class="text-4xl md:text-5xl font-bold text-white mb-6" data-aos="fade-up"> ¿Listo para experimentar Nike Tech? </h2> <p class="text-xl text-green-100 mb-8" data-aos="fade-up" data-aos-delay="200"> Únete a miles de clientes satisfechos que ya disfrutan de este increíble producto </p> <div class="flex flex-col sm:flex-row gap-6 justify-center items-center mb-8" data-aos="fade-up" data-aos-delay="400"> <div class="text-center"> <div class="text-4xl font-bold text-white mb-2">$71000</div> <div class="text-green-200">Precio especial</div> </div> <div class="text-2xl text-white">+</div> <div class="text-center"> <div class="text-2xl font-bold text-white mb-2">Envío GRATIS</div> <div class="text-green-200">A todo el país</div> </div> </div> <div class="flex flex-col sm:flex-row gap-4 justify-center" data-aos="fade-up" data-aos-delay="600"> <button class="px-12 py-4 bg-white text-green-600 font-bold rounded-full text-xl hover:scale-105 transition transform shadow-2xl"> Comprar Ahora </button> <a href="https://wa.me/1126655328" target="_blank" class="px-12 py-4 bg-green-500 text-white font-bold rounded-full text-xl hover:scale-105 transition transform shadow-2xl"> 💬 WhatsApp </a> </div> <p class="text-green-200 mt-8" data-aos="fade-up" data-aos-delay="800"> ✓ Garantía de satisfacción ✓ Envío seguro ✓ Soporte 24/7 </p> </div> </section> </div>
<div id="quienes-somos" class="w-full flex flex-col items-center justify-center px-6 py-16 md:px-16 lg:px-32" style="background-color: #ffffff; color: #010101;"> <h1 class="text-4xl md:text-5xl font-bold mb-6 text-center" data-aos="fade-up">¿Quiénes somos?</h1> <p class="text-lg md:text-xl text-center max-w-3xl mb-10" data-aos="fade-up" data-aos-delay="100"> En <strong>Porte Store</strong> vestimos al hombre moderno. Combinamos <strong>elegancia, comodidad</strong> y <strong>precios únicos</strong> con calidad <strong>G5</strong>. Nuestra indumentaria eleva tu estilo sin descuidar tu bolsillo. </p> <img src="https://www.rapilist.com/../upload/4af6bc93-4ae7/page/8eaa1e5a-19c9-4073-8b19-450001daddb2_pc.webp" alt="Indumentaria para hombres" class="w-full max-w-4xl rounded-lg shadow-lg mb-10" data-aos="fade-up" data-aos-delay="200" /> <div class="flex flex-wrap justify-center gap-4" data-aos="fade-up" data-aos-delay="300"> <a href="https://www.rapilist.com/company/portestore/products"> <button class="px-6 py-3 rounded-full text-white transition duration-300 hover:scale-105" style="background-color: #000000;"> NUESTRAS PRENDAS </button> </a> <a href="https://www.instagram.com/portestore_/"> <button class="px-6 py-3 rounded-full text-white transition duration-300 hover:scale-105" style="background-color: #000000;"> NUESTRO INSTAGRAM </button> </a> </div> </div>
Indumentaria para HOMBRES Nuestras prendas aumentan tu ESTILO, combinamos la comodidad y la elegancia en una prenda. Precios unicos de la mano de CALIDAD G5
2384
$ Peso argentino
Dirección
Recoleta - - Ciudad Autónoma de Buenos Aires
Miembro desde: Mar 1, 2025