File size: 6,793 Bytes
1e1dd95 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 | <!DOCTYPE html>
<html lang="en" class="dark">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>BlitzCrew Mastermind - WoT Blitz Crew Mod Builder</title>
<link rel="stylesheet" href="style.css">
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
<script src="https://unpkg.com/feather-icons"></script>
<script src="components/navbar.js"></script>
<script src="components/crew-card.js"></script>
</head>
<body class="bg-gray-900 text-gray-100 min-h-screen">
<custom-navbar></custom-navbar>
<main class="container mx-auto px-4 py-8">
<section class="text-center mb-12">
<h1 class="text-4xl font-bold mb-4 bg-gradient-to-r from-purple-500 to-blue-500 bg-clip-text text-transparent">BlitzCrew Mastermind</h1>
<p class="text-xl text-gray-400 max-w-2xl mx-auto">Build, optimize and share your perfect World of Tanks Blitz crew configurations for mobile gaming</p>
</section>
<section class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mb-12">
<div class="bg-gray-800 rounded-xl p-6 shadow-lg hover:shadow-xl transition-shadow">
<div class="flex items-center mb-4">
<div class="bg-indigo-500 rounded-full p-3 mr-4">
<i data-feather="plus" class="text-white"></i>
</div>
<h2 class="text-xl font-semibold">Create New Crew</h2>
</div>
<p class="text-gray-400 mb-4">Start from scratch with a fresh crew configuration</p>
<a href="#" class="inline-flex items-center text-indigo-400 hover:text-indigo-300">
Build now <i data-feather="arrow-right" class="ml-2 w-4 h-4"></i>
</a>
</div>
<div class="bg-gray-800 rounded-xl p-6 shadow-lg hover:shadow-xl transition-shadow">
<div class="flex items-center mb-4">
<div class="bg-green-500 rounded-full p-3 mr-4">
<i data-feather="trending-up" class="text-white"></i>
</div>
<h2 class="text-xl font-semibold">Popular Builds</h2>
</div>
<p class="text-gray-400 mb-4">Explore trending crew configurations from top players</p>
<a href="#" class="inline-flex items-center text-green-400 hover:text-green-300">
Explore <i data-feather="arrow-right" class="ml-2 w-4 h-4"></i>
</a>
</div>
<div class="bg-gray-800 rounded-xl p-6 shadow-lg hover:shadow-xl transition-shadow">
<div class="flex items-center mb-4">
<div class="bg-yellow-500 rounded-full p-3 mr-4">
<i data-feather="book-open" class="text-white"></i>
</div>
<h2 class="text-xl font-semibold">Crew Guides</h2>
</div>
<p class="text-gray-400 mb-4">Learn advanced crew strategies and optimization tips</p>
<a href="#" class="inline-flex items-center text-yellow-400 hover:text-yellow-300">
Learn <i data-feather="arrow-right" class="ml-2 w-4 h-4"></i>
</a>
</div>
</section>
<section class="mb-12">
<h2 class="text-2xl font-bold mb-6 flex items-center">
<i data-feather="users" class="mr-2"></i> Featured Crew Builds
</h2>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
<custom-crew-card
title="Heavy Tank Dominator"
tank="IS-7"
rating="4.8"
perks="Repairs, Sixth Sense, BiA"
image="http://static.photos/technology/320x240/1">
</custom-crew-card>
<custom-crew-card
title="Medium Tank Assassin"
tank="T-62A"
rating="4.6"
perks="Camo, Snapshot, Smooth Ride"
image="http://static.photos/technology/320x240/2">
</custom-crew-card>
<custom-crew-card
title="TD Sniper Elite"
tank="Grille 15"
rating="4.9"
perks="Camo, Designated Target, Silent Driving"
image="http://static.photos/technology/320x240/3">
</custom-crew-card>
</div>
</section>
<section class="bg-gray-800 rounded-xl p-8 shadow-lg">
<div class="flex flex-col md:flex-row items-center">
<div class="md:w-1/2 mb-6 md:mb-0 md:pr-8">
<h2 class="text-2xl font-bold mb-4">Mobile-Optimized Crew Builder</h2>
<p class="text-gray-400 mb-4">Specially designed interface for mobile devices with touch-friendly controls and easy sharing options.</p>
<div class="flex space-x-4">
<button class="bg-indigo-600 hover:bg-indigo-700 text-white px-6 py-2 rounded-lg flex items-center">
<i data-feather="smartphone" class="mr-2"></i> Try Now
</button>
<button class="border border-indigo-400 text-indigo-400 hover:bg-indigo-900 px-6 py-2 rounded-lg flex items-center">
<i data-feather="video" class="mr-2"></i> Tutorial
</button>
</div>
</div>
<div class="md:w-1/2">
<img src="http://static.photos/gaming/640x360/5" alt="Mobile interface" class="rounded-lg shadow-md">
</div>
</div>
</section>
</main>
<footer class="bg-gray-800 py-8">
<div class="container mx-auto px-4 text-center text-gray-400">
<p>© 2023 BlitzCrew Mastermind. Not affiliated with Wargaming or World of Tanks Blitz.</p>
<div class="flex justify-center space-x-4 mt-4">
<a href="#" class="hover:text-indigo-400"><i data-feather="github"></i></a>
<a href="#" class="hover:text-indigo-400"><i data-feather="twitter"></i></a>
<a href="#" class="hover:text-indigo-400"><i data-feather="discord"></i></a>
</div>
</div>
</footer>
<script>
feather.replace();
</script>
<script src="script.js"></script>
<script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>
</body>
</html> |