<div class="bg-gradient-to-br from-black via-gray-900 to-green-950 text-white min-h-screen overflow-x-hidden"> <!-- Hero Section --> <header class="py-12 sm:py-24 px-4 sm:px-8 md:px-16 lg:px-32"> <div class="max-w-6xl mx-auto text-center space-y-6" data-aos="fade-down"> <h1 class="text-4xl sm:text-6xl md:text-7xl font-bold mb-4"> Mayorista <span class="bg-gradient-to-r from-green-400 to-green-600 text-transparent bg-clip-text">La Plata</span> </h1> <p class="text-lg sm:text-xl text-gray-300 max-w-2xl mx-auto leading-relaxed"> Tu socio comercial de confianza para productos importados y nacionales </p> </div> </header> <!-- Quiénes Somos --> <section class="py-12 sm:py-24 px-4 sm:px-8 md:px-16 lg:px-32"> <div class="max-w-6xl mx-auto"> <div class="bg-white/10 backdrop-blur-lg rounded-3xl p-12" data-aos="fade-up"> <h2 class="text-4xl font-bold mb-8">Quiénes Somos</h2> <p class="text-xl text-gray-300 leading-relaxed"> Somos un negocio mayorista ubicado en La Plata, especializado en ofrecer una amplia variedad de productos importados y nacionales. Nos destacamos por nuestra calidad y garantía de un año en productos de marcas reconocidas. </p> </div> </div> </section> <!-- Requisitos y Garantía --> <section class="py-12 sm:py-24 px-4 sm:px-8 md:px-16 lg:px-32"> <div class="max-w-6xl mx-auto"> <div class="grid grid-cols-1 md:grid-cols-2 gap-12"> <!-- Requisitos Card --> <div class="bg-white/10 backdrop-blur-lg rounded-3xl p-12 transform hover:scale-105 transition-all duration-300" data-aos="fade-right"> <div class="flex items-center mb-8"> <div class="bg-green-500 p-4 rounded-full mr-4"> <svg class="w-8 h-8 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /> </svg> </div> <h2 class="text-4xl font-bold">Requisitos</h2> </div> <div class="space-y-6"> <div class="text-5xl font-bold text-green-400">$40,000</div> <p class="text-xl text-gray-300">Mínimo primera compra</p> <ul class="space-y-4"> <li class="flex items-center text-gray-300"> <svg class="w-6 h-6 text-green-500 mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" /> </svg> Productos iguales o surtidos </li> <li class="flex items-center text-gray-300"> <svg class="w-6 h-6 text-green-500 mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" /> </svg> Sin mínimo en compras posteriores </li> </ul> </div> </div> <!-- Garantía Card --> <div class="bg-white/10 backdrop-blur-lg rounded-3xl p-12 transform hover:scale-105 transition-all duration-300" data-aos="fade-left"> <div class="flex items-center mb-8"> <div class="bg-green-500 p-4 rounded-full mr-4"> <svg class="w-8 h-8 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z" /> </svg> </div> <h2 class="text-4xl font-bold">Garantía</h2> </div> <div class="space-y-6"> <div class="text-5xl font-bold text-yellow-400">1 Año</div> <p class="text-xl text-gray-300">En productos seleccionados</p> <ul class="space-y-4"> <li class="flex items-center text-gray-300"> <svg class="w-6 h-6 text-yellow-400 mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" /> </svg> Marcas reconocidas </li> <li class="flex items-center text-gray-300"> <svg class="w-6 h-6 text-yellow-400 mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" /> </svg> Según términos y condiciones </li> </ul> </div> </div> </div> </div> </section> <!-- Envíos --> <section class="py-12 sm:py-24 px-4 sm:px-8 md:px-16 lg:px-32"> <div class="max-w-6xl mx-auto"> <div class="bg-white/10 backdrop-blur-lg rounded-3xl p-12" data-aos="fade-up"> <div class="flex items-center mb-8"> <div class="bg-green-500 p-4 rounded-full mr-4"> <svg class="w-8 h-8 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16V6a1 1 0 00-1-1H4a1 1 0 00-1 1v10a1 1 0 001 1h1m8-1a1 1 0 01-1 1H9m4-1V8a1 1 0 011-1h2.586a1 1 0 01.707.293l3.414 3.414a1 1 0 01.293.707V16a1 1 0 01-1 1h-1m-6-1a1 1 0 001 1h1M5 17a2 2 0 104 0m-4 0a2 2 0 114 0m6 0a2 2 0 104 0m-4 0a2 2 0 114 0" /> </svg> </div> <h2 class="text-4xl font-bold">Zonas de Envío</h2> </div> <div class="grid md:grid-cols-2 gap-8"> <div class="space-y-4"> <ul class="space-y-4"> <li class="flex items-center text-xl text-gray-300"> <svg class="w-6 h-6 text-green-500 mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" /> </svg> Los Hornos </li> <li class="flex items-center text-xl text-gray-300"> <svg class="w-6 h-6 text-green-500 mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" /> </svg> La Plata </li> <li class="flex items-center text-xl text-gray-300"> <svg class="w-6 h-6 text-green-500 mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" /> </svg> Alrededores </li> <li class="flex items-center text-xl text-gray-300"> <svg class="w-6 h-6 text-green-500 mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" /> </svg> Todo el país </li> </ul> </div> </div> </div> </div> </section> <!-- Contacto WhatsApp --> <div class="bg-gradient-to-br from-black via-gray-900 to-green-950 text-white py-12 sm:py-24 px-4 sm:px-8 md:px-16 lg:px-32"> <div class="max-w-6xl mx-auto w-full"> <div class="text-center space-y-6 mb-8 sm:mb-16"> <h2 class="text-3xl sm:text-5xl md:text-6xl font-bold mb-4 text-white" data-aos="fade-down" data-aos-delay="100"> Contactanos por <span class="text-green-500">WhatsApp</span> </h2> <p class="text-lg sm:text-xl text-gray-300 max-w-2xl mx-auto leading-relaxed" data-aos="fade-up" data-aos-delay="150"> Elegí la opción que prefieras y realizá tu pedido de forma rápida y segura </p> </div> <div class="grid grid-cols-1 sm:grid-cols-3 gap-12 text-center" data-aos="fade-up" data-aos-delay="200"> <a href="https://wa.me/542214196860" target="_blank" rel="noopener noreferrer" class="group bg-white/10 backdrop-blur-lg rounded-3xl p-8 hover:bg-white/15 transition-all duration-300 hover:shadow-xl transform hover:scale-105" > <div class="flex flex-col items-center space-y-8"> <div class="bg-green-500 p-5 rounded-full shadow-lg"> <svg class="w-12 h-12 text-white" fill="currentColor" viewBox="0 0 24 24"> <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z" /> </svg> </div> <div class="space-y-4"> <div class="text-4xl font-bold tracking-wider text-white">221 419-6860</div> <div class="text-lg text-white font-medium">Hacé tu pedido</div> </div> </div> </a> <a href="https://wa.me/542214383701" target="_blank" rel="noopener noreferrer" class="group bg-white/10 backdrop-blur-lg rounded-3xl p-8 hover:bg-white/15 transition-all duration-300 hover:shadow-xl transform hover:scale-105" > <div class="flex flex-col items-center space-y-8"> <div class="bg-green-500 p-5 rounded-full shadow-lg"> <svg class="w-12 h-12 text-white" fill="currentColor" viewBox="0 0 24 24"> <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z" /> </svg> </div> <div class="space-y-4"> <div class="text-4xl font-bold tracking-wider text-white">221 438-3701</div> <div class="text-lg text-white font-medium">Hacé tu pedido</div> </div> </div> </a> <a href="https://wa.me/542215047378" target="_blank" rel="noopener noreferrer" class="group bg-white/10 backdrop-blur-lg rounded-3xl p-8 hover:bg-white/15 transition-all duration-300 hover:shadow-xl transform hover:scale-105" > <div class="flex flex-col items-center space-y-8"> <div class="bg-green-500 p-5 rounded-full shadow-lg"> <svg class="w-12 h-12 text-white" fill="currentColor" viewBox="0 0 24 24"> <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z" /> </svg> </div> <div class="space-y-4"> <div class="text-4xl font-bold tracking-wider text-white">221 504-7378</div> <div class="text-lg text-white font-medium">Hacé tu pedido</div> </div> </div> </a> </div> </div> </div> <!-- Footer --> <footer class="bg-black/30 backdrop-blur-lg py-8"> <div class="container mx-auto px-4 text-center text-gray-400"> <p>© 2025 Mayorista La Plata. Todos los derechos reservados.</p> </div> </footer> </div>
Métodos de Pago con los que trabajamos
10% Recarga