{% extends 'base.html.twig' %}

{% block title %}Boathouse Cafe — Jefferson, NJ{% endblock %}

{% block body %}
<main class="page-shell">

    {# ── HERO ─────────────────────────────────────────── #}
    <section class="hero-card">
        <div class="logo-wrap">
            <img src="{{ asset('images/logo.jpg') }}" alt="Boathouse Cafe logo" class="logo-image">
        </div>

        <p class="tag">Fuel for those who answer the call.</p>
        <h1>Boathouse Cafe</h1>
        <p class="hero-sub">A place to breathe. A place to belong.</p>
        <p class="lead">
            Jefferson's neighborhood cafe dedicated to first responders and healthcare professionals — because the people who show up for everyone else deserve a place that shows up for them.
        </p>

        <div class="btn-row">
            <a href="#menu" class="btn-primary">View Menu</a>
            <a href="#contact" class="btn-secondary">Host an Event</a>
        </div>
    </section>

    {# ── HOURS & LOCATION ─────────────────────────────── #}
    <section id="hours" class="section-card" aria-labelledby="hours-title">
        <h2 id="hours-title">Hours &amp; Location</h2>
        <div class="hours-location-grid">
            <div>
                <h3 class="section-sub">Open Every Week</h3>
                <table class="hours-table">
                    <tbody>
                        <tr><td>Monday – Friday</td><td>7:00 AM – 7:00 PM</td></tr>
                        <tr><td>Saturday</td><td>8:00 AM – 5:00 PM</td></tr>
                        <tr><td>Sunday</td><td>9:00 AM – 4:00 PM</td></tr>
                    </tbody>
                </table>
                <p class="quiet-note">Quiet Hours: Mon–Fri 8–11 AM &amp; 2–5 PM</p>
            </div>
            <div>
                <h3 class="section-sub">Getting Here</h3>
                <p><strong>42 Overflow Lane, Jefferson, NJ 07438</strong></p>
                <p>
                    We're on the corner of Overflow Lane and Broadband Ave, two blocks from the Jefferson Transit Center. Street parking is available out front, and bike racks are just inside the courtyard entrance.
                </p>
            </div>
        </div>
    </section>

    {# ── SIGNATURE OFFERINGS ──────────────────────────── #}
    <section id="offerings" class="section-card" aria-labelledby="offerings-title">
        <h2 id="offerings-title">What We Do Differently</h2>
        <p>More than great coffee — a space built around the people who give the most.</p>
        <ul class="offerings-list">
            <li>
                <strong>First Responder &amp; Healthcare Discount</strong>
                15% off every order with a valid badge, ID, or hospital credentials. No questions, no hassle — just our way of saying thank you.
            </li>
            <li>
                <strong>Pre-Shift Express Service</strong>
                Running to a shift? Step up to the express counter and we'll have your order ready in under three minutes. Because your time is never yours to waste.
            </li>
            <li>
                <strong>Decompression Lounge</strong>
                A quiet, low-stimulation corner set aside for unwinding after tough calls or long shifts. Soft lighting, no screens, and a no-rush policy.
            </li>
            <li>
                <strong>Shift-Change Happy Hour</strong>
                Every day from 6–8 AM and 6–8 PM — drip coffee and tea at half price for anyone coming off or heading into a shift.
            </li>
            <li>
                <strong>Community Board</strong>
                Resources, peer support contacts, local wellness programs, and upcoming community events — all in one place, updated weekly.
            </li>
            <li>
                <strong>Brew-Your-Way Bar</strong>
                Pour-over station, cold brew on tap, and a rotating selection of single-origin beans. Have a preference? Our baristas will work with it.
            </li>
        </ul>
    </section>

    {# ── FEATURED MENU ────────────────────────────────── #}
    <section id="menu" class="menu-board" aria-labelledby="menu-title">
        <h2 id="menu-title">Featured Drinks</h2>
        <div class="menu-grid">
            <article>
                <h3>Boathouse Latte</h3>
                <p>Vanilla cold foam, double espresso, oat milk. Rich, smooth, and ready the moment you need it most.</p>
                <strong>$5.75</strong>
            </article>
            <article>
                <h3>First Response Roast</h3>
                <p>Single-origin pour-over with a bright citrus finish. Clean, clear, and built for the kind of focus that saves lives.</p>
                <strong>$4.50</strong>
            </article>
            <article>
                <h3>Night Shift Mocha</h3>
                <p>Dark chocolate, double shot, whipped cream. For the long hours, the quiet halls, and the ones who stay when everyone else goes home.</p>
                <strong>$6.25</strong>
            </article>
            <article>
                <h3>Trauma Bay Flat White</h3>
                <p>Ristretto shots, steamed whole milk, served in a 5 oz cup. Compact, concentrated, and always steady under pressure.</p>
                <strong>$5.50</strong>
            </article>
            <article>
                <h3>Off-Duty Cold Brew</h3>
                <p>18-hour steep, served over ice. Slow-built, smooth, and exactly what a hard shift deserves on the other side.</p>
                <strong>$5.00</strong>
            </article>
            <article>
                <h3>Dispatch Americano</h3>
                <p>Two shots, hot water, no fuss. Clean and direct — because your radio doesn't wait and neither should your coffee.</p>
                <strong>$4.25</strong>
            </article>
            <article>
                <h3>Station House Macchiato</h3>
                <p>Espresso, butterscotch drizzle, steamed oat milk. A small comfort that hits harder than it looks.</p>
                <strong>$5.75</strong>
            </article>
            <article>
                <h3>Triage Chai</h3>
                <p>Spiced masala chai with steamed whole milk. Grounding, warm, and reliable — just like the best people on your team.</p>
                <strong>$4.75</strong>
            </article>
        </div>
        <div class="menu-note">
            <span>Full menu available in-store.</span>
            <a href="#contact" class="btn-secondary" style="font-size: 0.85rem; padding: 0.3rem 0.9rem;">Download Full Menu</a>
        </div>
    </section>

    {# ── RECHARGE ─────────────────────────────────────── #}
    <section id="workspace" class="section-card" aria-labelledby="workspace-title">
        <h2 id="workspace-title">A Space to Recharge</h2>
        <p>Whether you're coming off a 12-hour shift, squeezing in a break between calls, or just need somewhere quiet to land — we've got you.</p>
        <ul class="amenities-list">
            <li>
                <div>
                    <strong>No Rush Policy</strong>
                    Stay as long as you need. We will never hurry you out the door. Your time off is yours.
                </div>
            </li>
            <li>
                <div>
                    <strong>Decompression Corner</strong>
                    A low-stimulation zone with soft lighting, comfortable seating, and a standing "no loud conversations" rule. A real place to come down.
                </div>
            </li>
            <li>
                <div>
                    <strong>Comfortable Seating for Every Need</strong>
                    Lounge chairs, padded booths, and counter seats — because after hours on your feet, the chair matters.
                </div>
            </li>
            <li>
                <div>
                    <strong>Quiet Hours</strong>
                    Mon–Fri, 8–11 AM and 2–5 PM. Low music, no loudspeakers, and a calm environment by design.
                </div>
            </li>
            <li>
                <div>
                    <strong>Background Playlist</strong>
                    Ambient and instrumental mixes kept at a volume that fades into the background rather than demanding your attention.
                </div>
            </li>
        </ul>
        <h3 class="section-sub">Why First Responders &amp; Healthcare Workers Choose Us</h3>
        <ul class="why-list">
            <li>15% discount — no app, no loyalty card, just your ID.</li>
            <li>Express service for pre-shift and between-call stops.</li>
            <li>A staff that understands the weight of what you carry.</li>
        </ul>
    </section>

    {# ── EVENTS & COMMUNITY ───────────────────────────── #}
    <section id="events" class="section-card" aria-labelledby="events-title">
        <h2 id="events-title">Events &amp; Community</h2>
        <p>A gathering place for the people who keep Jefferson safe, healthy, and whole.</p>

        <div class="event-item">
            <div class="event-meta">Weekly &nbsp;·&nbsp; Wednesdays, 6:00–8:00 PM</div>
            <h3>Peer Support Circle</h3>
            <p>An informal, open-door gathering for first responders and healthcare workers to connect, decompress, and share — no agenda, no pressure. Facilitated by community volunteers and supported by local peer support organizations. Coffee and light snacks on us.</p>
        </div>

        <div class="event-item">
            <div class="event-meta">Monthly &nbsp;·&nbsp; Second Saturday, 10:00 AM–12:00 PM</div>
            <h3>Wellness Morning</h3>
            <p>A monthly Saturday dedicated to wellbeing. We partner with local instructors and counselors to offer short wellness sessions — breathwork, stress management, and mental health resources — followed by open conversation and a complimentary cup of your choice.</p>
        </div>

        <div class="event-item">
            <div class="event-meta">Ongoing &nbsp;·&nbsp; Sunday Mornings</div>
            <h3>Continuing Education Corner</h3>
            <p>We reserve a quiet section on Sunday mornings for study and CE coursework. Group discounts on drip coffee, a guaranteed calm environment, and a staff that will leave you alone unless you need a refill. Reach out to reserve your spot.</p>
        </div>

        <div class="event-item">
            <h3>Reserve for Your Station or Unit</h3>
            <p>Boathouse Cafe is available for private gatherings — station dinners, departmental meetups, team debriefs, or just a casual crew night out. Our main floor seats up to 40 guests with a private ordering tab for your group. First responder and healthcare group rates apply. Reach out at least one week in advance for larger bookings.</p>
            <a href="#contact" class="btn-primary" style="display: inline-block; margin-top: 0.75rem; font-size: 0.9rem;">Book a Reservation</a>
        </div>
    </section>

    {# ── ABOUT ────────────────────────────────────────── #}
    <section id="about" class="about-card" aria-labelledby="about-title">
        <h2 id="about-title">Our Story</h2>
        <p>
            Boathouse Cafe was built around a simple idea: the people who run toward emergencies deserve a place that takes care of them in return. We're a family with deep roots in emergency services and healthcare, and we know firsthand what a long shift feels like — and what it means to finally have somewhere to sit down.
        </p>
        <p>
            We opened our doors in Jefferson, NJ with a short menu, a warm space, and a commitment to the nurses, paramedics, firefighters, police officers, dispatchers, doctors, and every other essential worker who keeps this community safe. The name is a nod to those critical moments — and to the people who stay calm and capable when a code blue is called.
        </p>
        <p>
            Today, Boathouse Cafe is more than a coffee shop. It's where off-duty officers come to breathe. Where night-shift nurses stop in before dawn. Where firefighters gather after a hard call. We don't ask about your shift. We just make sure your cup is full, your seat is comfortable, and you feel like you're somewhere that's genuinely glad you're here.
        </p>
    </section>

    {# ── CONTACT ──────────────────────────────────────── #}
    <section id="contact" class="contact-card" aria-labelledby="contact-title">
        <h2 id="contact-title">Get in Touch</h2>
        <p>Whether you have a question, want to book an event, or just want to say hello — we'd love to hear from you.</p>
        <div class="contact-grid">
            <div>
                <h3>Contact Info</h3>
                <p><a href="mailto:info@boathousecafelakehopatcong.com">info@boathousecafelakehopatcong.com</a></p>
                <p><a href="https://boathousecafelakehopatcong.com" target="_blank" rel="noreferrer">boathousecafelakehopatcong.com</a></p>
                <h3>Follow Us</h3>
                <p>Find us on your favorite platforms — search "Boathouse Cafe."</p>
                <div class="social-links">
                    <span class="social-link">GitHub</span>
                    <span class="social-link">Instagram</span>
                    <span class="social-link">LinkedIn</span>
                </div>
            </div>
            <div>
                <h3>Send a Message</h3>
                <p style="font-size: 0.88rem; color: #90d0f5; margin: 0.2rem 0 0.6rem;">For event bookings, include your preferred date and estimated group size.</p>
                <ul class="form-fields-preview">
                    <li>Name</li>
                    <li>Email</li>
                    <li>Message</li>
                    <li>Preferred event date <em>(if booking)</em></li>
                </ul>
                <a href="mailto:info@boathousecafelakehopatcong.com" class="btn-primary">Send Message</a>
                <p style="font-size: 0.82rem; color: #6bbfe0; margin-top: 0.85rem;">Online ordering coming soon.</p>
            </div>
        </div>
    </section>

</main>
{% endblock %}