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

<footer class="bg-background-card py-12 border-t border-border">
	<Container>
		<div class="grid md:grid-cols-4 gap-8 mb-8">
			<!-- Brand -->
			<div class="md:col-span-2">
				<a href="/" class="flex items-center gap-2 text-xl font-bold text-text-primary mb-4">
					<span class="text-2xl">🎬</span>
					<span>Presi</span>
				</a>
				<p class="text-text-secondary text-sm max-w-md">
					Erstelle beeindruckende Präsentationen in Minuten. Mit KI-Unterstützung, schönen Themes
					und einfacher Bedienung.
				</p>
			</div>

			<!-- Links -->
			<div>
				<h4 class="text-text-muted text-xs uppercase tracking-wider mb-4">Produkt</h4>
				<ul class="space-y-2">
					<li>
						<a
							href="#features"
							class="text-text-secondary hover:text-text-primary text-sm transition-colors"
						>
							Features
						</a>
					</li>
					<li>
						<a
							href="https://presi.manacore.app"
							class="text-text-secondary hover:text-text-primary text-sm transition-colors"
						>
							Web App
						</a>
					</li>
					<li>
						<a
							href="#download"
							class="text-text-secondary hover:text-text-primary text-sm transition-colors"
						>
							Mobile App
						</a>
					</li>
				</ul>
			</div>

			<!-- Legal -->
			<div>
				<h4 class="text-text-muted text-xs uppercase tracking-wider mb-4">Rechtliches</h4>
				<ul class="space-y-2">
					<li>
						<a
							href="/privacy"
							class="text-text-secondary hover:text-text-primary text-sm transition-colors"
						>
							Datenschutz
						</a>
					</li>
					<li>
						<a
							href="/terms"
							class="text-text-secondary hover:text-text-primary text-sm transition-colors"
						>
							AGB
						</a>
					</li>
					<li>
						<a
							href="/imprint"
							class="text-text-secondary hover:text-text-primary text-sm transition-colors"
						>
							Impressum
						</a>
					</li>
				</ul>
			</div>
		</div>

		<!-- Copyright -->
		<div class="pt-8 border-t border-border text-center">
			<p class="text-text-muted text-sm">© 2025 Presi. Alle Rechte vorbehalten.</p>
			<p class="text-text-muted text-xs mt-1">
				Ein Produkt von <a href="https://manacore.ai" class="hover:text-primary transition-colors"
					>ManaCore</a
				>
			</p>
		</div>
	</Container>
</footer>
