<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dimer | B2B Fitness App Solutions</title>
<script src="https://cdn.tailwindcss.com"></script>
<style>
.hero-gradient { background: linear-gradient(135deg, #0f172a 0%, #1e40af 100%); }
</style>
</head>
<body class="bg-gray-50 font-sans text-gray-900">
<nav class="max-w-7xl mx-auto px-6 py-6 flex justify-between items-center">
<div class="text-3xl font-black tracking-tighter text-blue-600">DIMER</div>
<a href="mailto:dimer.fitness@gmail.com" class="font-bold text-gray-600 hover:text-blue-600">Support</a>
</nav>
<header class="hero-gradient text-white py-24 px-6">
<div class="max-w-4xl mx-auto text-center">
<h1 class="text-5xl md:text-7xl font-black mb-6 tracking-tight">The Future of Gym Engagement.</h1>
<p class="text-xl md:text-2xl mb-10 text-blue-100">Dimer is a B2B fitness platform that helps gym owners increase member retention through community and competition.</p>
<div class="flex flex-wrap justify-center gap-4">
<div class="bg-white/10 p-2 rounded-2xl backdrop-blur-md border border-white/20">
<div class="bg-gray-800 w-48 h-96 rounded-xl flex items-center justify-center text-gray-500">[App Screenshot 1]</div>
</div>
<div class="bg-white/10 p-2 rounded-2xl backdrop-blur-md border border-white/20">
<div class="bg-gray-800 w-48 h-96 rounded-xl flex items-center justify-center text-gray-500">[App Screenshot 2]</div>
</div>
</div>
</div>
</header>
<section class="py-24 px-6 max-w-5xl mx-auto grid md:grid-cols-2 gap-12 items-center">
<div>
<h2 class="text-4xl font-bold mb-6">Built for Gym Owners.</h2>
<p class="text-lg text-gray-600 mb-6">Stop losing members to "home workouts." Dimer creates a digital ecosystem inside your gym that keeps members coming back to beat their friends and track their progress.</p>
<ul class="space-y-4">
<li class="flex items-center gap-3 font-semibold">✅ Custom Waitlist Pages</li>
<li class="flex items-center gap-3 font-semibold">✅ Member Competition Tracking</li>
<li class="flex items-center gap-3 font-semibold">✅ Seamless B2B Integration</li>
</ul>
</div>
<div class="bg-blue-600 p-10 rounded-3xl text-white shadow-2xl">
<h3 class="text-2xl font-bold mb-4">Ready to Launch?</h3>
<p class="mb-8 opacity-90">Join the gyms already using Dimer to revolutionize their member experience.</p>
<a href="mailto:dimer.fitness@gmail.com" class="block w-full bg-white text-blue-600 text-center py-4 rounded-xl font-bold text-lg">Contact Sales</a>
</div>
</section>
<footer class="py-12 border-t border-gray-200 text-center text-gray-400">
<p>© 2026 Dimer Fitness • dimer.app</p>
</footer>
</body>
</html>