Tecnoelectro

TECNOELECTRO MAYORISTA DE ELECTRODOMESTICOS E IMPORTADOS

DIA DEL NIÑO

OFERTAS DEL MES

TV Y PROYECTOR

SMART NOBLEX

SMART TCL

SMART RCA

SMART PHILIPS

SMART SAMSUNG

SMART PHILCO

SMART MOTOROLA

AUDIO Y GAMING

PARLANTES

PARLANTES PORTATIL

CONSOLAS

CONSOLAS PORTATIL

AURICULARES

CÁMARA Y VIDEO

CUIDADO PERSONAL

HERRAMIENTAS Y JARDIN

HERRAMIENTAS LUSQTOFF

HERRAMIENTAS GOODYEAR

GRIFERÍA

INFANTILES

LIMPIEZA

LIBRERÍA

MOCHILAS

MARCADORES

LÍNEA BLANCA

LUMINARIA

MASCOTAS

ORGANIZADORES

PEQUEÑOS ELECTRODOMÉSTICOS

YELMO

ULTRACOM

LILIANA

PEABODY

IMPORTADOS

STAR TRAK

ORIX

OM

PHILCO

HYTOSHY

ATMA

LUSQTOFF

RELOJES

SOPORTES

TERMOS Y VASOS TERMICOS

VENTILACIÓN Y CALEFACCIÓN

RODADOS

CELULARES Y TABLET

SAMSUNG

MOTOROLA

XIAOMI

HIDRATACION

PERFUMERIA Y MODA

BLANQUERIA

SABANAS Y ACOLCHADO

TOALLONES

DECORACION

NUESTRAS MARCAS

<body class="bg-gray-900 text-white">  <section id="inicio" class="min-h-screen -mt-8 flex items-center justify-center bg-gradient-to-br from-black via-gray-900 to-green-950 text-white" > <div class="max-w-6xl mx-auto px-4 text-center"> <div data-aos="fade-up" data-aos-duration="1000"> <h1 class="text-4xl md:text-7xl font-bold mb-6 bg-gradient-to-r from-blue-400 to-purple-500 bg-clip-text text-transparent" > TECNOELECTRO </h1> <p class="text-xl md:text-2xl text-white mb-8 max-w-3xl mx-auto"> Trabajamos con las mejores marcas del mercado </p> <div class="flex flex-col sm:flex-row gap-4 justify-center"> <a href="https://www.rapilist.com/company/tecnoelectro/products"> <button class="bg-blue-600 hover:bg-blue-700 text-white px-8 py-3 rounded-lg font-semibold transition-all transform hover:scale-105" > Ver Productos </button> </a> <a href="https://api.whatsapp.com/send/?phone=5492214196860&text=Hola, quiero saber más sobre los productos" > <button class="border border-blue-500 text-blue-500 hover:bg-blue-500 hover:text-white px-8 py-3 rounded-lg font-semibold transition-all" > Contactanos </button> </a> </div> </div>  <div data-aos="fade-up" data-aos-delay="300" class="mt-16 grid grid-cols-3 md:grid-cols-6 gap-8 opacity-50"> <div class="flex flex-col items-center"> <svg class="w-12 h-12 text-blue-400 mb-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" /> </svg> <span class="text-xs">TV & Audio</span> </div> <div class="flex flex-col items-center"> <svg class="w-12 h-12 text-blue-400 mb-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 18h.01M8 21h8a2 2 0 002-2V5a2 2 0 00-2-2H8a2 2 0 00-2 2v14a2 2 0 002 2z" /> </svg> <span class="text-xs">Smartphones</span> </div> <div class="flex flex-col items-center"> <svg class="w-12 h-12 text-blue-400 mb-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 3v2m6-2v2M9 19v2m6-2v2M5 9H3m2 6H3m18-6h-2m2 6h-2M7 19h10a2 2 0 002-2V7a2 2 0 00-2-2H7a2 2 0 00-2 2v10a2 2 0 002 2zM9 9h6v6H9V9z" /> </svg> <span class="text-xs">Electrodomésticos</span> </div> <div class="flex flex-col items-center"> <svg class="w-12 h-12 text-blue-400 mb-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 17a2 2 0 11-4 0 2 2 0 014 0zM21 17a2 2 0 11-4 0 2 2 0 014 0z" /> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 17h10m0 0a2 2 0 002-2V5a2 2 0 00-2-2H7a2 2 0 00-2 2v10a2 2 0 002 2h10z" /> </svg> <span class="text-xs">Audio</span> </div> <div class="flex flex-col items-center"> <svg class="w-12 h-12 text-blue-400 mb-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" /> </svg> <span class="text-xs">Computadoras</span> </div> <div class="flex flex-col items-center"> <svg class="w-12 h-12 text-blue-400 mb-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z" /> </svg> <span class="text-xs">Accesorios</span> </div> </div> </div> </section>  <section id="marcas" class="py-20 bg-gray-800"> <div class="max-w-6xl mx-auto px-4"> <div data-aos="fade-up" class="text-center mb-16"> <h2 class="text-4xl font-bold mb-4">Trabajamos con las mejores marcas</h2> <p class="text-xl text-gray-400">Calidad garantizada de los líderes del mercado</p> </div> <div data-aos="fade-up" data-aos-delay="200" class="grid grid-cols-2 md:grid-cols-4 lg:grid-cols-6 gap-8">  <div class="bg-gray-700 p-6 rounded-lg hover:bg-gray-600 transition-all transform hover:scale-105 flex flex-col items-center" > <div class="w-16 h-16 bg-white rounded-lg flex items-center justify-center mb-3"> <img src="https://api.rapilist.com/upload/e89d7266-4f75/product/7afcfb49-4e01-47b6-a580-7ea93aa2377e_pc.webp" alt="Yelmo Logo" class="h-10 object-contain" /> </div> <span class="text-sm font-semibold">Yelmo</span> </div>  <div class="bg-gray-700 p-6 rounded-lg hover:bg-gray-600 transition-all transform hover:scale-105 flex flex-col items-center" > <div class="w-16 h-16 bg-white rounded-lg flex items-center justify-center mb-3"> <img src="https://images.seeklogo.com/logo-png/45/1/peabody-energy-logo-png_seeklogo-459904.png" alt="Ultracomb Logo" class="h-10 object-contain" /> </div> <span class="text-sm font-semibold">Ultracomb</span> </div>  <div class="bg-gray-700 p-6 rounded-lg hover:bg-gray-600 transition-all transform hover:scale-105 flex flex-col items-center" > <div class="w-16 h-16 bg-white rounded-lg flex items-center justify-center mb-3"> <img src="https://api.rapilist.com/upload/e89d7266-4f75/product/7cc0a53a-afd8-4ba7-a1ce-875f7096e6d7_pc.webp" alt="Lusqtoff Logo" class="h-10 object-contain" /> </div> <span class="text-sm font-semibold">Lusqtoff</span> </div>  <div class="bg-gray-700 p-6 rounded-lg hover:bg-gray-600 transition-all transform hover:scale-105 flex flex-col items-center" > <div class="w-16 h-16 bg-white rounded-lg flex items-center justify-center mb-3"> <img src="https://images.seeklogo.com/logo-png/45/1/peabody-energy-logo-png_seeklogo-459904.png" alt="Peabody Logo" class="h-10 object-contain" /> </div> <span class="text-sm font-semibold">Peabody</span> </div>  <div class="bg-gray-700 p-6 rounded-lg hover:bg-gray-600 transition-all transform hover:scale-105 flex flex-col items-center" > <div class="w-16 h-16 bg-white rounded-lg flex items-center justify-center mb-3"> <img src="https://api.rapilist.com/upload/e89d7266-4f75/product/aa151590-b84a-47c7-bac7-8661602fee89_pc.webp" alt="Atma Logo" class="h-10 object-contain" /> </div> <span class="text-sm font-semibold">Atma</span> </div>  <div class="bg-gray-700 p-6 rounded-lg hover:bg-gray-600 transition-all transform hover:scale-105 flex flex-col items-center" > <div class="w-16 h-16 bg-white rounded-lg flex items-center justify-center mb-3"> <img src="https://api.rapilist.com/upload/e89d7266-4f75/product/2d0d0ebf-7286-45f2-a5cb-afb9d4646f22_pc.webp" alt="Samsung Logo" class="h-10 object-contain" /> </div> <span class="text-sm font-semibold">Samsung</span> </div>  <div class="bg-gray-700 p-6 rounded-lg hover:bg-gray-600 transition-all transform hover:scale-105 flex flex-col items-center" > <div class="w-16 h-16 bg-white rounded-lg flex items-center justify-center mb-3"> <img src="https://api.rapilist.com/upload/e89d7266-4f75/product/5014e0d2-eda9-4683-ae7f-ca74159f4af8_pc.webp" alt="Philips Logo" class="h-10 object-contain" /> </div> <span class="text-sm font-semibold">Philips</span> </div>  <div class="bg-gray-700 p-6 rounded-lg hover:bg-gray-600 transition-all transform hover:scale-105 flex flex-col items-center" > <div class="w-16 h-16 bg-white rounded-lg flex items-center justify-center mb-3"> <img src="https://substackcdn.com/image/fetch/$s_!6QHc!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb30f55a2-826d-4316-b214-ab08d9db864f_1100x1100.jpeg" alt="RCA Logo" class="h-10 object-contain" /> </div> <span class="text-sm font-semibold">RCA</span> </div>  <div class="bg-gray-700 p-6 rounded-lg hover:bg-gray-600 transition-all transform hover:scale-105 flex flex-col items-center" > <div class="w-16 h-16 bg-white rounded-lg flex items-center justify-center mb-3"> <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTtLPqHA3AnfGTlZnFU_fnP1w3ZZo4Py3LJWA&s" alt="Philco Logo" class="h-10 object-contain" /> </div> <span class="text-sm font-semibold">Philco</span> </div>  <div class="bg-gray-700 p-6 rounded-lg hover:bg-gray-600 transition-all transform hover:scale-105 flex flex-col items-center" > <div class="w-16 h-16 bg-white rounded-lg flex items-center justify-center mb-3">C</div> <span class="text-sm font-semibold">Crown</span> </div>  <div class="bg-gray-700 p-6 rounded-lg hover:bg-gray-600 transition-all transform hover:scale-105 flex flex-col items-center" > <div class="w-16 h-16 bg-white rounded-lg flex items-center justify-center mb-3">M</div> <span class="text-sm font-semibold">Mustang</span> </div>  <div class="bg-gray-700 p-6 rounded-lg hover:bg-gray-600 transition-all transform hover:scale-105 flex flex-col items-center" > <div class="w-16 h-16 bg-white rounded-lg flex items-center justify-center mb-3">K B</div> <span class="text-sm font-semibold">Ken Brown</span> </div>  <div class="bg-gray-700 p-6 rounded-lg hover:bg-gray-600 transition-all transform hover:scale-105 flex flex-col items-center" > <div class="w-16 h-16 bg-white rounded-lg flex items-center justify-center mb-3"> <img src="https://api.rapilist.com/upload/e89d7266-4f75/product/7d00e8be-4bc6-47c7-8ebb-df357ee4c556_pc.webp" alt="TCL Logo" class="h-10 object-contain" /> </div> <span class="text-sm font-semibold">TCL</span> </div>  <div class="bg-gray-700 p-6 rounded-lg hover:bg-gray-600 transition-all transform hover:scale-105 flex flex-col items-center" > <div class="w-16 h-16 bg-white rounded-lg flex items-center justify-center mb-3"> <img src="https://api.rapilist.com/upload/e89d7266-4f75/product/7888a8f8-82cc-411b-976e-64cc256322f8_pc.webp" alt="Gamma Logo" class="h-10 object-contain" /> </div> <span class="text-sm font-semibold">Gamma</span> </div> </div> </div> </section> </body>

Información

<div class="bg-gradient-to-br from-black via-gray-900 to-green-950 text-white min-h-screen overflow-x-hidden">  <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>  <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>  <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">  <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">Minimo de compra $40.000</div> <p class="text-xl text-gray-300"></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> 3 Productos iguales o surtidos que entre los 3 superen los $40.000 </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> Luego de esa compra podran comprar de a una sola unidad al precio mayorista </li> </ul> </div> </div>  <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>  <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>  <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 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>