| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>Pleasure Haven | Premium Adult Store</title> |
| <script src="https://cdn.tailwindcss.com"></script> |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> |
| <style> |
| .product-card:hover .product-overlay { |
| opacity: 1; |
| } |
| .age-gate { |
| transition: all 0.5s ease; |
| } |
| .parallax { |
| background-attachment: fixed; |
| background-position: center; |
| background-repeat: no-repeat; |
| background-size: cover; |
| } |
| .dropdown:hover .dropdown-menu { |
| display: block; |
| } |
| </style> |
| </head> |
| <body class="bg-gray-100 font-sans"> |
| |
| <div id="ageGate" class="age-gate fixed inset-0 bg-black bg-opacity-90 z-50 flex items-center justify-center"> |
| <div class="bg-white p-8 rounded-lg max-w-md mx-4"> |
| <div class="text-center mb-6"> |
| <h2 class="text-3xl font-bold text-gray-800 mb-2">Welcome to Pleasure Haven</h2> |
| <p class="text-gray-600">You must be 18+ to enter</p> |
| </div> |
| <div class="flex flex-col space-y-4"> |
| <button onclick="verifyAge(true)" class="bg-pink-600 hover:bg-pink-700 text-white py-3 px-6 rounded-full font-medium transition duration-300">I'm 18 or older</button> |
| <button onclick="verifyAge(false)" class="border border-gray-300 hover:bg-gray-100 text-gray-700 py-3 px-6 rounded-full font-medium transition duration-300">I'm under 18</button> |
| </div> |
| <p class="text-xs text-gray-500 mt-6 text-center">By entering, you agree to our Terms of Service and Privacy Policy</p> |
| </div> |
| </div> |
|
|
| |
| <div id="underageRedirect" class="hidden fixed inset-0 bg-white z-50 flex items-center justify-center"> |
| <div class="text-center p-8 max-w-md"> |
| <i class="fas fa-child text-6xl text-gray-400 mb-6"></i> |
| <h2 class="text-2xl font-bold text-gray-800 mb-4">Sorry, you must be 18+ to access this site</h2> |
| <p class="text-gray-600 mb-6">You're being redirected to a more appropriate website.</p> |
| <div class="animate-spin rounded-full h-12 w-12 border-t-2 border-b-2 border-pink-500 mx-auto"></div> |
| </div> |
| </div> |
|
|
| |
| <div id="mainContent" class="hidden"> |
| |
| <header class="bg-white shadow-sm sticky top-0 z-40"> |
| <div class="container mx-auto px-4 py-3 flex justify-between items-center"> |
| <div class="flex items-center space-x-2"> |
| <i class="fas fa-heart text-pink-600 text-2xl"></i> |
| <h1 class="text-xl font-bold text-gray-800">Pleasure Haven</h1> |
| </div> |
| |
| |
| <button id="mobileMenuButton" class="md:hidden text-gray-600"> |
| <i class="fas fa-bars text-2xl"></i> |
| </button> |
| |
| |
| <nav class="hidden md:flex space-x-8"> |
| <div class="dropdown relative"> |
| <button class="text-gray-700 hover:text-pink-600 font-medium flex items-center"> |
| Shop <i class="fas fa-chevron-down ml-1 text-xs"></i> |
| </button> |
| <div class="dropdown-menu absolute hidden mt-2 py-2 w-48 bg-white rounded-md shadow-lg z-50"> |
| <a href="#" class="block px-4 py-2 text-gray-700 hover:bg-pink-50">Toys</a> |
| <a href="#" class="block px-4 py-2 text-gray-700 hover:bg-pink-50">Lingerie</a> |
| <a href="#" class="block px-4 py-2 text-gray-700 hover:bg-pink-50">BDSM</a> |
| <a href="#" class="block px-4 py-2 text-gray-700 hover:bg-pink-50">Lubes & Care</a> |
| </div> |
| </div> |
| <a href="#" class="text-gray-700 hover:text-pink-600 font-medium">New Arrivals</a> |
| <a href="#" class="text-gray-700 hover:text-pink-600 font-medium">Sale</a> |
| <a href="#" class="text-gray-700 hover:text-pink-600 font-medium">Blog</a> |
| <a href="#" class="text-gray-700 hover:text-pink-600 font-medium">About</a> |
| </nav> |
| |
| <div class="hidden md:flex items-center space-x-4"> |
| <button class="text-gray-600 hover:text-pink-600"> |
| <i class="fas fa-search text-xl"></i> |
| </button> |
| <button class="text-gray-600 hover:text-pink-600 relative"> |
| <i class="fas fa-heart text-xl"></i> |
| <span class="absolute -top-2 -right-2 bg-pink-600 text-white text-xs rounded-full h-5 w-5 flex items-center justify-center">3</span> |
| </button> |
| <button class="text-gray-600 hover:text-pink-600 relative"> |
| <i class="fas fa-shopping-cart text-xl"></i> |
| <span class="absolute -top-2 -right-2 bg-pink-600 text-white text-xs rounded-full h-5 w-5 flex items-center justify-center">2</span> |
| </button> |
| </div> |
| </div> |
| |
| |
| <div id="mobileMenu" class="hidden md:hidden bg-white border-t py-4 px-4"> |
| <div class="flex flex-col space-y-4"> |
| <a href="#" class="text-gray-700 hover:text-pink-600 font-medium">Shop</a> |
| <a href="#" class="text-gray-700 hover:text-pink-600 font-medium">New Arrivals</a> |
| <a href="#" class="text-gray-700 hover:text-pink-600 font-medium">Sale</a> |
| <a href="#" class="text-gray-700 hover:text-pink-600 font-medium">Blog</a> |
| <a href="#" class="text-gray-700 hover:text-pink-600 font-medium">About</a> |
| <div class="pt-4 border-t flex justify-between"> |
| <button class="text-gray-600 hover:text-pink-600"> |
| <i class="fas fa-search text-xl"></i> |
| </button> |
| <button class="text-gray-600 hover:text-pink-600 relative"> |
| <i class="fas fa-heart text-xl"></i> |
| <span class="absolute -top-2 -right-2 bg-pink-600 text-white text-xs rounded-full h-5 w-5 flex items-center justify-center">3</span> |
| </button> |
| <button class="text-gray-600 hover:text-pink-600 relative"> |
| <i class="fas fa-shopping-cart text-xl"></i> |
| <span class="absolute -top-2 -right-2 bg-pink-600 text-white text-xs rounded-full h-5 w-5 flex items-center justify-center">2</span> |
| </button> |
| </div> |
| </div> |
| </div> |
| </header> |
|
|
| |
| <section class="relative h-96 bg-gradient-to-r from-purple-800 to-pink-600 flex items-center justify-center text-center text-white overflow-hidden"> |
| <div class="absolute inset-0 bg-black opacity-30"></div> |
| <div class="relative z-10 px-4 max-w-4xl mx-auto"> |
| <h1 class="text-4xl md:text-5xl font-bold mb-4">Explore Your Desires</h1> |
| <p class="text-xl mb-8">Premium adult products for all genders, orientations, and preferences</p> |
| <div class="flex flex-col sm:flex-row justify-center gap-4"> |
| <button class="bg-white text-pink-600 hover:bg-gray-100 py-3 px-8 rounded-full font-medium transition duration-300">Shop Now</button> |
| <button class="border border-white text-white hover:bg-white hover:bg-opacity-10 py-3 px-8 rounded-full font-medium transition duration-300">Learn More</button> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-12 bg-white"> |
| <div class="container mx-auto px-4"> |
| <h2 class="text-3xl font-bold text-center mb-12 text-gray-800">Shop by Category</h2> |
| <div class="grid grid-cols-2 md:grid-cols-4 gap-4"> |
| <a href="#" class="category-card relative overflow-hidden rounded-lg h-48 group"> |
| <img src="https://images.unsplash.com/photo-1589984662646-e7b2e4962adb?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60" alt="Toys" class="w-full h-full object-cover"> |
| <div class="absolute inset-0 bg-black bg-opacity-40 group-hover:bg-opacity-20 transition duration-300 flex items-center justify-center"> |
| <h3 class="text-white text-xl font-bold">Toys</h3> |
| </div> |
| </a> |
| <a href="#" class="category-card relative overflow-hidden rounded-lg h-48 group"> |
| <img src="https://images.unsplash.com/photo-1551232864-3f0890e580d9?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60" alt="Lingerie" class="w-full h-full object-cover"> |
| <div class="absolute inset-0 bg-black bg-opacity-40 group-hover:bg-opacity-20 transition duration-300 flex items-center justify-center"> |
| <h3 class="text-white text-xl font-bold">Lingerie</h3> |
| </div> |
| </a> |
| <a href="#" class="category-card relative overflow-hidden rounded-lg h-48 group"> |
| <img src="https://images.unsplash.com/photo-1589988053513-a7d46491e5e9?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60" alt="BDSM" class="w-full h-full object-cover"> |
| <div class="absolute inset-0 bg-black bg-opacity-40 group-hover:bg-opacity-20 transition duration-300 flex items-center justify-center"> |
| <h3 class="text-white text-xl font-bold">BDSM</h3> |
| </div> |
| </a> |
| <a href="#" class="category-card relative overflow-hidden rounded-lg h-48 group"> |
| <img src="https://images.unsplash.com/photo-1607619056574-7b8d3ee536b2?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60" alt="Wellness" class="w-full h-full object-cover"> |
| <div class="absolute inset-0 bg-black bg-opacity-40 group-hover:bg-opacity-20 transition duration-300 flex items-center justify-center"> |
| <h3 class="text-white text-xl font-bold">Wellness</h3> |
| </div> |
| </a> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-12 bg-gray-50"> |
| <div class="container mx-auto px-4"> |
| <div class="flex justify-between items-center mb-8"> |
| <h2 class="text-3xl font-bold text-gray-800">Featured Products</h2> |
| <a href="#" class="text-pink-600 hover:text-pink-700 font-medium">View All</a> |
| </div> |
| |
| <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6"> |
| |
| <div class="product-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md transition duration-300 relative"> |
| <div class="relative overflow-hidden"> |
| <img src="https://images.unsplash.com/photo-1589988053513-a7d46491e5e9?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60" alt="Product" class="w-full h-64 object-cover"> |
| <div class="product-overlay absolute inset-0 bg-black bg-opacity-60 opacity-0 flex items-center justify-center space-x-4 transition duration-300"> |
| <button class="bg-white text-pink-600 rounded-full p-2 hover:bg-pink-600 hover:text-white"> |
| <i class="fas fa-heart"></i> |
| </button> |
| <button class="bg-white text-pink-600 rounded-full p-2 hover:bg-pink-600 hover:text-white"> |
| <i class="fas fa-eye"></i> |
| </button> |
| <button class="bg-white text-pink-600 rounded-full p-2 hover:bg-pink-600 hover:text-white"> |
| <i class="fas fa-shopping-cart"></i> |
| </button> |
| </div> |
| <div class="absolute top-2 right-2 bg-pink-600 text-white text-xs font-bold px-2 py-1 rounded">NEW</div> |
| </div> |
| <div class="p-4"> |
| <h3 class="text-lg font-medium text-gray-800 mb-1">Sensation Vibrator</h3> |
| <div class="flex items-center mb-2"> |
| <div class="flex text-yellow-400"> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star-half-alt"></i> |
| </div> |
| <span class="text-gray-500 text-sm ml-2">(42)</span> |
| </div> |
| <div class="flex justify-between items-center"> |
| <span class="text-pink-600 font-bold">$49.99</span> |
| <span class="text-gray-400 text-sm line-through">$59.99</span> |
| </div> |
| </div> |
| </div> |
| |
| |
| <div class="product-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md transition duration-300 relative"> |
| <div class="relative overflow-hidden"> |
| <img src="https://images.unsplash.com/photo-1589988053513-a7d46491e5e9?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60" alt="Product" class="w-full h-64 object-cover"> |
| <div class="product-overlay absolute inset-0 bg-black bg-opacity-60 opacity-0 flex items-center justify-center space-x-4 transition duration-300"> |
| <button class="bg-white text-pink-600 rounded-full p-2 hover:bg-pink-600 hover:text-white"> |
| <i class="fas fa-heart"></i> |
| </button> |
| <button class="bg-white text-pink-600 rounded-full p-2 hover:bg-pink-600 hover:text-white"> |
| <i class="fas fa-eye"></i> |
| </button> |
| <button class="bg-white text-pink-600 rounded-full p-2 hover:bg-pink-600 hover:text-white"> |
| <i class="fas fa-shopping-cart"></i> |
| </button> |
| </div> |
| </div> |
| <div class="p-4"> |
| <h3 class="text-lg font-medium text-gray-800 mb-1">Silk Touch Restraints</h3> |
| <div class="flex items-center mb-2"> |
| <div class="flex text-yellow-400"> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| <i class="far fa-star"></i> |
| </div> |
| <span class="text-gray-500 text-sm ml-2">(28)</span> |
| </div> |
| <div class="flex justify-between items-center"> |
| <span class="text-pink-600 font-bold">$34.99</span> |
| </div> |
| </div> |
| </div> |
| |
| |
| <div class="product-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md transition duration-300 relative"> |
| <div class="relative overflow-hidden"> |
| <img src="https://images.unsplash.com/photo-1589988053513-a7d46491e5e9?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60" alt="Product" class="w-full h-64 object-cover"> |
| <div class="product-overlay absolute inset-0 bg-black bg-opacity-60 opacity-0 flex items-center justify-center space-x-4 transition duration-300"> |
| <button class="bg-white text-pink-600 rounded-full p-2 hover:bg-pink-600 hover:text-white"> |
| <i class="fas fa-heart"></i> |
| </button> |
| <button class="bg-white text-pink-600 rounded-full p-2 hover:bg-pink-600 hover:text-white"> |
| <i class="fas fa-eye"></i> |
| </button> |
| <button class="bg-white text-pink-600 rounded-full p-2 hover:bg-pink-600 hover:text-white"> |
| <i class="fas fa-shopping-cart"></i> |
| </button> |
| </div> |
| <div class="absolute top-2 right-2 bg-red-500 text-white text-xs font-bold px-2 py-1 rounded">SALE</div> |
| </div> |
| <div class="p-4"> |
| <h3 class="text-lg font-medium text-gray-800 mb-1">Luxe Lingerie Set</h3> |
| <div class="flex items-center mb-2"> |
| <div class="flex text-yellow-400"> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| </div> |
| <span class="text-gray-500 text-sm ml-2">(65)</span> |
| </div> |
| <div class="flex justify-between items-center"> |
| <span class="text-pink-600 font-bold">$59.99</span> |
| <span class="text-gray-400 text-sm line-through">$79.99</span> |
| </div> |
| </div> |
| </div> |
| |
| |
| <div class="product-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md transition duration-300 relative"> |
| <div class="relative overflow-hidden"> |
| <img src="https://images.unsplash.com/photo-1589988053513-a7d46491e5e9?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60" alt="Product" class="w-full h-64 object-cover"> |
| <div class="product-overlay absolute inset-0 bg-black bg-opacity-60 opacity-0 flex items-center justify-center space-x-4 transition duration-300"> |
| <button class="bg-white text-pink-600 rounded-full p-2 hover:bg-pink-600 hover:text-white"> |
| <i class="fas fa-heart"></i> |
| </button> |
| <button class="bg-white text-pink-600 rounded-full p-2 hover:bg-pink-600 hover:text-white"> |
| <i class="fas fa-eye"></i> |
| </button> |
| <button class="bg-white text-pink-600 rounded-full p-2 hover:bg-pink-600 hover:text-white"> |
| <i class="fas fa-shopping-cart"></i> |
| </button> |
| </div> |
| </div> |
| <div class="p-4"> |
| <h3 class="text-lg font-medium text-gray-800 mb-1">Organic Massage Oil</h3> |
| <div class="flex items-center mb-2"> |
| <div class="flex text-yellow-400"> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| </div> |
| <span class="text-gray-500 text-sm ml-2">(112)</span> |
| </div> |
| <div class="flex justify-between items-center"> |
| <span class="text-pink-600 font-bold">$24.99</span> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-12 bg-white"> |
| <div class="container mx-auto px-4"> |
| <h2 class="text-3xl font-bold text-center mb-12 text-gray-800">Our Values</h2> |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> |
| <div class="text-center"> |
| <div class="bg-pink-100 rounded-full h-20 w-20 flex items-center justify-center mx-auto mb-4"> |
| <i class="fas fa-lock text-3xl text-pink-600"></i> |
| </div> |
| <h3 class="text-xl font-bold mb-2 text-gray-800">Discreet Shipping</h3> |
| <p class="text-gray-600">All orders are shipped in plain packaging with no indication of contents.</p> |
| </div> |
| <div class="text-center"> |
| <div class="bg-pink-100 rounded-full h-20 w-20 flex items-center justify-center mx-auto mb-4"> |
| <i class="fas fa-leaf text-3xl text-pink-600"></i> |
| </div> |
| <h3 class="text-xl font-bold mb-2 text-gray-800">Body-Safe Materials</h3> |
| <p class="text-gray-600">We only carry products made from medical-grade, non-toxic materials.</p> |
| </div> |
| <div class="text-center"> |
| <div class="bg-pink-100 rounded-full h-20 w-20 flex items-center justify-center mx-auto mb-4"> |
| <i class="fas fa-heart text-3xl text-pink-600"></i> |
| </div> |
| <h3 class="text-xl font-bold mb-2 text-gray-800">Sex-Positive</h3> |
| <p class="text-gray-600">We believe in pleasure for all, without judgment or shame.</p> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-12 bg-gray-50"> |
| <div class="container mx-auto px-4"> |
| <div class="flex justify-between items-center mb-8"> |
| <h2 class="text-3xl font-bold text-gray-800">From Our Blog</h2> |
| <a href="#" class="text-pink-600 hover:text-pink-700 font-medium">View All Articles</a> |
| </div> |
| |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> |
| |
| <div class="bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md transition duration-300"> |
| <img src="https://images.unsplash.com/photo-1589988053513-a7d46491e5e9?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60" alt="Blog" class="w-full h-48 object-cover"> |
| <div class="p-6"> |
| <span class="text-pink-600 text-sm font-medium">Sexual Wellness</span> |
| <h3 class="text-xl font-bold mt-2 mb-3 text-gray-800">5 Ways to Improve Your Sexual Health</h3> |
| <p class="text-gray-600 mb-4">Discover simple yet effective ways to enhance your sexual wellbeing and intimacy.</p> |
| <a href="#" class="text-pink-600 hover:text-pink-700 font-medium flex items-center"> |
| Read More <i class="fas fa-arrow-right ml-2 text-sm"></i> |
| </a> |
| </div> |
| </div> |
| |
| |
| <div class="bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md transition duration-300"> |
| <img src="https://images.unsplash.com/photo-1589988053513-a7d46491e5e9?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60" alt="Blog" class="w-full h-48 object-cover"> |
| <div class="p-6"> |
| <span class="text-pink-600 text-sm font-medium">Product Guide</span> |
| <h3 class="text-xl font-bold mt-2 mb-3 text-gray-800">Choosing Your First Vibrator</h3> |
| <p class="text-gray-600 mb-4">Our comprehensive guide helps you navigate the world of vibrators for beginners.</p> |
| <a href="#" class="text-pink-600 hover:text-pink-700 font-medium flex items-center"> |
| Read More <i class="fas fa-arrow-right ml-2 text-sm"></i> |
| </a> |
| </div> |
| </div> |
| |
| |
| <div class="bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md transition duration-300"> |
| <img src="https://images.unsplash.com/photo-1589988053513-a7d46491e5e9?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60" alt="Blog" class="w-full h-48 object-cover"> |
| <div class="p-6"> |
| <span class="text-pink-600 text-sm font-medium">Relationships</span> |
| <h3 class="text-xl font-bold mt-2 mb-3 text-gray-800">Communicating Desires with Your Partner</h3> |
| <p class="text-gray-600 mb-4">Learn how to have open, honest conversations about your sexual needs and boundaries.</p> |
| <a href="#" class="text-pink-600 hover:text-pink-700 font-medium flex items-center"> |
| Read More <i class="fas fa-arrow-right ml-2 text-sm"></i> |
| </a> |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-12 bg-gradient-to-r from-purple-800 to-pink-600 text-white"> |
| <div class="container mx-auto px-4 max-w-4xl text-center"> |
| <h2 class="text-3xl font-bold mb-4">Join Our Pleasure Club</h2> |
| <p class="text-lg mb-8">Get exclusive offers, new product announcements, and sex-positive content delivered to your inbox.</p> |
| <form class="flex flex-col sm:flex-row gap-4 max-w-md mx-auto"> |
| <input type="email" placeholder="Your email address" class="flex-grow px-4 py-3 rounded-full text-gray-800 focus:outline-none"> |
| <button type="submit" class="bg-white text-pink-600 hover:bg-gray-100 py-3 px-6 rounded-full font-medium transition duration-300">Subscribe</button> |
| </form> |
| <p class="text-sm mt-4 text-white text-opacity-80">We respect your privacy. Unsubscribe at any time.</p> |
| </div> |
| </section> |
|
|
| |
| <footer class="bg-gray-900 text-white pt-12 pb-6"> |
| <div class="container mx-auto px-4"> |
| <div class="grid grid-cols-1 md:grid-cols-4 gap-8 mb-8"> |
| <div> |
| <h3 class="text-xl font-bold mb-4 flex items-center"> |
| <i class="fas fa-heart mr-2 text-pink-600"></i> Pleasure Haven |
| </h3> |
| <p class="text-gray-400">Your trusted source for premium adult products and sex-positive education since 2015.</p> |
| <div class="flex space-x-4 mt-4"> |
| <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-facebook-f"></i></a> |
| <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-instagram"></i></a> |
| <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-twitter"></i></a> |
| <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-pinterest-p"></i></a> |
| </div> |
| </div> |
| <div> |
| <h4 class="text-lg font-bold mb-4">Shop</h4> |
| <ul class="space-y-2"> |
| <li><a href="#" class="text-gray-400 hover:text-white">All Products</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white">New Arrivals</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white">Best Sellers</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white">Sale</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white">Gift Cards</a></li> |
| </ul> |
| </div> |
| <div> |
| <h4 class="text-lg font-bold mb-4">Help</h4> |
| <ul class="space-y-2"> |
| <li><a href="#" class="text-gray-400 hover:text-white">FAQs</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white">Shipping & Returns</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white">Privacy Policy</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white">Terms of Service</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white">Contact Us</a></li> |
| </ul> |
| </div> |
| <div> |
| <h4 class="text-lg font-bold mb-4">About</h4> |
| <ul class="space-y-2"> |
| <li><a href="#" class="text-gray-400 hover:text-white">Our Story</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white">Blog</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white">Sex Education</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white">Wholesale</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white">Careers</a></li> |
| </ul> |
| </div> |
| </div> |
| <div class="pt-6 border-t border-gray-800 text-center text-gray-400 text-sm"> |
| <p>© 2023 Pleasure Haven. All rights reserved. Must be 18+ to purchase.</p> |
| <p class="mt-2">All models are 18 years or older.</p> |
| </div> |
| </div> |
| </footer> |
| </div> |
|
|
| <script> |
| |
| function verifyAge(isAdult) { |
| const ageGate = document.getElementById('ageGate'); |
| const underageRedirect = document.getElementById('underageRedirect'); |
| const mainContent = document.getElementById('mainContent'); |
| |
| if (isAdult) { |
| ageGate.style.opacity = '0'; |
| setTimeout(() => { |
| ageGate.style.display = 'none'; |
| mainContent.style.display = 'block'; |
| }, 500); |
| |
| |
| document.cookie = "ageVerified=true; max-age=2592000; path=/"; |
| } else { |
| ageGate.style.display = 'none'; |
| underageRedirect.style.display = 'flex'; |
| |
| |
| setTimeout(() => { |
| window.location.href = "https://www.google.com"; |
| }, 3000); |
| } |
| } |
| |
| |
| function checkAgeVerification() { |
| if (document.cookie.includes('ageVerified=true')) { |
| document.getElementById('ageGate').style.display = 'none'; |
| document.getElementById('mainContent').style.display = 'block'; |
| } |
| } |
| |
| |
| document.getElementById('mobileMenuButton').addEventListener('click', function() { |
| const menu = document.getElementById('mobileMenu'); |
| if (menu.classList.contains('hidden')) { |
| menu.classList.remove('hidden'); |
| } else { |
| menu.classList.add('hidden'); |
| } |
| }); |
| |
| |
| window.onload = function() { |
| checkAgeVerification(); |
| |
| |
| document.querySelectorAll('a[href^="#"]').forEach(anchor => { |
| anchor.addEventListener('click', function(e) { |
| e.preventDefault(); |
| document.querySelector(this.getAttribute('href')).scrollIntoView({ |
| behavior: 'smooth' |
| }); |
| }); |
| }); |
| }; |
| </script> |
| <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=Seishio/shrf" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> |
| </html> |
