I’m include the nude image generator

index.html

@@ -82,9 +82,8 @@
         <!-- AI Options -->
         <div class="bg-white rounded-xl shadow-lg p-8 mb-12">
             <h2 class="text-2xl font-semibold text-gray-800 mb-6">AI Transformation Styles</h2>
-            
-            <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6">
-                <div class="bg-gray-50 rounded-lg overflow-hidden border border-gray-200 hover:border-primary transition cursor-pointer">
+            <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-5 gap-6">
+<div class="bg-gray-50 rounded-lg overflow-hidden border border-gray-200 hover:border-primary transition cursor-pointer">
                     <div class="relative h-48 overflow-hidden">
                         <img src="http://static.photos/people/640x360/1" class="w-full h-full object-cover" alt="Classic Style">
                         <div class="privacy-marker bottom-2 left-2">Sample Only</div>
@@ -116,7 +115,6 @@
                         <p class="text-sm text-gray-500">Creative body art</p>
                     </div>
                 </div>
-                
                 <div class="bg-gray-50 rounded-lg overflow-hidden border border-gray-200 hover:border-primary transition cursor-pointer">
                     <div class="relative h-48 overflow-hidden">
                         <img src="http://static.photos/people/640x360/4" class="w-full h-full object-cover" alt="Fantasy Style">
@@ -127,7 +125,18 @@
                         <p class="text-sm text-gray-500">Magical transformations</p>
                     </div>
                 </div>
-            </div>
+
+                <div class="bg-gray-50 rounded-lg overflow-hidden border border-gray-200 hover:border-primary transition cursor-pointer">
+                    <div class="relative h-48 overflow-hidden">
+                        <img src="http://static.photos/people/640x360/5" class="w-full h-full object-cover" alt="Nude Generator">
+                        <div class="privacy-marker bottom-2 left-2">Sample Only</div>
+                    </div>
+                    <div class="p-4">
+                        <h3 class="font-medium text-gray-800 mb-1">Nude Generator</h3>
+                        <p class="text-sm text-gray-500">Tasteful artistic nudes</p>
+                    </div>
+                </div>
+</div>
         </div>
 
         <!-- Privacy Section -->
@@ -156,7 +165,19 @@
                 </div>
                 <div class="md:w-1/2">
                     <div class="bg-gray-50 rounded-lg p-6 border border-gray-200">
-                        <h3 class="font-medium text-gray-800 mb-4">How it works</h3>
+                        <div class="bg-yellow-50 border-l-4 border-yellow-400 p-4 mb-4">
+                            <div class="flex">
+                                <div class="flex-shrink-0">
+                                    <i data-feather="alert-triangle" class="text-yellow-400 w-5 h-5"></i>
+                                </div>
+                                <div class="ml-3">
+                                    <p class="text-sm text-yellow-700">
+                                        All nude transformations are generated with AI and may require manual approval for tastefulness. Original images are never stored.
+                                    </p>
+                                </div>
+                            </div>
+                        </div>
+<h3 class="font-medium text-gray-800 mb-4">How it works</h3>
                         <div class="space-y-4">
                             <div class="flex items-start">
                                 <div class="flex-shrink-0 h-10 w-10 rounded-full bg-primary bg-opacity-10 flex items-center justify-center mr-4">
@@ -216,8 +237,49 @@
     <script>
         // Initialize feather icons
         feather.replace();
-        
-        // Handle file upload
+
+        // Age verification modal
+        const showAgeModal = () => {
+            const modal = document.createElement('div');
+            modal.className = 'fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50';
+            modal.innerHTML = `
+                <div class="bg-white rounded-lg p-6 max-w-md w-full">
+                    <div class="text-center mb-4">
+                        <i data-feather="alert-circle" class="text-primary w-12 h-12 mx-auto"></i>
+                    </div>
+                    <h3 class="text-xl font-semibold text-center mb-4">Age Verification</h3>
+                    <p class="text-gray-600 mb-6 text-center">
+                        The nude generator is intended for artistic purposes only and for users 18+.
+                        By proceeding, you confirm you are at least 18 years old.
+                    </p>
+                    <div class="flex space-x-4">
+                        <button onclick="this.parentElement.parentElement.parentElement.remove()" 
+                                class="flex-1 py-2 border border-gray-300 rounded-lg text-gray-700 hover:bg-gray-50 transition">
+                            Cancel
+                        </button>
+                        <button onclick="proceedToNudeGenerator()" 
+                                class="flex-1 py-2 bg-primary text-white rounded-lg hover:bg-opacity-90 transition">
+                            I'm 18+
+                        </button>
+                    </div>
+                </div>
+            `;
+            document.body.appendChild(modal);
+            feather.replace();
+        };
+
+        const proceedToNudeGenerator = () => {
+            document.querySelector('.age-modal')?.remove();
+            // Here you would initiate the nude generation process
+            alert('Nude generation feature unlocked. Please upload your photo.');
+        };
+
+        // Add click handler for nude generator option
+        document.addEventListener('DOMContentLoaded', () => {
+            const nudeOption = document.querySelectorAll('.bg-gray-50')[4]; // 5th option is nude generator
+            nudeOption.addEventListener('click', showAgeModal);
+        });
+// Handle file upload
         const dropzone = document.getElementById('dropzone');
         const fileInput = document.getElementById('file-upload');