Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Idea.startup | Marketplace for Startup Ideas</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> | |
| .gradient-bg { | |
| background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); | |
| } | |
| .idea-card:hover { | |
| transform: translateY(-5px); | |
| box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); | |
| } | |
| .animated-underline { | |
| position: relative; | |
| display: inline-block; | |
| } | |
| .animated-underline::after { | |
| content: ''; | |
| position: absolute; | |
| width: 100%; | |
| transform: scaleX(0); | |
| height: 2px; | |
| bottom: 0; | |
| left: 0; | |
| background-color: #667eea; | |
| transform-origin: bottom right; | |
| transition: transform 0.25s ease-out; | |
| } | |
| .animated-underline:hover::after { | |
| transform: scaleX(1); | |
| transform-origin: bottom left; | |
| } | |
| .floating { | |
| animation: floating 3s ease-in-out infinite; | |
| } | |
| @keyframes floating { | |
| 0% { transform: translateY(0px); } | |
| 50% { transform: translateY(-15px); } | |
| 100% { transform: translateY(0px); } | |
| } | |
| </style> | |
| </head> | |
| <body class="font-sans antialiased text-gray-800"> | |
| <!-- Navigation --> | |
| <nav class="bg-white shadow-lg sticky top-0 z-50"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="flex justify-between h-16"> | |
| <div class="flex items-center"> | |
| <div class="flex-shrink-0 flex items-center"> | |
| <i class="fas fa-lightbulb text-indigo-600 text-2xl mr-2"></i> | |
| <span class="text-xl font-bold text-indigo-600">Idea.startup</span> | |
| </div> | |
| <div class="hidden md:ml-10 md:flex md:space-x-8"> | |
| <a href="/discover" class="text-indigo-600 inline-flex items-center px-1 pt-1 border-b-2 border-indigo-500 text-sm font-medium">Discover</a> | |
| <a href="/submit-idea" class="text-gray-500 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 border-transparent hover:border-gray-300 text-sm font-medium">Sell Idea</a> | |
| <a href="/invest" class="text-gray-500 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 border-transparent hover:border-gray-300 text-sm font-medium">Invest</a> | |
| <a href="/dashboard" class="text-gray-500 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 border-transparent hover:border-gray-300 text-sm font-medium">Dashboard</a> | |
| <a href="/about" class="text-gray-500 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 border-transparent hover:border-gray-300 text-sm font-medium">About</a> | |
| <a href="/contact" class="text-gray-500 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 border-transparent hover:border-gray-300 text-sm font-medium">Contact</a> | |
| </div> | |
| </div> | |
| <div class="hidden md:ml-6 md:flex md:items-center"> | |
| <button class="bg-indigo-600 hover:bg-indigo-700 text-white px-4 py-2 rounded-md text-sm font-medium">Sign In</button> | |
| </div> | |
| <div class="-mr-2 flex items-center md:hidden"> | |
| <button type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500" aria-controls="mobile-menu" aria-expanded="false"> | |
| <span class="sr-only">Open main menu</span> | |
| <i class="fas fa-bars"></i> | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| </nav> | |
| <!-- Hero Section --> | |
| <div class="gradient-bg text-white"> | |
| <div class="max-w-7xl mx-auto py-16 px-4 sm:py-24 sm:px-6 lg:px-8"> | |
| <div class="text-center"> | |
| <h1 class="text-4xl font-extrabold tracking-tight sm:text-5xl md:text-6xl"> | |
| <span class="block">Turn Ideas Into</span> | |
| <span class="block">Successful Startups</span> | |
| </h1> | |
| <p class="mt-3 max-w-md mx-auto text-base sm:text-lg md:mt-5 md:text-xl md:max-w-3xl"> | |
| Buy, sell, or invest in the next big startup idea. Join our marketplace of innovators and investors. | |
| </p> | |
| <div class="mt-5 max-w-md mx-auto sm:flex sm:justify-center md:mt-8"> | |
| <div class="rounded-md shadow"> | |
| <a href="/discover" class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-indigo-600 bg-white hover:bg-gray-50 md:py-4 md:text-lg md:px-10"> | |
| Explore Ideas | |
| </a> | |
| </div> | |
| <div class="mt-3 rounded-md shadow sm:mt-0 sm:ml-3"> | |
| <a href="/submit-idea" class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-indigo-500 bg-opacity-60 hover:bg-opacity-70 md:py-4 md:text-lg md:px-10"> | |
| Sell Your Idea | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Featured Ideas --> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12"> | |
| <div class="text-center mb-12"> | |
| <h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl"> | |
| Featured <span class="text-indigo-600">Startup Ideas</span> | |
| </h2> | |
| <p class="mt-4 max-w-2xl text-xl text-gray-500 mx-auto"> | |
| Browse through our curated selection of high-potential startup ideas | |
| </p> | |
| </div> | |
| <div class="grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-3"> | |
| <!-- Idea Card 1 --> | |
| <div class="bg-white rounded-lg shadow-md overflow-hidden idea-card transition-all duration-300 ease-in-out"> | |
| <div class="relative h-48 overflow-hidden"> | |
| <img class="w-full h-full object-cover" src="https://images.unsplash.com/photo-1551288049-bebda4e38f71?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="AI Startup"> | |
| <div class="absolute top-2 right-2 bg-indigo-100 text-indigo-800 text-xs font-semibold px-2.5 py-0.5 rounded-full">Tech</div> | |
| </div> | |
| <div class="p-6"> | |
| <div class="flex items-center justify-between mb-2"> | |
| <h3 class="text-xl font-bold text-gray-900">AI-Powered Personal Assistant</h3> | |
| <span class="text-indigo-600 font-bold">$25,000</span> | |
| </div> | |
| <p class="text-gray-600 mb-4">An AI assistant that learns your habits and preferences to automate daily tasks and decision making.</p> | |
| <div class="flex items-center justify-between"> | |
| <div class="flex items-center"> | |
| <i class="fas fa-star text-yellow-400 mr-1"></i> | |
| <span class="text-gray-700">4.8</span> | |
| <span class="mx-2 text-gray-300">|</span> | |
| <span class="text-gray-500">12 bids</span> | |
| </div> | |
| <a href="/idea/ai-powered-assistant" class="text-indigo-600 hover:text-indigo-800 font-medium">View Details</a> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Idea Card 2 --> | |
| <div class="bg-white rounded-lg shadow-md overflow-hidden idea-card transition-all duration-300 ease-in-out"> | |
| <div class="relative h-48 overflow-hidden"> | |
| <img class="w-full h-full object-cover" src="https://images.unsplash.com/photo-1522071820081-009f0129c71c?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Sustainability Startup"> | |
| <div class="absolute top-2 right-2 bg-green-100 text-green-800 text-xs font-semibold px-2.5 py-0.5 rounded-full">Sustainability</div> | |
| </div> | |
| <div class="p-6"> | |
| <div class="flex items-center justify-between mb-2"> | |
| <h3 class="text-xl font-bold text-gray-900">Urban Vertical Farming Network</h3> | |
| <span class="text-indigo-600 font-bold">$50,000</span> | |
| </div> | |
| <p class="text-gray-600 mb-4">A network of vertical farms in urban areas providing fresh produce with minimal environmental impact.</p> | |
| <div class="flex items-center justify-between"> | |
| <div class="flex items-center"> | |
| <i class="fas fa-star text-yellow-400 mr-1"></i> | |
| <span class="text-gray-700">4.9</span> | |
| <span class="mx-2 text-gray-300">|</span> | |
| <span class="text-gray-500">24 bids</span> | |
| </div> | |
| <button class="text-indigo-600 hover:text-indigo-800 font-medium">View Details</button> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Idea Card 3 --> | |
| <div class="bg-white rounded-lg shadow-md overflow-hidden idea-card transition-all duration-300 ease-in-out"> | |
| <div class="relative h-48 overflow-hidden"> | |
| <img class="w-full h-full object-cover" src="https://images.unsplash.com/photo-1579621970563-ebec7560ff3e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1471&q=80" alt="Finance Startup"> | |
| <div class="absolute top-2 right-2 bg-blue-100 text-blue-800 text-xs font-semibold px-2.5 py-0.5 rounded-full">Finance</div> | |
| </div> | |
| <div class="p-6"> | |
| <div class="flex items-center justify-between mb-2"> | |
| <h3 class="text-xl font-bold text-gray-900">Micro-Investment Platform</h3> | |
| <span class="text-indigo-600 font-bold">$15,000</span> | |
| </div> | |
| <p class="text-gray-600 mb-4">A platform that allows users to invest spare change from everyday purchases into diversified portfolios.</p> | |
| <div class="flex items-center justify-between"> | |
| <div class="flex items-center"> | |
| <i class="fas fa-star text-yellow-400 mr-1"></i> | |
| <span class="text-gray-700">4.7</span> | |
| <span class="mx-2 text-gray-300">|</span> | |
| <span class="text-gray-500">8 bids</span> | |
| </div> | |
| <button class="text-indigo-600 hover:text-indigo-800 font-medium">View Details</button> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="mt-10 text-center"> | |
| <a href="#" class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-indigo-600 hover:bg-indigo-700"> | |
| Browse All Ideas | |
| <i class="fas fa-arrow-right ml-2"></i> | |
| </a> | |
| </div> | |
| </div> | |
| <!-- How It Works --> | |
| <div class="bg-gray-50 py-16"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="text-center mb-12"> | |
| <h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl"> | |
| How <span class="text-indigo-600">Idea.startup</span> Works | |
| </h2> | |
| <p class="mt-4 max-w-2xl text-xl text-gray-500 mx-auto"> | |
| Simple steps to buy, sell, or invest in startup ideas | |
| </p> | |
| </div> | |
| <div class="grid grid-cols-1 gap-8 sm:grid-cols-3"> | |
| <!-- Step 1 --> | |
| <div class="bg-white p-6 rounded-lg shadow-sm text-center"> | |
| <div class="mx-auto flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white mb-4"> | |
| <span class="text-xl font-bold">1</span> | |
| </div> | |
| <h3 class="text-lg font-medium text-gray-900 mb-2">Submit or Browse Ideas</h3> | |
| <p class="text-gray-500"> | |
| Creators can submit their startup ideas with detailed business plans. Investors browse through vetted ideas. | |
| </p> | |
| </div> | |
| <!-- Step 2 --> | |
| <div class="bg-white p-6 rounded-lg shadow-sm text-center"> | |
| <div class="mx-auto flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white mb-4"> | |
| <span class="text-xl font-bold">2</span> | |
| </div> | |
| <h3 class="text-lg font-medium text-gray-900 mb-2">Connect & Negotiate</h3> | |
| <p class="text-gray-500"> | |
| Interested parties connect through our secure platform to discuss terms and negotiate deals. | |
| </p> | |
| </div> | |
| <!-- Step 3 --> | |
| <div class="bg-white p-6 rounded-lg shadow-sm text-center"> | |
| <div class="mx-auto flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white mb-4"> | |
| <span class="text-xl font-bold">3</span> | |
| </div> | |
| <h3 class="text-lg font-medium text-gray-900 mb-2">Secure Transaction</h3> | |
| <p class="text-gray-500"> | |
| Our escrow service ensures secure transactions when buying ideas or investing in startups. | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Testimonials --> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16"> | |
| <div class="text-center mb-12"> | |
| <h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl"> | |
| Success <span class="text-indigo-600">Stories</span> | |
| </h2> | |
| <p class="mt-4 max-w-2xl text-xl text-gray-500 mx-auto"> | |
| Hear from entrepreneurs and investors who found success through Idea.startup | |
| </p> | |
| </div> | |
| <div class="grid grid-cols-1 gap-8 md:grid-cols-2"> | |
| <!-- Testimonial 1 --> | |
| <div class="bg-white p-6 rounded-lg shadow-sm"> | |
| <div class="flex items-start"> | |
| <img class="h-12 w-12 rounded-full object-cover" src="https://randomuser.me/api/portraits/women/44.jpg" alt="Sarah Johnson"> | |
| <div class="ml-4"> | |
| <div class="flex items-center"> | |
| <h4 class="text-lg font-medium text-gray-900">Sarah Johnson</h4> | |
| <span class="ml-2 text-xs text-gray-500">Founder, AI Assist</span> | |
| </div> | |
| <div class="flex items-center mt-1"> | |
| <i class="fas fa-star text-yellow-400 text-sm"></i> | |
| <i class="fas fa-star text-yellow-400 text-sm ml-1"></i> | |
| <i class="fas fa-star text-yellow-400 text-sm ml-1"></i> | |
| <i class="fas fa-star text-yellow-400 text-sm ml-1"></i> | |
| <i class="fas fa-star text-yellow-400 text-sm ml-1"></i> | |
| </div> | |
| <p class="mt-2 text-gray-600"> | |
| "I sold my AI assistant concept on Idea.startup for $25,000. The platform connected me with the perfect investor who had the resources to bring my vision to life. Today, AI Assist is valued at $5M." | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Testimonial 2 --> | |
| <div class="bg-white p-6 rounded-lg shadow-sm"> | |
| <div class="flex items-start"> | |
| <img class="h-12 w-12 rounded-full object-cover" src="https://randomuser.me/api/portraits/men/32.jpg" alt="Michael Chen"> | |
| <div class="ml-4"> | |
| <div class="flex items-center"> | |
| <h4 class="text-lg font-medium text-gray-900">Michael Chen</h4> | |
| <span class="ml-2 text-xs text-gray-500">Investor</span> | |
| </div> | |
| <div class="flex items-center mt-1"> | |
| <i class="fas fa-star text-yellow-400 text-sm"></i> | |
| <i class="fas fa-star text-yellow-400 text-sm ml-1"></i> | |
| <i class="fas fa-star text-yellow-400 text-sm ml-1"></i> | |
| <i class="fas fa-star text-yellow-400 text-sm ml-1"></i> | |
| <i class="fas fa-star text-yellow-400 text-sm ml-1"></i> | |
| </div> | |
| <p class="mt-2 text-gray-600"> | |
| "As an angel investor, Idea.startup has been invaluable for discovering unique opportunities. I've invested in 3 ideas through the platform, all showing promising growth. The vetting process gives me confidence in the ideas I evaluate." | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- CTA Section --> | |
| <div class="gradient-bg text-white"> | |
| <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:py-16 lg:px-8 lg:flex lg:items-center lg:justify-between"> | |
| <div class="lg:w-1/2"> | |
| <h2 class="text-3xl font-extrabold tracking-tight sm:text-4xl"> | |
| <span class="block">Ready to dive in?</span> | |
| <span class="block">Start exploring ideas today.</span> | |
| </h2> | |
| <p class="mt-3 max-w-3xl text-lg"> | |
| Join thousands of entrepreneurs and investors in our growing community. | |
| </p> | |
| </div> | |
| <div class="mt-8 flex lg:mt-0 lg:flex-shrink-0"> | |
| <div class="inline-flex rounded-md shadow"> | |
| <a href="/signup" class="inline-flex items-center justify-center px-5 py-3 border border-transparent text-base font-medium rounded-md text-indigo-600 bg-white hover:bg-indigo-50"> | |
| Get Started | |
| </a> | |
| </div> | |
| <div class="ml-3 inline-flex rounded-md shadow"> | |
| <a href="/about" class="inline-flex items-center justify-center px-5 py-3 border border-transparent text-base font-medium rounded-md text-white bg-indigo-600 bg-opacity-60 hover:bg-opacity-70"> | |
| Learn More | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Footer --> | |
| <footer class="bg-gray-800 text-white"> | |
| <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:px-8"> | |
| <div class="grid grid-cols-2 md:grid-cols-4 gap-8"> | |
| <div> | |
| <h3 class="text-sm font-semibold text-gray-300 tracking-wider uppercase">Marketplace</h3> | |
| <ul class="mt-4 space-y-4"> | |
| <li><a href="#" class="text-base text-gray-400 hover:text-white animated-underline">All Ideas</a></li> | |
| <li><a href="#" class="text-base text-gray-400 hover:text-white animated-underline">Trending</a></li> | |
| <li><a href="#" class="text-base text-gray-400 hover:text-white animated-underline">Newest</a></li> | |
| <li><a href="#" class="text-base text-gray-400 hover:text-white animated-underline">Categories</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h3 class="text-sm font-semibold text-gray-300 tracking-wider uppercase">Resources</h3> | |
| <ul class="mt-4 space-y-4"> | |
| <li><a href="#" class="text-base text-gray-400 hover:text-white animated-underline">Blog</a></li> | |
| <li><a href="#" class="text-base text-gray-400 hover:text-white animated-underline">Guides</a></li> | |
| <li><a href="#" class="text-base text-gray-400 hover:text-white animated-underline">Webinars</a></li> | |
| <li><a href="#" class="text-base text-gray-400 hover:text-white animated-underline">Startup Tools</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h3 class="text-sm font-semibold text-gray-300 tracking-wider uppercase">Company</h3> | |
| <ul class="mt-4 space-y-4"> | |
| <li><a href="/about" class="text-base text-gray-400 hover:text-white animated-underline">About</a></li> | |
| <li><a href="/careers" class="text-base text-gray-400 hover:text-white animated-underline">Careers</a></li> | |
| <li><a href="/press" class="text-base text-gray-400 hover:text-white animated-underline">Press</a></li> | |
| <li><a href="/contact" class="text-base text-gray-400 hover:text-white animated-underline">Contact</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h3 class="text-sm font-semibold text-gray-300 tracking-wider uppercase">Connect</h3> | |
| <div class="mt-4 flex space-x-6"> | |
| <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-twitter"></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-linkedin-in"></i> | |
| </a> | |
| </div> | |
| <div class="mt-6"> | |
| <h4 class="text-sm font-medium text-gray-300">Subscribe to our newsletter</h4> | |
| <div class="mt-2 flex"> | |
| <input type="email" placeholder="Your email" class="px-4 py-2 rounded-l-md text-gray-800 w-full focus:outline-none"> | |
| <button class="bg-indigo-600 hover:bg-indigo-700 px-4 py-2 rounded-r-md"> | |
| <i class="fas fa-paper-plane"></i> | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="mt-12 border-t border-gray-700 pt-8 flex flex-col md:flex-row justify-between"> | |
| <p class="text-base text-gray-400"> | |
| © 2023 Idea.startup. All rights reserved. | |
| </p> | |
| <div class="mt-4 md:mt-0 flex space-x-6"> | |
| <a href="#" class="text-gray-400 hover:text-white">Privacy Policy</a> | |
| <a href="#" class="text-gray-400 hover:text-white">Terms of Service</a> | |
| <a href="#" class="text-gray-400 hover:text-white">Cookie Policy</a> | |
| </div> | |
| </div> | |
| </div> | |
| </footer> | |
| <!-- Floating action button --> | |
| <div class="fixed bottom-6 right-6"> | |
| <button class="floating bg-indigo-600 hover:bg-indigo-700 text-white rounded-full p-4 shadow-lg focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"> | |
| <i class="fas fa-comment-dots text-xl"></i> | |
| </button> | |
| </div> | |
| <script> | |
| // Simple animation for idea cards on scroll | |
| document.addEventListener('DOMContentLoaded', function() { | |
| const ideaCards = document.querySelectorAll('.idea-card'); | |
| const observer = new IntersectionObserver((entries) => { | |
| entries.forEach(entry => { | |
| if (entry.isIntersecting) { | |
| entry.target.style.opacity = '1'; | |
| entry.target.style.transform = 'translateY(0)'; | |
| } | |
| }); | |
| }, { threshold: 0.1 }); | |
| ideaCards.forEach(card => { | |
| card.style.opacity = '0'; | |
| card.style.transform = 'translateY(20px)'; | |
| card.style.transition = 'opacity 0.5s ease, transform 0.5s ease'; | |
| observer.observe(card); | |
| }); | |
| // Mobile menu toggle would go here | |
| }); | |
| </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=bahgatbigo/vibes" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> | |
| </html> |