feat: Update styles and content for Boathouse Cafe website to enhance user experience and reflect new branding
This commit is contained in:
@@ -1,30 +1,28 @@
|
||||
{% extends 'base.html.twig' %}
|
||||
|
||||
{% block title %}Boathouse Cafe — Jefferson, NJ{% endblock %}
|
||||
{% block title %}Boathouse Cafe — Lake Hopatcong, 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>
|
||||
<p class="tag">Your lakeside getaway</p>
|
||||
<h1>Boathouse Cafe</h1>
|
||||
<p class="hero-sub">A place to breathe. A place to belong.</p>
|
||||
<p class="hero-sub">Good coffee. Good company. Lake views.</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.
|
||||
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="#contact" class="btn-secondary">Host an Event</a>
|
||||
<a href="#events" class="btn-secondary">See Events</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{# ── HOURS & LOCATION ─────────────────────────────── #}
|
||||
<section id="hours" class="section-card" aria-labelledby="hours-title">
|
||||
<h2 id="hours-title">Hours & Location</h2>
|
||||
<div class="hours-location-grid">
|
||||
@@ -41,205 +39,215 @@
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="section-sub">Getting Here</h3>
|
||||
<p><strong>42 Overflow Lane, Jefferson, NJ 07438</strong></p>
|
||||
<p><strong>1 Brady Rd, Lake Hopatcong, NJ 07849</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.
|
||||
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>
|
||||
|
||||
{# ── 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>
|
||||
<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>First Responder & 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.
|
||||
<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>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.
|
||||
<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>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.
|
||||
<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>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.
|
||||
<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>Community Board</strong>
|
||||
Resources, peer support contacts, local wellness programs, and upcoming community events — all in one place, updated weekly.
|
||||
<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>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.
|
||||
<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>
|
||||
|
||||
{# ── FEATURED MENU ────────────────────────────────── #}
|
||||
<section id="menu" class="menu-board" aria-labelledby="menu-title">
|
||||
<h2 id="menu-title">Featured Drinks</h2>
|
||||
<h2 id="menu-title">Lake Favorites</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>
|
||||
<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>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>
|
||||
<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>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>
|
||||
<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>Station House Macchiato</h3>
|
||||
<p>Espresso, butterscotch drizzle, steamed oat milk. A small comfort that hits harder than it looks.</p>
|
||||
<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>Triage Chai</h3>
|
||||
<p>Spiced masala chai with steamed whole milk. Grounding, warm, and reliable — just like the best people on your team.</p>
|
||||
<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 available in-store.</span>
|
||||
<a href="#contact" class="btn-secondary" style="font-size: 0.85rem; padding: 0.3rem 0.9rem;">Download Full Menu</a>
|
||||
<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>
|
||||
|
||||
{# ── 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>
|
||||
<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 need. We will never hurry you out the door. Your time off is yours.
|
||||
Stay as long as you like. We'll never hurry you out. Your time here is yours to enjoy.
|
||||
</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.
|
||||
<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 for Every Need</strong>
|
||||
Lounge chairs, padded booths, and counter seats — because after hours on your feet, the chair matters.
|
||||
<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>Quiet Hours</strong>
|
||||
Mon–Fri, 8–11 AM and 2–5 PM. Low music, no loudspeakers, and a calm environment by design.
|
||||
<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>Background Playlist</strong>
|
||||
Ambient and instrumental mixes kept at a volume that fades into the background rather than demanding your attention.
|
||||
<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 First Responders & Healthcare Workers Choose Us</h3>
|
||||
<h3 class="section-sub">Why Lake Hopatcong Loves 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>
|
||||
<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>
|
||||
|
||||
{# ── EVENTS & COMMUNITY ───────────────────────────── #}
|
||||
<section id="events" class="section-card" aria-labelledby="events-title">
|
||||
<h2 id="events-title">Events & Community</h2>
|
||||
<p>A gathering place for the people who keep Jefferson safe, healthy, and whole.</p>
|
||||
<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>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>
|
||||
<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 · 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 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">Ongoing · 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 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 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>
|
||||
<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>
|
||||
|
||||
{# ── 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.
|
||||
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 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.
|
||||
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>
|
||||
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.
|
||||
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>
|
||||
|
||||
{# ── 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>
|
||||
<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>Follow Us</h3>
|
||||
<p>Find us on your favorite platforms — search "Boathouse Cafe."</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">GitHub</span>
|
||||
<span class="social-link">Instagram</span>
|
||||
<span class="social-link">LinkedIn</span>
|
||||
<span class="social-link">Facebook</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>
|
||||
<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>
|
||||
@@ -247,7 +255,7 @@
|
||||
<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>
|
||||
<p style="font-size: 0.82rem; color: var(--bh-teal); margin-top: 0.85rem;">Online ordering coming soon.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
Reference in New Issue
Block a user