265 lines
14 KiB
Twig
265 lines
14 KiB
Twig
{% extends 'base.html.twig' %}
|
||
|
||
{% block title %}Boathouse Cafe — Lake Hopatcong, NJ{% endblock %}
|
||
|
||
{% block body %}
|
||
<main class="page-shell">
|
||
|
||
<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">Your lakeside getaway</p>
|
||
<h1>Boathouse Cafe</h1>
|
||
<p class="hero-sub">Good coffee. Good company. Lake views.</p>
|
||
<p class="lead">
|
||
Welcome to Boathouse Cafe — a cozy lakeside coffee house on Lake Hopatcong where friends become family, conversations flow as freely as the coffee, and every visit feels like a breath of fresh air.
|
||
</p>
|
||
|
||
<div class="btn-row">
|
||
<a href="#menu" class="btn-primary">View Menu</a>
|
||
<a href="#events" class="btn-secondary">See Events</a>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="hours" class="section-card" aria-labelledby="hours-title">
|
||
<h2 id="hours-title">Hours & 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 & 2–5 PM</p>
|
||
</div>
|
||
<div>
|
||
<h3 class="section-sub">Getting Here</h3>
|
||
<p><strong>1 Brady Rd, Lake Hopatcong, NJ 07849</strong></p>
|
||
<p>
|
||
Right on the water at Brady Bridge — follow the shore road past the marina and look for the string lights and warm glow. Plenty of parking out front, bike racks available, and the lake path is steps from our door.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="offerings" class="section-card" aria-labelledby="offerings-title">
|
||
<h2 id="offerings-title">The Lake Vibe Experience</h2>
|
||
<p>Great coffee is just the beginning. Here's what makes Boathouse Cafe your new favorite spot.</p>
|
||
<ul class="offerings-list">
|
||
<li>
|
||
<strong>Lakeside Patio Seating</strong>
|
||
Sip your latte while watching the sun dance across the water. Our patio overlooks the lake — the perfect spot for morning reflections or afternoon catch-ups with friends.
|
||
</li>
|
||
<li>
|
||
<strong>Family-Friendly Welcome</strong>
|
||
Kids, grandparents, dogs on the patio — everyone is welcome here. Board games, coloring books, and a warm smile await the whole family.
|
||
</li>
|
||
<li>
|
||
<strong>Cozy Nooks & Comfy Chairs</strong>
|
||
Sink into a plush armchair by the window, grab a booth with friends, or claim a corner table for some quiet time. Every seat comes with a view.
|
||
</li>
|
||
<li>
|
||
<strong>Board Games & Bookshelf</strong>
|
||
Pick a game from our collection, browse a novel from the community shelf, or start a puzzle at the big table. Screen-free fun for all ages.
|
||
</li>
|
||
<li>
|
||
<strong>Free WiFi & Workspace</strong>
|
||
Need to get a few things done? Our WiFi is fast and free, with plenty of tables and outlets for getting things done between sips.
|
||
</li>
|
||
<li>
|
||
<strong>Live Music & Open Mic Nights</strong>
|
||
Local acoustic acts, open mic nights, and the occasional impromptu jam session. The music here is as warm and authentic as the coffee.
|
||
</li>
|
||
</ul>
|
||
</section>
|
||
|
||
<section id="menu" class="menu-board" aria-labelledby="menu-title">
|
||
<h2 id="menu-title">Lake Favorites</h2>
|
||
<div class="menu-grid">
|
||
<article>
|
||
<h3>Lake Fog Latte</h3>
|
||
<p>Earl Grey steeped in steamed milk with vanilla and a hint of lavender. Calm in a cup, like a misty morning on the water.</p>
|
||
<strong>$5.75</strong>
|
||
</article>
|
||
<article>
|
||
<h3>Shorebreak Cold Brew</h3>
|
||
<p>18-hour steeped cold brew, slow and smooth. Served over ice with a touch of honey and cream. The perfect cooldown.</p>
|
||
<strong>$5.00</strong>
|
||
</article>
|
||
<article>
|
||
<h3>Dockside Mocha</h3>
|
||
<p>Dark chocolate, double shot espresso, steamed oat milk, and a sprinkle of sea salt. Rich and indulgent — like a day on the lake deserves.</p>
|
||
<strong>$6.25</strong>
|
||
</article>
|
||
<article>
|
||
<h3>Sunrise Pour-Over</h3>
|
||
<p>Single-origin beans, slow-poured to order. Bright, clean, and made for those quiet early mornings when the lake is glass.</p>
|
||
<strong>$4.50</strong>
|
||
</article>
|
||
<article>
|
||
<h3>Boat House Latte</h3>
|
||
<p>Our signature — double espresso, vanilla cold foam, oat milk. Smooth, comforting, and always hits the spot.</p>
|
||
<strong>$5.75</strong>
|
||
</article>
|
||
<article>
|
||
<h3>Lakeside Americano</h3>
|
||
<p>Two shots, hot water, nothing fancy. Clean, direct, and just right for sitting on the patio watching the boats go by.</p>
|
||
<strong>$4.25</strong>
|
||
</article>
|
||
<article>
|
||
<h3>Sunset Chai</h3>
|
||
<p>Spiced masala chai with steamed whole milk and a drizzle of honey. Warm, grounding, and best enjoyed as the sun goes down over the lake.</p>
|
||
<strong>$4.75</strong>
|
||
</article>
|
||
<article>
|
||
<h3>Harbor Macchiato</h3>
|
||
<p>Espresso marked with a dollop of foamed milk and a butterscotch drizzle. Small, sweet, and surprisingly bold — like a hidden cove.</p>
|
||
<strong>$5.75</strong>
|
||
</article>
|
||
</div>
|
||
<div class="menu-note">
|
||
<span>Full menu — including pastries, light bites, and kid-friendly options — available in-store.</span>
|
||
<a href="#contact" class="btn-secondary" style="font-size: 0.85rem; padding: 0.3rem 0.9rem;">Ask About Our Menu</a>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="workspace" class="section-card" aria-labelledby="workspace-title">
|
||
<h2 id="workspace-title">Hang Your Way</h2>
|
||
<p>Whether you're here for a lively catch-up with friends, a quiet afternoon with a book, or a remote work session — we've got your spot.</p>
|
||
<ul class="amenities-list">
|
||
<li>
|
||
<div>
|
||
<strong>No Rush Policy</strong>
|
||
Stay as long as you like. We'll never hurry you out. Your time here is yours to enjoy.
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div>
|
||
<strong>Lakeside Patio</strong>
|
||
String lights, fresh air, and waterfront views. Our patio is the place to be on warm days and cool evenings alike.
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div>
|
||
<strong>Comfortable Seating</strong>
|
||
Lounge chairs, cushioned booths, window counters, and outdoor benches — every seat is chosen for comfort and conversation.
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div>
|
||
<strong>Board Game Library</strong>
|
||
From classics to modern favorites, grab a game and challenge your friends. Loser buys the next round.
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div>
|
||
<strong>Community Bookshelf</strong>
|
||
Take a book, leave a book. Our shelf is always stocked with reads from our community of lake lovers.
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div>
|
||
<strong>Relaxed Background Tunes</strong>
|
||
Acoustic, folk, and chill instrumentals — music that sets the mood without stealing the conversation.
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
<h3 class="section-sub">Why Lake Hopatcong Loves Us</h3>
|
||
<ul class="why-list">
|
||
<li>Family-owned and community-first since day one.</li>
|
||
<li>Locally roasted beans and fresh-baked treats daily.</li>
|
||
<li>A warm, welcoming space for every age and every occasion.</li>
|
||
</ul>
|
||
</section>
|
||
|
||
<section id="events" class="section-card" aria-labelledby="events-title">
|
||
<h2 id="events-title">Events & Community</h2>
|
||
<p>There's always something happening at the Boathouse. Come for the coffee, stay for the community.</p>
|
||
|
||
<div class="event-item">
|
||
<div class="event-meta">Weekly · Fridays, 7:00–9:00 PM</div>
|
||
<h3>Live Acoustic Night</h3>
|
||
<p>Local musicians take the small stage by the window for an evening of acoustic tunes, good vibes, and great coffee. Bring a friend, grab a seat, and let the music carry you into the weekend.</p>
|
||
</div>
|
||
|
||
<div class="event-item">
|
||
<div class="event-meta">Weekly · Wednesdays, 6:00–8:00 PM</div>
|
||
<h3>Game Night</h3>
|
||
<p>Board games, card games, and friendly competition. We bring the games — you bring the energy. Snacks and drink specials all night. All ages welcome.</p>
|
||
</div>
|
||
|
||
<div class="event-item">
|
||
<div class="event-meta">Monthly · First Saturday, 10:00 AM–12:00 PM</div>
|
||
<h3>Family Morning</h3>
|
||
<p>Kids-eat-free pastries, story time by the lake, and fun activities for the little ones while parents enjoy a quiet coffee with a view. A monthly tradition for Lake Hopatcong families.</p>
|
||
</div>
|
||
|
||
<div class="event-item">
|
||
<div class="event-meta">Monthly · Last Sunday, 2:00–4:00 PM</div>
|
||
<h3>Book Club Meetup</h3>
|
||
<p>Pick up the month's featured title at the counter, read at your leisure, and join us for a relaxed discussion on the last Sunday of the month. New members always welcome — no pressure, just good conversation.</p>
|
||
</div>
|
||
|
||
<div class="event-item">
|
||
<h3>Reserve the Boathouse</h3>
|
||
<p>Birthday parties, bridal showers, reunion gatherings, or team celebrations — our space is available for private events. With seating for up to 40 guests and a menu crafted to your occasion, the Boathouse is the perfect place to gather your people. Reach out at least two weeks in advance to reserve.</p>
|
||
<a href="#contact" class="btn-primary" style="display: inline-block; margin-top: 0.75rem; font-size: 0.9rem;">Book Your Event</a>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="about" class="about-card" aria-labelledby="about-title">
|
||
<h2 id="about-title">Our Story</h2>
|
||
<p>
|
||
Boathouse Cafe was born from a simple love — of good coffee, of Lake Hopatcong, and of the community that calls this lake home. We're a family-owned coffee house that believes the best moments in life happen around a table, with good people and great drinks in hand.
|
||
</p>
|
||
<p>
|
||
We opened our doors on the shores of Lake Hopatcong with a vision: to create a space where the pace of life slows down just a little. Where neighbors run into neighbors. Where families gather after a day on the water, friends meet for long-overdue catch-ups, and solo visitors always find a friendly face.
|
||
</p>
|
||
<p>
|
||
Our name honors the boathouses that dot this beautiful lake — shelters for the things that matter most. That's what we want Boathouse Cafe to be: a shelter from the rush, a place to dock after a long week, and a warm welcome every single time you walk through the door.
|
||
</p>
|
||
<p>
|
||
So pull up a chair. Grab a latte. Stay a while. The lake isn't going anywhere — and neither are we.
|
||
</p>
|
||
</section>
|
||
|
||
<section id="contact" class="contact-card" aria-labelledby="contact-title">
|
||
<h2 id="contact-title">Get in Touch</h2>
|
||
<p>Have a question, want to book the space, or just want to say hey? 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>Find Us</h3>
|
||
<p><strong>1 Brady Rd, Lake Hopatcong, NJ 07849</strong></p>
|
||
<h3>Follow the Lake Life</h3>
|
||
<p>Catch us on social for daily lake views, menu updates, and event announcements.</p>
|
||
<div class="social-links">
|
||
<span class="social-link">Instagram</span>
|
||
<span class="social-link">Facebook</span>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<h3>Send a Message</h3>
|
||
<p style="font-size: 0.88rem; color: var(--bh-sand); margin: 0.2rem 0 0.6rem;">For event bookings, include your preferred date and estimated guest count.</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: var(--bh-teal); margin-top: 0.85rem;">Online ordering coming soon.</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
</main>
|
||
{% endblock %}
|