Update index.html

index.html

@@ -162,9 +162,9 @@
                     </div>
                     <div class="hidden md:ml-10 md:flex md:space-x-8">
                         <a href="#" class="text-indigo-600 border-indigo-500 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Home</a>
-                        <a href="#" class="text-gray-500 hover:text-gray-700 hover:border-gray-300 inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-medium">Templates</a>
-                        <a href="#" class="text-gray-500 hover:text-gray-700 hover:border-gray-300 inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-medium">Gallery</a>
-                        <a href="#" class="text-gray-500 hover:text-gray-700 hover:border-gray-300 inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-medium">Pricing</a>
+                        <a href="https://civitai.com/user/METAFILM_Ai" target="_blank" class="text-gray-500 hover:text-gray-700 hover:border-gray-300 inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-medium">Templates</a>
+                        <a href="https://civitai.com/user/METAFILM_Ai" target="_blank" class="text-gray-500 hover:text-gray-700 hover:border-gray-300 inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-medium">Gallery</a>
+                        <a href="https://civitai.com/user/METAFILM_Ai" target="_blank" class="text-gray-500 hover:text-gray-700 hover:border-gray-300 inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-medium">Pricing</a>
                     </div>
                 </div>
                 <div class="hidden md:ml-4 md:flex md:items-center md:space-x-4">
@@ -705,30 +705,30 @@
                     <div>
                         <h3 class="text-sm font-semibold text-white tracking-wider uppercase">Product</h3>
                         <ul class="mt-4 space-y-2">
-                            <li><a href="#" class="text-sm hover:text-white">Features</a></li>
-                            <li><a href="#" class="text-sm hover:text-white">Templates</a></li>
-                            <li><a href="#" class="text-sm hover:text-white">Pricing</a></li>
-                            <li><a href="#" class="text-sm hover:text-white">API</a></li>
+                            <li><a href="https://civitai.com/user/METAFILM_Ai" target="_blank" class="text-sm hover:text-white">Features</a></li>
+                            <li><a href="https://civitai.com/user/METAFILM_Ai" target="_blank" class="text-sm hover:text-white">Templates</a></li>
+                            <li><a href="https://civitai.com/user/METAFILM_Ai" target="_blank" class="text-sm hover:text-white">Pricing</a></li>
+                            <li><a href="https://civitai.com/user/METAFILM_Ai" target="_blank" class="text-sm hover:text-white">API</a></li>
                         </ul>
                     </div>
                     
                     <div>
                         <h3 class="text-sm font-semibold text-white tracking-wider uppercase">Resources</h3>
                         <ul class="mt-4 space-y-2">
-                            <li><a href="#" class="text-sm hover:text-white">Documentation</a></li>
-                            <li><a href="#" class="text-sm hover:text-white">Tutorials</a></li>
-                            <li><a href="#" class="text-sm hover:text-white">Blog</a></li>
-                            <li><a href="#" class="text-sm hover:text-white">Community</a></li>
+                            <li><a href="https://civitai.com/user/METAFILM_Ai" target="_blank" class="text-sm hover:text-white">Documentation</a></li>
+                            <li><a href="https://civitai.com/user/METAFILM_Ai" target="_blank" class="text-sm hover:text-white">Tutorials</a></li>
+                            <li><a href="https://civitai.com/user/METAFILM_Ai" target="_blank" class="text-sm hover:text-white">Blog</a></li>
+                            <li><a href="https://civitai.com/user/METAFILM_Ai" target="_blank" class="text-sm hover:text-white">Community</a></li>
                         </ul>
                     </div>
                     
                     <div>
                         <h3 class="text-sm font-semibold text-white tracking-wider uppercase">Company</h3>
                         <ul class="mt-4 space-y-2">
-                            <li><a href="#" class="text-sm hover:text-white">About</a></li>
-                            <li><a href="#" class="text-sm hover:text-white">Careers</a></li>
-                            <li><a href="#" class="text-sm hover:text-white">Privacy</a></li>
-                            <li><a href="#" class="text-sm hover:text-white">Terms</a></li>
+                            <li><a href="https://civitai.com/user/METAFILM_Ai" target="_blank" class="text-sm hover:text-white">About</a></li>
+                            <li><a href="https://civitai.com/user/METAFILM_Ai" target="_blank" class="text-sm hover:text-white">Careers</a></li>
+                            <li><a href="https://civitai.com/user/METAFILM_Ai" target="_blank" class="text-sm hover:text-white">Privacy</a></li>
+                            <li><a href="https://civitai.com/user/METAFILM_Ai" target="_blank" class="text-sm hover:text-white">Terms</a></li>
                         </ul>
                     </div>
                 </div>
@@ -738,10 +738,10 @@
                         &copy; 2025 METAFILM.Ai All rights reserved.
                     </p>
                     <div class="mt-4 md:mt-0 flex space-x-6">
-                        <a href="https://redaigc.com" class="text-sm text-gray-400 hover:text-white">REDAIGC.com</a>
-                        <a href="#" class="text-sm text-gray-400 hover:text-white">Privacy Policy</a>
-                        <a href="#" class="text-sm text-gray-400 hover:text-white">Terms of Service</a>
-                        <a href="#" class="text-sm text-gray-400 hover:text-white">Cookie Policy</a>
+                        <a href="https://civitai.com/user/METAFILM_Ai" target="_blank" class="text-sm text-gray-400 hover:text-white">REDAIGC.com</a>
+                        <a href="https://civitai.com/user/METAFILM_Ai" target="_blank" class="text-sm text-gray-400 hover:text-white">Privacy Policy</a>
+                        <a href="https://civitai.com/user/METAFILM_Ai" target="_blank" class="text-sm text-gray-400 hover:text-white">Terms of Service</a>
+                        <a href="https://civitai.com/user/METAFILM_Ai" target="_blank" class="text-sm text-gray-400 hover:text-white">Cookie Policy</a>
                     </div>
                 </div>
             </div>
@@ -816,7 +816,7 @@
                         loading.classList.add('hidden');
                         
                         // Show generated image (using placeholder from unsplash)
-                        const imageUrl = `https://source.unsplash.com/random/600x400/?${encodeURIComponent(prompt.split(' ').join(',') + ',' + selectedStyle)}`;
+                        const imageUrl = `65191488.jpeg`;
                         generatedImage.src = imageUrl;
                         generatedImage.classList.remove('hidden');
                         setTimeout(() => {
@@ -831,7 +831,7 @@
                         // Set variation images
                         const variationImages = variations.querySelectorAll('img');
                         variationImages.forEach((img, index) => {
-                            img.src = `https://source.unsplash.com/random/300x200/?sig=${index + 1},${encodeURIComponent(prompt.split(' ').join(',') + ',' + selectedStyle)}`;
+                            img.src = `65191488.jpeg`;
                         });
                     }, 3000);
                 });
@@ -841,7 +841,7 @@
                     if (generatedImage.src) {
                         const link = document.createElement('a');
                         link.href = generatedImage.src;
-                        link.download = `redaigc-design-${Date.now()}.jpg`;
+                        link.download = `65656010.png`;
                         document.body.appendChild(link);
                         link.click();
                         document.body.removeChild(link);
@@ -852,12 +852,12 @@
                 refreshBtn.addEventListener('click', function() {
                     if (generatedImage.src) {
                         const prompt = promptInput.value.trim();
-                        generatedImage.src = `https://source.unsplash.com/random/600x400/?sig=${Math.floor(Math.random() * 1000)},${encodeURIComponent(prompt.split(' ').join(',') + ',' + selectedStyle)}`;
+                        generatedImage.src = `65191196.jpeg`;
                         
                         // Refresh variations too
                         const variationImages = variations.querySelectorAll('img');
                         variationImages.forEach((img, index) => {
-                            img.src = `https://source.unsplash.com/random/300x200/?sig=${index + 1 + Math.floor(Math.random() * 1000)},${encodeURIComponent(prompt.split(' ').join(',') + ',' + selectedStyle)}`;
+                            img.src = `65191196.jpeg`;
                         });
                     }
                 });