{% extends 'base.html' %}
{% block title %}Willkommen bei Kasico Art & Design{% endblock %}
{% block content %}
<section class="hero">
    <div class="hero-content">
        <h1>Willkommen bei <span class="brand">Kasico Art & Design</span></h1>
        <p>Wo Ihre Fursuit-Träume Realität werden!</p>
        <div class="hero-actions">
            <a href="/custom-order/" class="btn furry-btn">Custom Order starten</a>
            <a href="/gallery/" class="btn furry-btn-outline">Galerie ansehen</a>
            <a href="/contact/" class="btn furry-btn-secondary">Kontakt</a>
        </div>
    </div>
</section>
<section class="services">
    <h2>Unsere Dienstleistungen</h2>
    <div class="service-cards">
        <div class="service-card">
            <img src="/static/images/hero-fursuit.jpg" alt="Fursuit" />
            <h3>Fursuit-Anfertigung</h3>
            <p>Individuelle Fursuits nach Ihren Wünschen – handgemacht und einzigartig.</p>
        </div>
        <div class="service-card">
            <img src="/static/images/custom-order.jpg" alt="Custom" />
            <h3>Custom Orders</h3>
            <p>Von Accessoires bis Komplettanzug – alles ist möglich!</p>
        </div>
        <div class="service-card">
            <img src="/static/images/kasicoLogo.png" alt="Design" />
            <h3>Design & Beratung</h3>
            <p>Gemeinsam entwickeln wir Ihr Wunschdesign – kreativ & professionell.</p>
        </div>
    </div>
</section>
<section class="gallery-preview">
    <h2>Galerie</h2>
    <div class="gallery-grid">
        <img src="/static/images/hero-fursuit.jpg" alt="Fursuit Beispiel 1" />
        <img src="/static/images/custom-order.jpg" alt="Fursuit Beispiel 2" />
        <img src="/static/images/kasicoLogo.png" alt="Fursuit Beispiel 3" />
    </div>
    <a href="/gallery/" class="btn furry-btn-outline">Mehr ansehen</a>
</section>
<section class="cta">
    <h2>Bereit für Ihr Traumkostüm?</h2>
    <a href="/custom-order/" class="btn furry-btn">Jetzt Anfrage stellen</a>
</section>
{% endblock %}