---
import Container from '@manacore/shared-landing-ui/atoms/Container.astro';
import Button from '@manacore/shared-landing-ui/atoms/Button.astro';
---

<nav
	class="fixed top-0 left-0 right-0 z-50 bg-background-page/80 backdrop-blur-lg border-b border-border"
>
	<Container>
		<div class="flex items-center justify-between h-16">
			<!-- Logo -->
			<a href="/" class="flex items-center gap-2 text-xl font-bold text-text-primary">
				<span class="text-2xl">🎬</span>
				<span>Presi</span>
			</a>

			<!-- Desktop Navigation -->
			<div class="hidden md:flex items-center gap-8">
				<a href="#features" class="text-text-secondary hover:text-text-primary transition-colors">
					Features
				</a>
				<a
					href="#how-it-works"
					class="text-text-secondary hover:text-text-primary transition-colors"
				>
					So funktioniert's
				</a>
				<a href="#faq" class="text-text-secondary hover:text-text-primary transition-colors">
					FAQ
				</a>
			</div>

			<!-- CTA -->
			<div class="flex items-center gap-4">
				<Button href="https://presi.manacore.app" variant="primary" size="sm"> App öffnen </Button>
			</div>
		</div>
	</Container>
</nav>
