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>Testimonials - 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 .testimonial-card {18 transition: all 0.3s ease;19 }20 .testimonial-card:hover {21 transform: translateY(-5px);22 box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);23 }24 .testimonial-quote::before {25 content: '"';26 font-size: 4rem;27 color: #ef4444;28 position: absolute;29 left: -1rem;30 top: -1rem;31 opacity: 0.2;32 }33 </style>34</head>35<body>36 <!-- Navigation -->37 <nav class="py-6 px-4 md:px-12 flex justify-between items-center bg-gray-900">38 <div class="flex items-center">39 <div class="w-12 h-12 rounded-lg flex items-center justify-center mr-3 overflow-hidden">40 <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">41 </div>42 <span class="text-2xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-red-500 to-yellow-500">TORPEDO JAVA</span>43</div>44 <div class="hidden md:flex space-x-8">45 <a href="index.html" class="hover:text-red-400 transition">Home</a>46 <a href="shop.html" class="hover:text-red-400 transition">Shop</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="text-red-400">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 <!-- Main Content -->66 <main class="container mx-auto py-12 px-4">67 <h1 class="text-4xl font-bold mb-12 text-center">CUSTOMER TESTIMONIALS</h1>68 69 <div class="max-w-4xl mx-auto mb-16 text-center">70 <p class="text-xl text-gray-300">Hear what our customers have to say about their Torpedo Java experience.</p>71 </div>72 73 <!-- Testimonials Grid -->74 <div class="grid grid-cols-1 md:grid-cols-2 gap-8 mb-16">75 <!-- Testimonial 1 -->76 <div class="bg-gray-800 rounded-xl p-8 testimonial-card">77 <div class="flex items-center mb-6">78 <img src="http://static.photos/people/200x200/1" alt="John D." class="w-12 h-12 rounded-full object-cover">79 <div class="ml-4">80 <h3 class="font-bold">John D.</h3>81 <div class="flex text-yellow-400">82 <i data-feather="star" class="w-4 h-4 fill-current"></i>83 <i data-feather="star" class="w-4 h-4 fill-current"></i>84 <i data-feather="star" class="w-4 h-4 fill-current"></i>85 <i data-feather="star" class="w-4 h-4 fill-current"></i>86 <i data-feather="star" class="w-4 h-4 fill-current"></i>87 </div>88 </div>89 </div>90 <div class="relative testimonial-quote">91 <p class="text-gray-300 italic">"I've tried many male enhancement products but Torpedo Java is different. Within 30 minutes of my first dose, I felt a surge of energy and confidence. My wife noticed the difference immediately!"</p>92 </div>93 </div>94 95 <!-- Testimonial 2 -->96 <div class="bg-gray-800 rounded-xl p-8 testimonial-card">97 <div class="flex items-center mb-6">98 <img src="http://static.photos/people/200x200/2" alt="Michael T." class="w-12 h-12 rounded-full object-cover">99 <div class="ml-4">100 <h3 class="font-bold">Michael T.</h3>101 <div class="flex text-yellow-400">102 <i data-feather="star" class="w-4 h-4 fill-current"></i>103 <i data-feather="star" class="w-4 h-4 fill-current"></i>104 <i data-feather="star" class="w-4 h-4 fill-current"></i>105 <i data-feather="star" class="w-4 h-4 fill-current"></i>106 <i data-feather="star" class="w-4 h-4 fill-current"></i>107 </div>108 </div>109 </div>110 <div class="relative testimonial-quote">111 <p class="text-gray-300 italic">"At 52, I was struggling with energy and performance. After 2 weeks of Torpedo Java, I feel 20 years younger. The mental clarity and stamina are incredible. This product changed my life."</p>112 </div>113 </div>114 115 <!-- Testimonial 3 -->116 <div class="bg-gray-800 rounded-xl p-8 testimonial-card">117 <div class="flex items-center mb-6">118 <img src="http://static.photos/people/200x200/3" alt="Robert J." class="w-12 h-12 rounded-full object-cover">119 <div class="ml-4">120 <h3 class="font-bold">Robert J.</h3>121 <div class="flex text-yellow-400">122 <i data-feather="star" class="w-4 h-4 fill-current"></i>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 </div>128 </div>129 </div>130 <div class="relative testimonial-quote">131 <p class="text-gray-300 italic">"The combination of energy and performance enhancement is perfect. I take it every morning with my coffee and feel great all day. Best part? No jitters or crash like energy drinks."</p>132 </div>133 </div>134 135 <!-- Testimonial 4 -->136 <div class="bg-gray-800 rounded-xl p-8 testimonial-card">137 <div class="flex items-center mb-6">138 <img src="http://static.photos/people/200x200/4" alt="David K." class="w-12 h-12 rounded-full object-cover">139 <div class="ml-4">140 <h3 class="font-bold">David K.</h3>141 <div class="flex text-yellow-400">142 <i data-feather="star" class="w-4 h-4 fill-current"></i>143 <i data-feather="star" class="w-4 h-4 fill-current"></i>144 <i data-feather="star" class="w-4 h-4 fill-current"></i>145 <i data-feather="star" class="w-4 h-4 fill-current"></i>146 <i data-feather="star" class="w-4 h-4 fill-current"></i>147 </div>148 </div>149 </div>150 <div class="relative testimonial-quote">151 <p class="text-gray-300 italic">"I was skeptical but decided to try Torpedo Java. After one month, my wife and I are both thrilled with the results. The bulk pack is the best value - I'll never run out now!"</p>152 </div>153 </div>154 </div>155 <!-- CTA Section -->156<div class="max-w-2xl mx-auto bg-gradient-to-r from-red-600 to-yellow-600 rounded-xl p-8 text-center">157 <h2 class="text-2xl font-bold mb-4">READY TO EXPERIENCE IT YOURSELF?</h2>158 <p class="text-gray-200 mb-6">Join thousands of satisfied customers and transform your vitality today.</p>159 <a href="shop.html" class="inline-block bg-black hover:bg-gray-900 text-white px-8 py-3 rounded-full font-bold transition transform hover:scale-105">160 SHOP NOW161 </a>162 </div>163 </main>164 165 <!-- Footer -->166 <footer class="bg-gray-900 py-12 px-4 md:px-12">167 <div class="container mx-auto">168 <div class="grid grid-cols-1 md:grid-cols-4 gap-8">169 <div>170 <h3 class="text-xl font-bold mb-4">TORPEDO JAVA</h3>171 <p class="text-gray-400 mb-4">Premium male enhancement drink powered by nature.</p>172 <div class="flex space-x-4">173 <a href="#" class="text-gray-400 hover:text-white transition"><i data-feather="facebook"></i></a>174 <a href="#" class="text-gray-400 hover:text-white transition"><i data-feather="instagram"></i></a>175 <a href="#" class="text-gray-400 hover:text-white transition"><i data-feather="twitter"></i></a>176 </div>177 </div>178 <div>179 <h4 class="font-bold mb-4">PRODUCT</h4>180 <ul class="space-y-2">181 <li><a href="shop.html" class="text-gray-400 hover:text-white transition">Shop</a></li>182 <li><a href="ingredients.html" class="text-gray-400 hover:text-white transition">Ingredients</a></li>183 <li><a href="how-it-works.html" class="text-gray-400 hover:text-white transition">How It Works</a></li>184 <li><a href="testimonials.html" class="text-gray-400 hover:text-white transition">Testimonials</a></li>185 </ul>186 </div>187 <div>188 <h4 class="font-bold mb-4">COMPANY</h4>189 <ul class="space-y-2">190 <li><a href="about.html" class="text-gray-400 hover:text-white transition">About Us</a></li>191 <li><a href="contact.html" class="text-gray-400 hover:text-white transition">Contact</a></li>192 </ul>193 </div>194 <div>195 <h4 class="font-bold mb-4">LEGAL</h4>196 <ul class="space-y-2">197 <li><a href="privacy-policy.html" class="text-gray-400 hover:text-white transition">Privacy Policy</a></li>198 <li><a href="terms-of-service.html" class="text-gray-400 hover:text-white transition">Terms of Service</a></li>199 <li><a href="shipping-policy.html" class="text-gray-400 hover:text-white transition">Shipping Policy</a></li>200 <li><a href="returns.html" class="text-gray-400 hover:text-white transition">Returns</a></li>201 </ul>202 </div>203 </div>204 <div class="border-t border-gray-800 mt-12 pt-8 text-center text-gray-500">205 <p>© 2025 Torpedo Java. All rights reserved.</p>206 </div>207 </div>208 </footer>209 210 <script>211 feather.replace();212 </script>213</body>214</html>