Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>AI Dream Matchmaker - Build Your Dream Match</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <script src="https://unpkg.com/feather-icons"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> | |
| <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet"> | |
| <style> | |
| body { | |
| font-family: 'Poppins', sans-serif; | |
| } | |
| .hero-overlay { | |
| background: linear-gradient(135deg, rgba(255,105,180,0.7) 0%, rgba(255,20,147,0.7) 100%); | |
| } | |
| .btn-primary { | |
| background: linear-gradient(135deg, #FF6B8B 0%, #FF1493 100%); | |
| transition: all 0.3s ease; | |
| } | |
| .btn-primary:hover { | |
| transform: translateY(-2px); | |
| box-shadow: 0 10px 20px rgba(255, 20, 147, 0.3); | |
| } | |
| </style> | |
| </head> | |
| <body class="min-h-screen bg-gray-100"> | |
| <!-- Hero Section --> | |
| <div class="relative h-screen bg-cover bg-center" style="background-image: url('https://images.unsplash.com/photo-1516589178581-6cd7833ae3b2?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80')"> | |
| <div class="hero-overlay absolute inset-0"></div> | |
| <div class="relative z-10 flex flex-col items-center justify-center h-full px-4 text-center"> | |
| <h1 class="text-4xl md:text-6xl font-bold text-white mb-6">Build Your Dream Match</h1> | |
| <p class="text-xl md:text-2xl text-white mb-10 max-w-2xl">Let AI show you what your perfect partner looks like</p> | |
| <a href="generation.html" class="btn-primary text-white font-semibold py-4 px-10 rounded-full text-lg shadow-lg"> | |
| Start Now | |
| </a> | |
| </div> | |
| <!-- <div class="absolute bottom-0 left-0 right-0 py-4 text-center z-20"> | |
| <p class="text-white text-sm opacity-80"> | |
| Powered by | |
| <a href="https://faceseek.online" target="_blank" class="underline"> | |
| faceseek.online | |
| </a> | |
| </p> | |
| </div> --> | |
| </div> | |
| <script> | |
| feather.replace(); | |
| </script> | |
| </body> | |
| </html> | |