Dunnnn/torpedo-java-thunder-boost
1
1<!DOCTYPE html>2<html lang="en">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>Shop - Torpedo Java</title>7 <link rel="icon" type="image/x-icon" href="/static/favicon.ico">8 <script src="https://cdn.tailwindcss.com"></script>9 <script src="https://unpkg.com/feather-icons"></script>10 <style>11 @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700;900&display=swap');12 body {13 font-family: 'Montserrat', sans-serif;14 background-color: #111827;15 color: white;16 }17 .product-card {18 transition: all 0.3s ease;19 }20 .product-card:hover {21 transform: translateY(-5px);22 box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);23 }24 </style>25</head>26<body>27 <!-- Navigation -->28 <nav class="py-6 px-4 md:px-12 flex justify-between items-center bg-gray-900">29 <div class="flex items-center">30 <div class="w-12 h-12 rounded-lg flex items-center justify-center mr-3 overflow-hidden">31 <img src="https://huggingface.co/spaces/Dunnnn/torpedo-java-thunder-boost/resolve/main/images/torpedo-png.png" alt="Torpedo Java Logo" class="w-full h-full object-contain">32 </div>33 <span class="text-2xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-red-500 to-yellow-500">TORPEDO JAVA</span>34</div>35 <div class="hidden md:flex space-x-8">36 <a href="index.html" class="hover:text-red-400 transition">Home</a>37 <a href="shop.html" class="text-red-400">Shop</a>38 <a href="myaccount.html" class="hover:text-red-400 transition">My Account</a>39<a href="ingredients.html" class="hover:text-red-400 transition">Ingredients</a>40 <a href="about.html" class="hover:text-red-400 transition">About Us</a>41 <a href="how-it-works.html" class="hover:text-red-400 transition">How It Works</a>42 <a href="testimonials.html" class="hover:text-red-400 transition">Testimonials</a>43 <a href="faq.html" class="hover:text-red-400 transition">FAQ</a>44 <a href="privacy-policy.html" class="hover:text-red-400 transition">Privacy Policy</a>45 <a href="terms-of-service.html" class="hover:text-red-400 transition">Terms</a>46 <a href="shipping-policy.html" class="hover:text-red-400 transition">Shipping</a>47 <a href="returns.html" class="hover:text-red-400 transition">Returns</a>48</div>49 <div class="flex items-center space-x-4">50 <div class="relative cursor-pointer" id="cart-icon">51 <i data-feather="shopping-cart"></i>52 <span class="absolute -top-2 -right-2 bg-red-600 text-white text-xs rounded-full h-5 w-5 flex items-center justify-center" id="cart-count">0</span>53 </div>54<button class="bg-red-600 hover:bg-red-700 px-6 py-2 rounded-full font-bold transition transform hover:scale-105">55 ORDER NOW56 </button>57 </div>58 <button class="md:hidden">59 <i data-feather="menu"></i>60 </button>61 </nav>62 63 <!-- Main Content -->64 <main class="container mx-auto py-12 px-4">65 <h1 class="text-4xl font-bold mb-12 text-center">TORPEDO JAVA SHOP</h1>66 67 <!-- Product Grid -->68 <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">69 <!-- Product 1 -->70 <div class="bg-gray-800 rounded-xl overflow-hidden product-card">71 <div class="relative">72 <div class="w-full h-64 bg-gray-700 flex items-center justify-center relative">73 <img src="https://huggingface.co/spaces/Dunnnn/torpedo-java-thunder-boost/resolve/main/images/Screenshot_20241212_154359.jpg" alt="Torpedo Java Starter Pack" class="w-full h-full object-cover">74 <img src="https://huggingface.co/spaces/Dunnnn/torpedo-java-thunder-boost/resolve/main/images/Screenshot_20241212_154424.jpg" alt="Starter Pack Contents" class="absolute inset-0 w-full h-full object-cover opacity-0 hover:opacity-100 transition-opacity duration-300">75<div class="absolute inset-0 bg-black bg-opacity-40"></div>76 </div>77<div class="absolute top-2 right-2 bg-red-600 text-white px-2 py-1 rounded text-sm font-bold">BEST SELLER</div>78</div>79<div class="p-6">80 <h3 class="text-xl font-bold mb-2">Torpedo Java Starter Pack</h3>81<p class="text-gray-400 mb-4">10X Power Java - 16 power packets (2+ weeks supply) with Maca Root, Ginseng, Horny Goat Weed and 9 other potent ingredients. Simply mix with your favorite coffee. Boost energy, enhance sexual performance, libido and erection with just one daily serving. Relieves fatigue and stress while improving blood circulation and prostate health. Our premium herbal extracts and minerals are sourced worldwide to create this all-natural male vitality supplement.</p>82<div class="mb-4">83 <div class="flex justify-between text-sm mb-1">84 <span>Quantity:</span>85 <span>16 packets (2+ weeks)</span>86 </div>87 <div class="flex justify-between text-sm mb-1">88 <span>Flavor:</span>89 <span>Original Coffee Mix</span>90 </div>91</div>92<div class="flex items-center mb-4">93 <div class="flex text-yellow-400">94 <i data-feather="star" class="w-4 h-4 fill-current"></i>95 <i data-feather="star" class="w-4 h-4 fill-current"></i>96 <i data-feather="star" class="w-4 h-4 fill-current"></i>97 <i data-feather="star" class="w-4 h-4 fill-current"></i>98 <i data-feather="star" class="w-4 h-4 fill-current"></i>99 </div>100 <span class="text-gray-400 ml-2">(127 reviews)</span>101 </div>102 <div class="flex justify-between items-center">103 <span class="text-2xl font-bold">$49.99</span>104 <button class="bg-red-600 hover:bg-red-700 px-4 py-2 rounded-full font-bold transition flex items-center" onclick="addToCart('starter-pack', 49.99)">105 <i data-feather="shopping-cart" class="w-4 h-4 mr-2"></i> Add to Cart106 </button>107</div>108 </div>109 </div>110 111 <!-- Product 2 -->112 <div class="bg-gray-800 rounded-xl overflow-hidden product-card">113 <div class="relative">114 <img src="https://huggingface.co/spaces/Dunnnn/torpedo-java-thunder-boost/resolve/main/images/Screenshot_20241212_154424.jpg" alt="Torpedo Java Value Pack" class="w-full h-64 object-cover">115<img src="https://huggingface.co/spaces/Dunnnn/torpedo-java-thunder-boost/resolve/main/images/Screenshot_20241212_154359.jpg" alt="Value Pack Contents" class="absolute inset-0 w-full h-full object-cover opacity-0 hover:opacity-100 transition-opacity duration-300">116<div class="absolute top-2 right-2 bg-yellow-600 text-white px-2 py-1 rounded text-sm font-bold">SAVE 15%</div>117 </div>118 <div class="p-6">119 <h3 class="text-xl font-bold mb-2">Torpedo Java Value Pack</h3>120 <p class="text-gray-400 mb-4">10X Power Java - the energetic herbal mix for men. 32 power packets with our premium formula containing 12 natural extracts. Simply mix with your favorite coffee. Experience enhanced energy, sexual performance and vitality with daily use. Our scientifically-backed formula improves blood flow, reduces fatigue and nourishes prostate health while delivering a delicious experience.</p>121<div class="flex items-center mb-4">122 <div class="flex text-yellow-400">123 <i data-feather="star" class="w-4 h-4 fill-current"></i>124 <i data-feather="star" class="w-4 h-4 fill-current"></i>125 <i data-feather="star" class="w-4 h-4 fill-current"></i>126 <i data-feather="star" class="w-4 h-4 fill-current"></i>127 <i data-feather="star" class="w-4 h-4 fill-current"></i>128 </div>129 <span class="text-gray-400 ml-2">(89 reviews)</span>130 </div>131 <div class="flex justify-between items-center">132 <div>133 <span class="text-gray-400 line-through mr-2">$99.98</span>134 <span class="text-2xl font-bold">$84.99</span>135 </div>136 <button class="bg-red-600 hover:bg-red-700 px-4 py-2 rounded-full font-bold transition flex items-center" onclick="addToCart('value-pack', 84.99)">137 <i data-feather="shopping-cart" class="w-4 h-4 mr-2"></i> Add to Cart138 </button>139</div>140 </div>141 </div>142 143 <!-- Product 3 -->144 <div class="bg-gray-800 rounded-xl overflow-hidden product-card">145 <div class="relative">146 <img src="https://huggingface.co/spaces/Dunnnn/torpedo-java-thunder-boost/resolve/main/images/Screenshot_20241212_154359.jpg" alt="Torpedo Java Bulk Pack" class="w-full h-64 object-cover">147 <img src="https://huggingface.co/spaces/Dunnnn/torpedo-java-thunder-boost/resolve/main/images/Screenshot_20241212_154424.jpg" alt="Bulk Pack Contents" class="absolute inset-0 w-full h-full object-cover opacity-0 hover:opacity-100 transition-opacity duration-300">148<div class="absolute top-2 right-2 bg-green-600 text-white px-2 py-1 rounded text-sm font-bold">SAVE 25%</div>149<div class="absolute top-2 left-2 bg-blue-600 text-white px-2 py-1 rounded text-sm font-bold">FREE SHIPPING</div>150</div>151 <div class="p-6">152 <h3 class="text-xl font-bold mb-2">Torpedo Java Bulk Pack</h3>153 <p class="text-gray-400 mb-4">64 power packets of our scientifically-formulated 10X Power Java blend. The ultimate male enhancement mix that delivers maximum results when added to your coffee - improved energy, libido, erection quality and overall vitality. Each packet contains our proprietary blend of 12 premium herbal extracts from around the world. The perfect daily ritual for peak performance and wellbeing.</p>154<div class="flex items-center mb-4">155 <div class="flex text-yellow-400">156 <i data-feather="star" class="w-4 h-4 fill-current"></i>157 <i data-feather="star" class="w-4 h-4 fill-current"></i>158 <i data-feather="star" class="w-4 h-4 fill-current"></i>159 <i data-feather="star" class="w-4 h-4 fill-current"></i>160 <i data-feather="star" class="w-4 h-4 fill-current"></i>161 </div>162 <span class="text-gray-400 ml-2">(42 reviews)</span>163 </div>164 <div class="flex justify-between items-center">165 <div>166 <span class="text-gray-400 line-through mr-2">$199.96</span>167 <span class="text-2xl font-bold">$149.99</span>168 </div>169 <button class="bg-red-600 hover:bg-red-700 px-4 py-2 rounded-full font-bold transition flex items-center" onclick="addToCart('bulk-pack', 149.99)">170 <i data-feather="shopping-cart" class="w-4 h-4 mr-2"></i> Add to Cart171 </button>172</div>173 </div>174 </div>175 </div>176 </main>177 <!-- Newsletter Section -->178 <section class="py-16 px-4 md:px-12 bg-gray-800 relative z-10">179 <div class="container mx-auto max-w-4xl text-center">180 <h2 class="text-2xl md:text-3xl font-bold mb-4">GET EXCLUSIVE OFFERS</h2>181 <p class="text-gray-300 mb-6">Subscribe to our newsletter for special discounts and early access to new products.</p>182 <form class="flex flex-col sm:flex-row gap-2 justify-center">183 <input type="email" placeholder="Your email address" class="px-4 py-3 rounded-full text-gray-900 focus:outline-none sm:w-80">184 <button type="submit" class="bg-red-600 hover:bg-red-700 text-white px-6 py-3 rounded-full font-bold transition">185 SUBSCRIBE186 </button>187 </form>188 </div>189 </section>190 191 <!-- Footer -->192<footer class="bg-gray-900 py-12 px-4 md:px-12">193 <div class="container mx-auto">194 <div class="grid grid-cols-1 md:grid-cols-4 gap-8">195 <div>196 <h3 class="text-xl font-bold mb-4">TORPEDO JAVA</h3>197 <p class="text-gray-400 mb-4">Premium male enhancement drink powered by nature.</p>198 <div class="flex space-x-4">199 <a href="#" class="text-gray-400 hover:text-white transition"><i data-feather="facebook"></i></a>200 <a href="#" class="text-gray-400 hover:text-white transition"><i data-feather="instagram"></i></a>201 <div class="text-gray-400 hover:text-white transition"><i data-feather="twitter"></i></div>202 </div>203 </div>204 <div>205 <h4 class="font-bold mb-4">SHOP</h4>206 <ul class="space-y-2">207 <li><a href="shop.html" class="text-gray-400 hover:text-white transition">All Products</a></li>208 <li><a href="#" class="text-gray-400 hover:text-white transition">Best Sellers</a></li>209 <li><a href="#" class="text-gray-400 hover:text-white transition">Special Offers</a></li>210 <li><a href="#" class="text-gray-400 hover:text-white transition">Subscription</a></li>211 </ul>212 </div>213 <div>214 <h4 class="font-bold mb-4">CUSTOMER SERVICE</h4>215 <ul class="space-y-2">216 <li><a href="#" class="text-gray-400 hover:text-white transition">Contact Us</a></li>217 <li><a href="#" class="text-gray-400 hover:text-white transition">FAQs</a></li>218 <li><a href="#" class="text-gray-400 hover:text-white transition">Shipping Info</a></li>219 <li><a href="#" class="text-gray-400 hover:text-white transition">Returns</a></li>220 </ul>221 </div>222 <div>223 <h4 class="font-bold mb-4">SECURE PAYMENT</h4>224 <div class="grid grid-cols-3 gap-2 mb-4">225 <div class="bg-white p-2 rounded flex items-center justify-center">226 <i data-feather="credit-card" class="text-gray-800"></i>227 </div>228 <div class="bg-white p-2 rounded flex items-center justify-center">229 <i data-feather="dollar-sign" class="text-gray-800"></i>230 </div>231 <div class="bg-white p-2 rounded flex items-center justify-center">232 <i data-feather="shield" class="text-gray-800"></i>233 </div>234 </div>235 <p class="text-gray-400 text-sm">All transactions are secure and encrypted.</p>236 </div>237 </div>238 <div class="border-t border-gray-800 mt-12 pt-8 text-center text-gray-500"></div>239</div>240 </footer>241 <script>242 // Cart functionality243 let cart = JSON.parse(localStorage.getItem('cart')) || [];244 245 function addToCart(productId, price) {246 const product = {247 id: productId,248 price: price,249 quantity: 1,250 timestamp: new Date().getTime()251 };252 253 const existingItem = cart.find(item => item.id === productId);254 if (existingItem) {255 existingItem.quantity++;256 } else {257 cart.push(product);258 }259 260 localStorage.setItem('cart', JSON.stringify(cart));261 updateCartCount();262 263 // Show toast notification264 const toast = document.createElement('div');265 toast.className = 'fixed bottom-4 right-4 bg-green-600 text-white px-4 py-2 rounded-lg shadow-lg flex items-center';266 toast.innerHTML = `267 <i data-feather="check-circle" class="w-5 h-5 mr-2"></i>268 Item added to cart269 `;270 document.body.appendChild(toast);271 feather.replace();272 273 setTimeout(() => {274 toast.remove();275 }, 3000);276 }277function updateCartCount() {278 const count = cart.reduce((total, item) => total + item.quantity, 0);279 document.getElementById('cart-count').textContent = count;280 }281 // Initialize282 feather.replace();283 updateCartCount();284 285 // Login/Logout toggle286 const loginBtn = document.getElementById('login-btn');287 if (loginBtn) {288 const isLoggedIn = localStorage.getItem('userLoggedIn');289 if (isLoggedIn) {290 loginBtn.innerHTML = '<i data-feather="user" class="w-4 h-4 mr-1"></i> My Account';291 loginBtn.href = 'myaccount.html';292 } else {293 loginBtn.innerHTML = '<i data-feather="log-in" class="w-4 h-4 mr-1"></i> Login';294 loginBtn.href = 'login.html';295 }296 feather.replace();297 }298</script>299<script>300 let cartCount = 0;301 302 // Function to update cart count display303 function updateCartCount() {304 document.getElementById('cart-count').textContent = cartCount;305 document.getElementById('cart-count').classList.add('animate-bounce');306 setTimeout(() => {307 document.getElementById('cart-count').classList.remove('animate-bounce');308 }, 1000);309 }310 311 // Add to cart functionality312 document.querySelectorAll('button').forEach(button => {313 if (button.textContent.includes('Add to Cart')) {314 button.addEventListener('click', function() {315 cartCount++;316 updateCartCount();317 localStorage.setItem('torpedoCartCount', cartCount);318 });319 }320 });321 322 // Load cart count from localStorage on page load323 document.addEventListener('DOMContentLoaded', function() {324 const savedCount = localStorage.getItem('torpedoCartCount');325 if (savedCount) {326 cartCount = parseInt(savedCount);327 updateCartCount();328 }329 feather.replace();330 });331</script>332</body>333</html>334