<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>élevé therapeutics</title>
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-gradient-to-b from-white to-slate-50 text-slate-900 min-h-screen flex flex-col">
<!-- NAV -->
<header class="sticky top-0 z-40 backdrop-blur supports-[backdrop-filter]:bg-white/70 bg-white/60 border-b">
<div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 flex items-center justify-between h-16">
<div class="flex items-center gap-3">
<div class="h-9 w-9 rounded-2xl bg-emerald-600/90 grid place-items-center text-white font-bold">é</div>
<div class="leading-tight">
<div class="font-semibold tracking-tight">élevé therapeutics</div>
<div class="text-xs text-slate-600">Made in Germany</div>
</div>
</div>
<div class="flex items-center gap-3">
<a href="#contact" class="bg-emerald-600 text-white px-4 py-2 rounded-lg text-sm font-medium">Kontakt aufnehmen</a>
</div>
</div>
</header>
<!-- HERO -->
<section id="home" class="w-full max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 py-16 text-center">
<span class="inline-block bg-slate-100 text-slate-700 text-xs px-3 py-1 rounded-full">UNTOUCHED POTENTIAL</span>
<h1 class="mt-4 text-4xl sm:text-5xl font-extrabold tracking-tight">Premium Craft-Cannabis – Made in Germany</h1>
<p class="mt-6 text-lg text-slate-700 max-w-2xl mx-auto">
Lokal. Nachhaltig. GMP-konform. Wir kultivieren medizinisches Cannabis in modularen Growcontainern mit Aquaponik-Technologie – ressourcenschonend und unabhängig von Importen.
</p>
<div class="mt-8 flex justify-center gap-3">
<a href="#contact" class="bg-emerald-600 text-white px-6 py-3 rounded-2xl font-medium flex items-center gap-2">Kontakt aufnehmen <span>→</span></a>
<a href="#contact" class="border border-slate-300 text-slate-800 px-6 py-3 rounded-2xl font-medium">Pitch anfordern</a>
</div>
</section>
<!-- VORTEILE -->
<section id="benefits" class="w-full max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 py-16">
<div class="grid sm:grid-cols-3 gap-6">
<div class="rounded-2xl border bg-white text-center p-6">
<h3 class="text-xl font-semibold mb-2">🌱 Lokal</h3>
<p class="text-slate-600 text-sm">Premium-Qualität aus Deutschland – volle Kontrolle über den gesamten Prozess.</p>
</div>
<div class="rounded-2xl border bg-white text-center p-6">
<h3 class="text-xl font-semibold mb-2">🐟 Nachhaltig</h3>
<p class="text-slate-600 text-sm">Aquaponik: ressourcenschonend, bis zu 50% weniger Dünger, Kreislaufwirtschaft.</p>
</div>
<div class="rounded-2xl border bg-white text-center p-6">
<h3 class="text-xl font-semibold mb-2">⚗️ GMP</h3>
<p class="text-slate-600 text-sm">Pharmazeutische Standards, Kleinchargen, konstante Wirkstoffprofile.</p>
</div>
</div>
</section>
<!-- CONTACT -->
<section id="contact" class="w-full max-w-2xl mx-auto px-4 sm:px-6 lg:px-8 py-16 text-center">
<h2 class="text-3xl font-bold tracking-tight mb-4">Kontakt</h2>
<p class="text-slate-700 mb-6">Sie möchten mehr erfahren oder unser Pitchdeck anfordern? Schreiben Sie uns gerne.</p>
<p class="font-medium">Email: <a class="underline" href="mailto:hello@eleve-therapeutics.de">hello@eleve-therapeutics.de</a></p>
</section>
<!-- FOOTER -->
<footer class="border-t bg-white/50 mt-auto">
<div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 py-6 text-sm text-slate-600 text-center">
© <script>document.write(new Date().getFullYear())</script> élevé therapeutics
</div>
</footer>
</body>
</html>