Tecnoelectro

TECNOELECTRO MAYORISTA DE ELECTRODOMESTICOS E IMPORTADOS

OFERTAS NAVIDEÑAS

LIQUIDACION

OFERTAS DEL MES

PILETAS

CELULARES Y TABLET

SAMSUNG

MOTOROLA

XIAOMI

TELEVISORES SMART

HELADERAS

COCINAS

BICICLETAS

TEMPORADA

DIA DE LA MADRE

DIA DEL NIÑO

AUDIO Y GAMING

PARLANTES

PARLANTES PORTATIL

CONSOLAS

CONSOLAS PORTATIL

AURICULARES

CUIDADO PERSONAL

PEQUEÑOS ELECTRODOMÉSTICOS

YELMO

ULTRACOM

LILIANA

PEABODY

IMPORTADOS

STAR TRAK

ORIX

OM

PHILCO

HYTOSHY

ATMA

LUSQTOFF

CÁMARA Y VIDEO

HERRAMIENTAS Y JARDIN

HERRAMIENTAS LUSQTOFF

HERRAMIENTAS GOODYEAR

GRIFERÍA

INFANTILES

LIMPIEZA

LIBRERÍA

MOCHILAS

MARCADORES

LUMINARIA

MASCOTAS

ORGANIZADORES

RELOJES

SOPORTES

TERMOS Y VASOS TERMICOS

VENTILACIÓN Y CALEFACCIÓN

HIDRATACION

PERFUMERIA Y MODA

BLANQUERIA

SABANAS Y ACOLCHADO

TOALLONES

DECORACION

BAZAR

LAVARROPAS

TERMOTANQUES

TERMOTANQUE GAS

TERMOTANQUE ELECTRICO

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>