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>Torpedo Java - Premium Male Enhancement Drink</title>7 <link rel="icon" type="image/x-icon" href="favicon.ico">8<script src="https://cdn.tailwindcss.com"></script>9 <script src="https://unpkg.com/feather-icons"></script>10 <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.waves.min.js"></script>11 <style>12 @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700;900&display=swap');13 body {14 font-family: 'Montserrat', sans-serif;15 }16 .hero-gradient {17 background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);18 }19 .pulse-animation {20 animation: pulse 2s infinite;21 }22 @keyframes pulse {23 0% { transform: scale(1); }24 50% { transform: scale(1.05); }25 100% { transform: scale(1); }26 }27 .box-shadow-3d {28 box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);29 }30 </style>31</head>32<body class="bg-gray-900 text-white">33 <div id="vanta-bg"></div>34 35 <!-- Navigation -->36 <nav class="relative z-10 py-6 px-4 md:px-12 flex justify-between items-center">37 <div class="flex items-center">38 <div class="w-16 h-16 rounded-lg flex items-center justify-center mr-3 overflow-hidden">39 <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">40 </div>41<span class="text-4xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-red-500 to-yellow-500">TORPEDO JAVA</span>42</div>43 <div class="hidden md:flex space-x-8">44 <a href="index.html" class="hover:text-red-400 transition">Home</a>45 <a href="shop.html" class="hover:text-red-400 transition">Shop</a>46 <a href="myaccount.html" class="hover:text-red-400 transition">My Account</a>47 <a href="ingredients.html" class="hover:text-red-400 transition">Ingredients</a>48 <a href="about.html" class="hover:text-red-400 transition">About Us</a>49 <a href="how-it-works.html" class="hover:text-red-400 transition">How It Works</a>50 <a href="testimonials.html" class="hover:text-red-400 transition">Testimonials</a>51 <a href="faq.html" class="hover:text-red-400 transition">FAQ</a>52 <a href="privacy-policy.html" class="hover:text-red-400 transition">Privacy Policy</a>53 <a href="terms-of-service.html" class="hover:text-red-400 transition">Terms</a>54 <a href="shipping-policy.html" class="hover:text-red-400 transition">Shipping</a>55 <a href="returns.html" class="hover:text-red-400 transition">Returns</a>56</div>57<a href="shop.html" class="bg-red-600 hover:bg-red-700 px-6 py-2 rounded-full font-bold transition transform hover:scale-105">58 ORDER NOW59 </a>60<button class="md:hidden">61 <i data-feather="menu"></i>62 </button>63 </nav>64 65 <!-- Hero Section -->66 <section class="relative z-10 hero-gradient min-h-screen flex items-center pt-20 pb-32 px-4 md:px-12">67 <div class="container mx-auto flex flex-col md:flex-row items-center">68 <div class="md:w-1/2 mb-12 md:mb-0">69 <h1 class="text-5xl md:text-7xl font-bold leading-tight mb-6">70<span class="bg-clip-text text-transparent bg-gradient-to-r from-red-500 to-yellow-500">UNLEASH</span> YOUR POTENTIAL71 </h1>72 <p class="text-2xl md:text-3xl text-gray-300 mb-8">7310X Power Java - The revolutionary male enhancement mix with 12 potent natural extracts. Simply mix with your favorite cup of coffee. Boost energy, enhance sexual performance, relieve fatigue and stress, improve blood circulation and prostate health - all with just one delicious daily serving. Our premium herbal extracts are sourced worldwide for maximum potency.74</p>75<div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">76 <a href="shop.html" class="bg-red-600 hover:bg-red-700 px-10 py-5 rounded-full font-bold text-xl transition transform hover:scale-105 pulse-animation">77 TRY IT NOW - $49.9978 </a>79 <a href="how-it-works.html" class="border-2 border-white hover:bg-white hover:text-gray-900 px-10 py-5 rounded-full font-bold text-xl transition">80 LEARN MORE81 </a>82</div>83 <div class="mt-8 flex items-center">84 <div class="flex -space-x-2">85 <img src="images/torpedo-hg.jpg" class="w-10 h-10 rounded-full border-2 border-gray-800 object-cover">86<img src="http://static.photos/red/200x200/2" class="w-10 h-10 rounded-full border-2 border-gray-800">87 <img src="http://static.photos/red/200x200/3" class="w-10 h-10 rounded-full border-2 border-gray-800">88</div>89 <div class="ml-4 text-gray-300">90 <p class="font-bold">5,000+ Satisfied Customers</p>91 <div class="flex text-yellow-400">92 <i data-feather="star" class="w-4 h-4 fill-current"></i>93 <i data-feather="star" class="w-4 h-4 fill-current"></i>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 <span class="text-white ml-2">4.9/5</span>98 </div>99 </div>100 </div>101 </div>102 <div class="md:w-1/2 flex justify-center">103 <div class="relative">104 <img src="https://huggingface.co/spaces/Dunnnn/torpedo-java-thunder-boost/resolve/main/images/IMG-20240906-WA0004.jpg" alt="Torpedo Java Product" class="w-full max-w-md box-shadow-3d rounded-xl transform rotate-6">105<div class="absolute -bottom-6 -right-6 bg-red-600 text-white px-4 py-2 rounded-lg font-bold">106 16 POWER PACKETS107 </div>108</div>109 </div>110 </div>111 </section>112 113 <!-- Features Section -->114 <section class="py-20 px-4 md:px-12 bg-gray-800 relative z-10">115 <div class="container mx-auto">116 <h2 class="text-4xl md:text-5xl font-bold text-center mb-16">117WHY <span class="bg-clip-text text-transparent bg-gradient-to-r from-red-500 to-yellow-500">TORPEDO JAVA</span>?118 </h2>119 <div class="grid grid-cols-1 md:grid-cols-3 gap-10">120 <div class="bg-gray-900 p-10 rounded-xl hover:transform hover:-translate-y-2 transition duration-300">121 <div class="w-20 h-20 bg-red-600 rounded-full flex items-center justify-center mb-8">122 <i data-feather="zap" class="text-white w-10 h-10"></i>123 </div>124 <h3 class="text-2xl font-bold mb-6">Instant Energy Boost</h3>125 <p class="text-gray-400 text-lg">Feel the difference within minutes. Our potent formula delivers rapid, sustained energy without crashes.</p>126</div>127 <div class="bg-gray-900 p-8 rounded-xl hover:transform hover:-translate-y-2 transition duration-300">128 <div class="w-16 h-16 bg-red-600 rounded-full flex items-center justify-center mb-6">129 <i data-feather="coffee" class="text-white w-8 h-8"></i>130 </div>131 <h3 class="text-xl font-bold mb-4">Perfect Coffee Mix</h3>132 <p class="text-gray-400">Dissolves instantly in hot or cold coffee. Enhances your coffee experience with added benefits.</p>133</div>134 <div class="bg-gray-900 p-8 rounded-xl hover:transform hover:-translate-y-2 transition duration-300">135 <div class="w-16 h-16 bg-red-600 rounded-full flex items-center justify-center mb-6">136 <i data-feather="leaf" class="text-white w-8 h-8"></i>137 </div>138 <h3 class="text-xl font-bold mb-4">All-Natural Formula</h3>139 <p class="text-gray-400">10X Power Java contains our exclusive blend of Maca Root, Wolfberry, Yam, Mulberry, Oyster Peptide, Raspberry, L-Arginine, TongKat Ali, Ginseng, Guarana, Horny Goat Weed and Oyster Powder - scientifically combined for optimal absorption and daily convenience.</p>140</div>141</div>142 </div>143 </section>144 <!-- CTA Section -->145 <section class="py-24 px-4 md:px-12 bg-gradient-to-r from-red-600 to-yellow-600 relative z-10">146 <div class="container mx-auto text-center">147 <h2 class="text-4xl md:text-5xl font-bold mb-8">READY TO EXPERIENCE THE DIFFERENCE?</h2>148 <p class="text-2xl mb-10 max-w-2xl mx-auto">Join thousands of men who have transformed their daily routine with Torpedo Java.</p>149 <div class="max-w-md mx-auto">150 <form class="flex flex-col sm:flex-row gap-4 mb-6" id="subscribe-form">151 <input type="email" placeholder="Enter your email" class="flex-grow px-5 py-4 rounded-full text-gray-900 focus:outline-none text-lg" required>152 <button type="submit" class="bg-black hover:bg-gray-900 text-white px-8 py-4 rounded-full font-bold text-lg transition transform hover:scale-105">153SUBSCRIBE154 </button>155 </form>156 <div id="subscribe-success" class="hidden text-green-400 text-center"></div>157<p class="text-lg text-white opacity-80">Get exclusive deals and updates. No spam, we promise.</p>158</div>159 </div>160</section>161<!-- Footer -->162<footer class="bg-gray-900 py-12 px-4 md:px-12 relative z-10">163 <div class="container mx-auto">164 <div class="grid grid-cols-1 md:grid-cols-4 gap-8">165 <div>166 <h3 class="text-xl font-bold mb-4">TORPEDO JAVA</h3>167 <p class="text-gray-400 mb-4">Premium male enhancement drink powered by nature.</p>168 <div class="flex space-x-4">169 <a href="#" class="text-gray-400 hover:text-white transition"><i data-feather="facebook"></i></a>170 <a href="#" class="text-gray-400 hover:text-white transition"><i data-feather="instagram"></i></a>171 <a href="#" class="text-gray-400 hover:text-white transition"><i data-feather="twitter"></i></a>172 </div>173 </div>174 <div>175 <h4 class="font-bold mb-4">PRODUCT</h4>176 <ul class="space-y-2">177 <li><a href="shop.html" class="text-gray-400 hover:text-white transition">Shop</a></li>178 <li><a href="ingredients.html" class="text-gray-400 hover:text-white transition">Ingredients</a></li>179 <li><a href="how-it-works.html" class="text-gray-400 hover:text-white transition">How It Works</a></li>180 <li><a href="faq.html" class="text-gray-400 hover:text-white transition">FAQ</a></li>181</ul>182 </div>183 <div>184 <h4 class="font-bold mb-4">COMPANY</h4>185 <ul class="space-y-2">186 <li><a href="about.html" class="text-gray-400 hover:text-white transition">About Us</a></li>187 <li><a href="contact.html" class="text-gray-400 hover:text-white transition">Contact</a></li>188</ul>189 </div>190 <div>191 <h4 class="font-bold mb-4">LEGAL</h4>192 <ul class="space-y-2">193 <li><a href="privacy-policy.html" class="text-gray-400 hover:text-white transition">Privacy Policy</a></li>194<li><a href="terms-of-service.html" class="text-gray-400 hover:text-white transition">Terms of Service</a></li>195 <li><a href="shipping-policy.html" class="text-gray-400 hover:text-white transition">Shipping Policy</a></li>196 <li><a href="returns.html" class="text-gray-400 hover:text-white transition">Returns</a></li>197</ul>198 </div>199 </div>200 <div class="border-t border-gray-800 mt-12 pt-8 text-center text-gray-500"></div>201 </div>202 </footer>203 <script>204 // Initialize email collection205 document.getElementById('subscribe-form').addEventListener('submit', function(e) {206 e.preventDefault();207 const email = this.querySelector('input[type="email"]').value;208 // In production, replace with actual email service integration209 localStorage.setItem('subscriberEmail', email);210 document.getElementById('subscribe-success').textContent = 'Thank you for subscribing!';211 document.getElementById('subscribe-success').classList.remove('hidden');212 this.reset();213 setTimeout(() => {214 document.getElementById('subscribe-success').classList.add('hidden');215 }, 3000);216 });217 218 // Initialize analytics (add your tracking code)219 window.dataLayer = window.dataLayer || [];220 function gtag(){dataLayer.push(arguments);}221 gtag('js', new Date());222 gtag('config', 'G-YOUR_GOOGLE_ANALYTICS_ID');223 224 VANTA.WAVES({225el: "#vanta-bg",226 mouseControls: true,227 touchControls: true,228 gyroControls: false,229 minHeight: 200.00,230 minWidth: 200.00,231 scale: 1.00,232 scaleMobile: 1.00,233 color: 0x1a1a2e,234 shininess: 50.00,235 waveHeight: 15.00,236 waveSpeed: 0.80,237 zoom: 0.85238 })239 </script>240 <script>241 feather.replace();242 </script>243 <script>244 // Simple scroll animation245 document.querySelectorAll('a[href^="#"]').forEach(anchor => {246 anchor.addEventListener('click', function (e) {247 e.preventDefault();248 document.querySelector(this.getAttribute('href')).scrollIntoView({249 behavior: 'smooth'250 });251 });252 });253 </script>254</body>255</html>256