Golito Crack Store Chile | Camisetas de Fútbol y Personalización Premium
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Golito Crack Store Chile</title>
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-gray-100 text-gray-900">
<!-- NAVBAR -->
<nav class="bg-white shadow-md p-4 flex justify-between items-center">
<h1 class="text-xl font-bold text-blue-700">GC Store Chile</h1>
<div class="space-x-4 text-sm">
<a href="#">Home</a>
<a href="#">Shop</a>
<a href="#">Customize</a>
<a href="#">Contact</a>
</div>
</nav>
<!-- HERO -->
<section class="text-center py-20 bg-gradient-to-r from-blue-800 to-red-600 text-white">
<h2 class="text-4xl font-bold mb-4">Wear the Game ⚽</h2>
<p class="mb-6">Premium Football Jerseys & Custom Gear</p>
<div class="space-x-4">
<button class="bg-white text-blue-700 px-6 py-2 rounded-xl font-semibold">Shop Now</button>
<button class="border px-6 py-2 rounded-xl">Customize</button>
</div>
</section>
<!-- CATEGORIES -->
<section class="p-10 grid md:grid-cols-3 gap-6">
<div class="bg-white p-6 rounded-2xl shadow text-center">
<h3 class="font-bold text-lg">Player Version</h3>
<p class="text-sm text-gray-500">Elite performance jerseys</p>
</div>
<div class="bg-white p-6 rounded-2xl shadow text-center">
<h3 class="font-bold text-lg">Fan Version</h3>
<p class="text-sm text-gray-500">Comfort and style</p>
</div>
<div class="bg-white p-6 rounded-2xl shadow text-center">
<h3 class="font-bold text-lg">Accessories</h3>
<p class="text-sm text-gray-500">Complete your gear</p>
</div>
</section>
<!-- PRODUCTS -->
<section class="p-10">
<h2 class="text-2xl font-bold mb-6">Featured Jerseys</h2>
<div class="grid md:grid-cols-4 gap-6">
<!-- PRODUCT -->
<div class="bg-white rounded-2xl shadow p-4">
<div class="bg-gray-200 h-40 rounded-xl mb-4"></div>
<h3 class="font-semibold">Real Madrid 24/25</h3>
<p class="text-sm text-gray-500">Player Version</p>
<div class="flex justify-between mt-3">
<span class="font-bold">$39.990</span>
<button>🛒</button>
</div>
</div>
<div class="bg-white rounded-2xl shadow p-4">
<div class="bg-gray-200 h-40 rounded-xl mb-4"></div>
<h3 class="font-semibold">Chile National Team</h3>
<p class="text-sm text-gray-500">Fan Version</p>
<div class="flex justify-between mt-3">
<span class="font-bold">$29.990</span>
<button>🛒</button>
</div>
</div>
</div>
</section>
<!-- CUSTOMIZATION -->
<section class="bg-white text-center py-16">
<h2 class="text-2xl font-bold mb-4">Make It Yours</h2>
<p class="mb-6">Add your name, number & patches</p>
<button class="bg-red-600 text-white px-6 py-2 rounded-xl">Customize Now</button>
</section>
<!-- TRUST -->
<section class="p-10 grid md:grid-cols-3 gap-6 text-center">
<div>
⭐
<p>Premium Quality</p>
</div>
<div>
🚚
<p>Fast Shipping Chile</p>
</div>
<div>
💬
<p>WhatsApp Support</p>
</div>
</section>
<!-- WHATSAPP BUTTON -->
<a href="https://wa.me/569XXXXXXXX"
class="fixed bottom-5 right-5 bg-green-500 text-white px-4 py-3 rounded-full shadow-lg">
WhatsApp
</a>
<!-- FOOTER -->
<footer class="bg-gray-900 text-white text-center p-6">
<p>© 2026 Golito Crack Store Chile</p>
</footer>
</body>
</html>