<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Genesis AaS - AI Agents for Life</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<style>
body { font-family: 'Inter', sans-serif; }
</style>
</head>
<body class="bg-gradient-to-br from-blue-50 to-indigo-100 min-h-screen">
<!-- Hero -->
<section class="py-20 px-4 md:px-8 lg:px-16">
<div class="max-w-6xl mx-auto text-center">
<h1 class="text-5xl md:text-7xl font-bold text-gray-900 mb-6">Genesis AaS</h1>
<p class="text-xl md:text-2xl text-gray-600 mb-8 max-w-3xl mx-auto">AI Agents as a Service. Sommelier, Scheduler, Property Scout – ready to work for you. $29/mo.</p>
<a href="#pricing" class="bg-indigo-600 text-white px-12 py-4 rounded-full text-lg font-semibold hover:bg-indigo-700 transition">Join Beta Waitlist</a>
</div>
</section>
<!-- Features/Demos -->
<section class="py-20 px-4 md:px-8 lg:px-16">
<div class="max-w-6xl mx-auto">
<h2 class="text-4xl font-bold text-center mb-16">Your AI Dream Team</h2>
<div class="grid md:grid-cols-3 gap-8">
<div class="text-center p-8 bg-white rounded-2xl shadow-xl hover:shadow-2xl transition">
<div class="w-20 h-20 bg-red-100 rounded-2xl mx-auto mb-6 flex items-center justify-center text-3xl">
🍷</div>
<h3 class="text-2xl font-semibold mb-4">Sommelier</h3>
<p>Personal wine expert. Pairings, recommendations, cellar advice.</p>
</div>
<div class="text-center p-8 bg-white rounded-2xl shadow-xl hover:shadow-2xl transition">
<div class="w-20 h-20 bg-green-100 rounded-2xl mx-auto mb-6 flex items-center justify-center text-3xl">
📅</div>
<h3 class="text-2xl font-semibold mb-4">Scheduler</h3>
<p>AI calendar master. Book, reschedule, reminders across apps.</p>
</div>
<div class="text-center p-8 bg-white rounded-2xl shadow-xl hover:shadow-2xl transition">
<div class="w-20 h-20 bg-purple-100 rounded-2xl mx-auto mb-6 flex items-center justify-center text-3xl">
🏠</div>
<h3 class="text-2xl font-semibold mb-4">Property Scout</h3>
<p>Find dream homes. Listings, neighborhoods, market insights.</p>
</div>
</div>
</div>
</section>
<!-- Pricing -->
<section id="pricing" class="py-20 px-4 md:px-8 lg:px-16 bg-white">
<div class="max-w-4xl mx-auto">
<h2 class="text-4xl font-bold text-center mb-16">Simple Pricing</h2>
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
<div class="text-center p-8 bg-gradient-to-r from-indigo-500 to-purple-600 text-white rounded-2xl">
<h3 class="text-3xl font-bold mb-4">Starter</h3>
<div class="text-5xl font-bold mb-6">$29</div>
<div class="mb-8">/mo</div>
<ul class="text-left mb-8 space-y-2">
<li class="flex items-center">✅ 3 Core Agents</li>
<li class="flex items-center">✅ 100 Queries/Day</li>
<li class="flex items-center">✅ Email Support</li>
</ul>
<a href="#waitlist" class="block bg-white text-indigo-600 px-8 py-3 rounded-xl font-semibold hover:bg-gray-100">Join Beta</a>
</div>
<div class="text-center p-8 border-2 border-gray-200 rounded-2xl relative">
<div class="absolute -top-4 left-1/2 transform -translate-x-1/2 bg-white px-4 py-1 text-sm font-semibold text-gray-700">Most Popular</div>
<h3 class="text-3xl font-bold mb-4">Pro</h3>
<div class="text-5xl font-bold mb-6">$79</div>
<div class="mb-8">/mo</div>
<ul class="text-left mb-8 space-y-2">
<li class="flex items-center">✅ Unlimited</li>
<li class="flex items-center">✅ Custom Agents</li>
<li class="flex items-center">✅ Priority Support</li>
</ul>
<a href="#waitlist" class="block bg-indigo-600 text-white px-8 py-3 rounded-xl font-semibold hover:bg-indigo-700">Join Beta</a>
</div>
<div class="text-center p-8 bg-gray-50 rounded-2xl">
<h3 class="text-3xl font-bold mb-4">Enterprise</h3>
<div class="text-3xl font-bold mb-6">Custom</div>
<div class="mb-8">billed annually</div>
<p>Teams, integrations.</p>
<a href="mailto:scottreesman@gmail.com?subject=Genesis Enterprise" class="block mt-8 bg-gray-200 text-gray-800 px-8 py-3 rounded-xl font-semibold hover:bg-gray-300">Contact</a>
</div>
</div>
</div>
</section>
<!-- CTA -->
<section id="waitlist" class="py-20 px-4 md:px-8 lg:px-16">
<div class="max-w-md mx-auto text-center">
<h2 class="text-3xl font-bold mb-4">Beta Launching Now</h2>
<p class="text-lg text-gray-600 mb-8">Limited spots for founding beta. Email to join.</p>
<p class="font-semibold text-2xl"><a href="mailto:scottreesman@gmail.com?subject=Genesis%20AaS%20Beta%20Signup&body=Name:%0AEmail:%0AInterests:%20(Sommelier/Scheduler/Property/All)" class="text-indigo-600 hover:text-indigo-700">Email Signup ←</a></p>
<p class="text-sm text-gray-500 mt-4">Or reply to DjinniPrince on Telegram.</p>
</div>
</section>
<!-- Footer -->
<footer class="py-12 px-4 md:px-8 lg:px-16 bg-gray-900 text-white text-center">
<p>© 2026 Genesis AaS. Powered by <a href="https://openclaw.ai" class="underline">OpenClaw</a> 🧞</p>
</footer>
</body>
</html>