---
import "../../styles/components/Drinks.css"

const { id } = Astro.props;
---
<section id={id} class="Drinks">
    <h2 class="title">Drinks</h2>

    <a href="/pdf/Menu.pdf" class="card-link" target="_blank" rel="noopener noreferrer">Getränkekarte</a>

    <h3 class="monats-hit">Monats Hit</h3>

    <div class="mate-vodka">
        <div class="circle" title="Mate Vodka">
            <span class="circle-label">Mate Vodka</span>
        </div>
        <div>Mate Vodka</div>
    </div>

    <div class="circle-row">
        <div class="circle" title="Bier">
            <span class="circle-label">Bier</span>
        </div>
        <div class="circle" title="Wein">
            <span class="circle-label">Wein</span>
        </div>
        <div class="circle" title="Cocktails">
            <span class="circle-label">Cocktails</span>
        </div>
    </div>

    <p class="note">
        Wir bieten eine Auswahl an erlesenen Getränken für jeden Geschmack. Besuche uns und entdecke unsere saisonalen Spezialitäten und Klassiker.
    </p>
</section>
