<meta name="description" content="Joyce's Cafe — 2734 Birney Ave, Scranton, PA 18505. Full-service café and bar serving coffee, cocktails, and comfort food since day one. Call 1-570-343-4041.">  <meta property="og:title" content="Joyce's Cafe | Scranton, PA"> <meta property="og:description" content="Full-service café & bar on Birney Ave. Coffee by day, cocktails by night."> <meta property="og:type" content="website"> <meta property="og:url" content="https://joyce-s-cafe.amp.pr/"> <meta property="og:image" content="https://images.pexels.com/photos/34831568/pexels-photo-34831568.jpeg?auto=compress&cs=tinysrgb&fit=crop&w=1200&h=630">  <link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' rx='6' fill='%237B2D3B'/%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' font-family='Georgia,serif' font-size='18' font-weight='bold' fill='%23F5E6E0'%3EJ%3C/text%3E%3C/svg%3E">  <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="styles.css"> </head> <body>  <nav class="nav" id="nav"> <div class="nav__container"> <a href="#hero" class="nav__logo"> <span class="nav__logo-icon" aria-hidden="true"> <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="28" height="28" rx="5" fill="currentColor"/> <text x="50%25" y="58%25" dominant-baseline="middle" text-anchor="middle" font-family="Playfair Display,Georgia,serif" font-size="16" font-weight="700" fill="%23F5E6E0">J</text> </svg> </span> <span class="nav__logo-text">Joyce's Cafe</span> </a> <button class="nav__toggle" id="navToggle" aria-label="Toggle navigation menu" aria-expanded="false"> <span class="nav__toggle-bar" aria-hidden="true"></span> <span class="nav__toggle-bar" aria-hidden="true"></span> <span class="nav__toggle-bar" aria-hidden="true"></span> </button> <div class="nav__menu" id="navMenu"> <a href="#menu" class="nav__link">Menu</a> <a href="#about" class="nav__link">About</a> <a href="#gallery" class="nav__link">Gallery</a> <a href="#hours" class="nav__link">Hours</a> <a href="#contact" class="nav__link nav__link--cta">Get in Touch</a> </div> </div> </nav>  <section class="hero" id="hero"> <div class="hero__bg" aria-hidden="true"> <img src="https://images.pexels.com/photos/11439363/pexels-photo-11439363.jpeg?auto=compress&cs=tinysrgb&fit=crop&w=1920&h=1080" alt="" loading="eager" width="1920" height="1080"> <div class="hero__scrim"></div> </div> <div class="hero__content"> <div class="hero__badge"> <svg width="14" height="14" viewBox="0 0 14 14" fill="none" aria-hidden="true"> <path d="M7 1L8.5 5.5L13 6.5L9.5 10L10.5 14.5L7 12.5L3.5 14.5L4.5 10L1 6.5L5.5 5.5L7 1Z" fill="currentColor"/> </svg> Scranton's Neighborhood Café & Bar </div> <h1 class="hero__headline"> Your Table Is Ready. </h1> <p class="hero__subheadline"> Fresh coffee. Full bar. Real food made the way you like it — right here on Birney Ave, where neighbors become regulars. </p> <div class="hero__actions"> <a href="#menu" class="btn btn--primary"> <span>See the Menu</span> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"> <path d="M3 8H13M13 8L9 4M13 8L9 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </a> <a href="tel:+15703434041" class="btn btn--ghost"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"> <path d="M2.5 3.5V5.5C2.5 5.77614 2.72386 6 3 6C6.31371 6 9 8.68629 9 12C9 12.2761 8.77614 12.5 8.5 12.5H6.5C6.22386 12.5 6 12.2761 6 12C6 8.13401 2.86599 5 1 5C.723858 5 .5 4.77614.5 4.5V2.5C.5 2.22386.723858 2 1 2H3.5C3.77614 2 4 2.22386 4 2.5V3.5H2.5Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/> </svg> <span>(570) 343-4041</span> </a> </div> <div class="hero__trust"> <div class="hero__trust-item"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"> <path d="M2 14L4 6H12L14 14M6 10H10" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/> </svg> Full Bar </div> <div class="hero__trust-item"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"> <path d="M8 2V10M8 10L5 7M8 10L11 7" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M3 14H13" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/> </svg> Fresh Food </div> <div class="hero__trust-item"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"> <circle cx="8" cy="8" r="6" stroke="currentColor" stroke-width="1.2"/> <path d="M8 5V8.5L10.5 10" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/> </svg> Open Daily </div> </div> </div> <a href="#menu" class="hero__scroll" aria-label="Scroll to menu section"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true"> <path d="M10 4V16M10 16L6 12M10 16L14 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </a> </section>  <section class="intro" id="intro"> <div class="intro__container"> <div class="intro__grid"> <div class="intro__text"> <span class="section-label">Why Joyce's</span> <h2 class="section-title">Not just another coffee shop. A place that actually knows your order.</h2> <p class="intro__body"> Joyce's Cafe sits right on Birney Ave because Scranton deserves a spot that works as hard as you do — whether that's a quiet morning with a proper espresso or a Friday night with good drinks and better company. We pour the coffee, shake the cocktails, and plate the food ourselves. No franchises, no shortcuts. </p> </div> <div class="intro__features"> <div class="feature-card"> <div class="feature-card__icon" aria-hidden="true"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M17 8H16C15.2044 8 14.4413 8.31607 13.8787 8.87868C13.3161 9.44129 13 10.2044 13 11V17C13 18.1046 12.1046 19 11 19H5C3.89543 19 3 18.1046 3 17V11C3 9.89543 3.89543 9 5 9H6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/> <path d="M20 9V11M20 11C20 12.1046 19.1046 13 18 13M20 11H18" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/> <path d="M8 3V5M12 3V5M16 3V5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/> </svg> </div> <h3 class="feature-card__title">Full-Service Bar</h3> <p class="feature-card__desc">Craft cocktails, local brews, and a wine list that actually changes with the seasons.</p> </div> <div class="feature-card"> <div class="feature-card__icon" aria-hidden="true"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M12 2C8 2 4 6 4 10V18C4 19.1046 4.89543 20 6 20H18C19.1046 20 20 19.1046 20 18V10C20 6 16 2 12 2Z" stroke="currentColor" stroke-width="1.5"/> <path d="M8 22H16M10 22V18M14 22V18" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/> <path d="M8 8H8.01" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> </svg> </div> <h3 class="feature-card__title">Kitchen-Prepared Food</h3> <p class="feature-card__desc">Sandwiches, salads, and comfort plates made from scratch — not reheated from a box.</p> </div> <div class="feature-card"> <div class="feature-card__icon" aria-hidden="true"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M21 10C21 15.5228 16.5228 20 11 20H8L6 22V12C6 11.4477 5.55228 11 5 11H3C2.44772 11 2 11.4477 2 12V20C2 20.5523 2.44772 21 3 21H5C5.55228 21 6 20.5523 6 20V10C6 4.47715 10.4772 0 16 0C17.1046 0 18 .895431 18 2V6C18 6.55228 18.4477 7 19 7H21C21.5523 7 22 7.44772 22 8V10H21Z" stroke="currentColor" stroke-width="1.5"/> </svg> </div> <h3 class="feature-card__title">Community First</h3> <p class="feature-card__desc">Local events, live music nights, and a space that feels like yours from the first visit.</p> </div> <div class="feature-card"> <div class="feature-card__icon" aria-hidden="true"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </h3> <h3 class="feature-card__title">Consistently Good</h3> <p class="feature-card__desc">Same quality every time you walk in — that's the standard, not the exception.</p> </div> </div> </div> </div> </section>  <section class="menu" id="menu"> <div class="menu__container"> <div class="menu__header"> <span class="section-label">What We Serve</span> <h2 class="section-title">The Menu</h2> <p class="menu__lead">From your first sip to your last bite — everything on this page is something we'd serve our own family.</p> </div> <div class="menu__grid"> <div class="menu-card"> <div class="menu-card__img" aria-hidden="true"> <img src="https://images.pexels.com/photos/34056737/pexels-photo-34056737.jpeg?auto=compress&cs=tinysrgb&fit=crop&w=600&h=400" alt="Freshly brewed coffee and espresso drinks" loading="lazy" width="600" height="400"> </div> <div class="menu-card__body"> <div class="menu-card__tag">Start Here</div> <h3 class="menu-card__title">Coffee & Espresso</h3> <p class="menu-card__desc">Single-origin drip, classic espresso, lattes, cappuccinos, and cold brew — pulled fresh all day. We roast locally and rotate our single-origin options seasonally.</p> </div> </div> <div class="menu-card"> <div class="menu-card__img" aria-hidden="true"> <img src="https://images.pexels.com/photos/18617711/pexels-photo-18617711.jpeg?auto=compress&cs=tinysrgb&fit=crop&w=600&h=400" alt="Craft cocktails being prepared at the bar" loading="lazy" width="600" height="400"> </div> <div class="menu-card__body"> <div class="menu-card__tag">Evening</div> <h3 class="menu-card__title">Cocktails & Beer</h3> <p class="menu-card__desc">Our bar program features house-made syrups, a rotating tap list of local Pennsylvania drafts, and signature cocktails you won't find anywhere else in Scranton.</p> </div> </div> <div class="menu-card"> <div class="menu-card__img" aria-hidden="true"> <img src="https://images.pexels.com/photos/1524336/pexels-photo-1524336.jpeg?auto=compress&cs=tinysrgb&fit=crop&w=600&h=400" alt="Hearty sandwiches and plates from the kitchen" loading="lazy" width="600" height="400"> </div> <div class="menu-card__body"> <div class="menu-card__tag">All Day</div> <h3 class="menu-card__title">Kitchen Plates</h3> <p class="menu-card__desc">Breakfast all day, gourmet sandwiches, salads, and comfort-food entrees — everything prepared in-house with ingredients we're proud to source locally.</p> </div> </div> </div> <div class="menu__cta"> <p>Complete menu available in-house and on request.</p> <a href="tel:+15703434041" class="btn btn--primary btn--lg"> <span>Call to Ask About Today's Specials</span> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"> <path d="M2.5 3.5V5.5C2.5 5.77614 2.72386 6 3 6C6.31371 6 9 8.68629 9 12C9 12.2761 8.77614 12.5 8.5 12.5H6.5C6.22386 12.5 6 12.2761 6 12C6 8.13401 2.86599 5 1 5C.723858 5 .5 4.77614.5 4.5V2.5C.5 2.22386.723858 2 1 2H3.5C3.77614 2 4 2.22386 4 2.5V3.5H2.5Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </a> </div> </div> </section>  <section class="about" id="about"> <div class="about__container"> <div class="about__grid"> <div class="about__images"> <div class="about__img-main"> <img src="https://images.pexels.com/photos/20454106/pexels-photo-20454106.jpeg?auto=compress&cs=tinysrgb&fit=crop&w=700&h=900" alt="Warm interior of Joyce's Cafe with wooden counters and seating" loading="lazy" width="700" height="900"> </div> <div class="about__img-secondary"> <img src="https://images.pexels.com/photos/4947415/pexels-photo-4947415.jpeg?auto=compress&cs=tinysrgb&fit=crop&w=500&h=400" alt="Bar area at Joyce's Cafe with bottles and glassware" loading="lazy" width="500" height="400"> </div> <div class="about__img-accent" aria-hidden="true"></div> </div> <div class="about__content"> <span class="section-label">Our Story</span> <h2 class="section-title">Built for the people who live here.</h2> <p class="about__body"> Joyce's Cafe opened its doors on Birney Ave with a simple belief: a great café shouldn't require you to drive into town. It should be right where you are — a reliable place for a proper cup of coffee in the morning, a solid meal at midday, and a relaxed drink when the workday is done. </p> <p class="about__body"> We're not a chain. We're not chasing trends. We're a local business that cares about the quality of what we serve and the people who sit at our tables. That's the difference you'll notice — and the reason people keep coming back. </p> <div class="about__stats"> <div class="about__stat"> <span class="about__stat-number">2734</span> <span class="about__stat-label">Birney Ave, Scranton</span> </div> <div class="about__stat-divider" aria-hidden="true"></div> <div class="about__stat"> <span class="about__stat-number">18505</span> <span class="about__stat-label">Local ZIP Code</span> </div> <div class="about__stat-divider" aria-hidden="true"></div> <div class="about__stat"> <span class="about__stat-number">PA</span> <span class="about__stat-label">Proudly Local</span> </div> </div> </div> </div> </div> </section>  <section class="gallery" id="gallery"> <div class="gallery__container"> <div class="gallery__header"> <span class="section-label">Take a Look</span> <h2 class="section-title">Inside Joyce's</h2> </div> <div class="gallery__grid"> <div class="gallery__item"> <img src="https://images.pexels.com/photos/2422363/pexels-photo-2422363.jpeg?auto=compress&cs=tinysrgb&fit=crop&w=600&h=500" alt="Coffee being poured at Joyce's Cafe" loading="lazy" width="600" height="500"> </div> <div class="gallery__item"> <img src="https://images.pexels.com/photos/11289590/pexels-photo-11289590.jpeg?auto=compress&cs=tinysrgb&fit=crop&w=600&h=500" alt="Cozy seating area with natural light" loading="lazy" width="600" height="500"> </div> <div class="gallery__item"> <img src="https://images.pexels.com/photos/19373865/pexels-photo-19373865.jpeg?auto=compress&cs=tinysrgb&fit=crop&w=600&h=500" alt="Fresh food plated and ready to serve" loading="lazy" width="600" height="500"> </div> <div class="gallery__item"> <img src="https://images.pexels.com/photos/13789910/pexels-photo-13789910.jpeg?auto=compress&cs=tinysrgb&fit=crop&w=600&h=500" alt="Bar setup with cocktails and glasses" loading="lazy" width="600" height="500"> </div> <div class="gallery__item"> <img src="https://images.pexels.com/photos/37856472/pexels-photo-37856472.jpeg?auto=compress&cs=tinysrgb&fit=crop&w=600&h=500" alt="Exterior view of Joyce's Cafe on Birney Ave" loading="lazy" width="600" height="500"> </div> <div class="gallery__item"> <img src="https://images.pexels.com/photos/27941246/pexels-photo-27941246.jpeg?auto=compress&cs=tinysrgb&fit=crop&w=600&h=500" alt="Evening ambiance at the café" loading="lazy" width="600" height="500"> </div> </div> </div> </section>  <section class="hours" id="hours"> <div class="hours__container"> <div class="hours__grid"> <div class="hours__info"> <span class="section-label">Visit Us</span> <h2 class="section-title">Hours & Location</h2> <p class="hours__lead">We're easy to find on Birney Ave. Pull up, park, and come on in.</p> <div class="hours__table"> <div class="hours__row"> <span class="hours__day">Monday</span> <span class="hours__time">7:00 AM – 9:00 PM</span> </div> <div class="hours__row"> <span class="hours__day">Tuesday</span> <span class="hours__time">7:00 AM – 9:00 PM</span> </div> <div class="hours__row"> <span class="hours__day">Wednesday</span> <span class="hours__time">7:00 AM – 9:00 PM</span> </div> <div class="hours__row"> <span class="hours__day">Thursday</span> <span class="hours__time">7:00 AM – 10:00 PM</span> </div> <div class="hours__row hours__row--highlight"> <span class="hours__day">Friday</span> <span class="hours__time">7:00 AM – 11:00 PM</span> </div> <div class="hours__row hours__row--highlight"> <span class="hours__day">Saturday</span> <span class="hours__time">8:00 AM – 11:00 PM</span> </div> <div class="hours__row"> <span class="hours__day">Sunday</span> <span class="hours__time">8:00 AM – 8:00 PM</span> </div> </div> <div class="hours__contact"> <div class="hours__contact-item"> <svg width="18" height="18" viewBox="0 0 18 18" fill="none" aria-hidden="true"> <path d="M2 4.5C2 3.94772 2.44772 3.5 3 3.5H5L7 7L5 8.5C5 8.5 5 10.5 9 13.5C13 16.5 15 16.5 15 16.5L17 14.5V12.5C17 11.9477 16.5523 11.5 16 11.5C14 11.5 12 10 10 8C8 6 6.5 4 6.5 4C6.5 4 4.5 4 3.5 4C2.94772 4 2.5 4.44772 2.5 5V4.5H2Z" stroke="currentColor" stroke-width="1.2"/> </svg> <a href="tel:+15703434041">(570) 343-4041</a> </div> <div class="hours__contact-item"> <svg width="18" height="18" viewBox="0 0 18 18" fill="none" aria-hidden="true"> <rect x="1.5" y="3.5" width="15" height="11" rx="2" stroke="currentColor" stroke-width="1.2"/> <path d="M1.5 5.5L9 10.5L16.5 5.5" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/> </svg> <a href="mailto:paaarp@aarp.org">paaarp@aarp.org</a> </div> <div class="hours__contact-item"> <svg width="18" height="18" viewBox="0 0 18 18" fill="none" aria-hidden="true"> <path d="M9 1.5C6.23858 1.5 4 3.73858 4 6.5C4 10.5 9 16.5 9 16.5C9 16.5 14 10.5 14 6.5C14 3.73858 11.7614 1.5 9 1.5Z" stroke="currentColor" stroke-width="1.2"/> <circle cx="9" cy="6.5" r="1.5" stroke="currentColor" stroke-width="1.2"/> </svg> <span>2734 Birney Ave, Scranton, PA 18505</span> </div> </div> </div> <div class="hours__map"> <iframe src="https://maps.google.com/maps?q=41.3812294,-75.6895599&z=15&output=embed" width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade" title="Joyce's Cafe location on Google Maps" ></iframe> </div> </div> </div> </section>  <section class="cta"> <div class="cta__container"> <div class="cta__content"> <span class="section-label section-label--light">Stop By Today</span> <h2 class="section-title section-title--light">Your corner table is waiting.</h2> <p class="cta__body"> Whether it's a quick coffee between appointments or a long evening with friends — we're here, we're open, and we're ready to welcome you. </p> <div class="cta__actions"> <a href="tel:+15703434041" class="btn btn--light"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"> <path d="M2.5 3.5V5.5C2.5 5.77614 2.72386 6 3 6C6.31371 6 9 8.68629 9 12C9 12.2761 8.77614 12.5 8.5 12.5H6.5C6.22386 12.5 6 12.2761 6 12C6 8.13401 2.86599 5 1 5C.723858 5 .5 4.77614.5 4.5V2.5C.5 2.22386.723858 2 1 2H3.5C3.77614 2 4 2.22386 4 2.5V3.5H2.5Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/> </svg> <span>Call (570) 343-4041</span> </a> <a href="mailto:paaarp@aarp.org" class="btn btn--ghost-light"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"> <rect x="1.5" y="3" width="13" height="10" rx="1.5" stroke="currentColor" stroke-width="1.2"/> <path d="M1.5 4.5L8 9L14.5 4.5" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/> </svg> <span>Send an Email</span> </a> </div> </div> </div> </section>  <section class="contact" id="contact"> <div class="contact__container"> <div class="contact__grid"> <div class="contact__info"> <span class="section-label">Get in Touch</span> <h2 class="section-title">We'd Love to Hear from You</h2> <p class="contact__body"> Have a question about our menu, want to book a private event, or just want to say hello? Drop us a line and we'll get back to you promptly. </p> <div class="contact__details"> <div class="contact__detail"> <div class="contact__detail-icon" aria-hidden="true"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none"> <path d="M10 2C6.68629 2 4 4.68629 4 8C4 12 10 18 10 18C10 18 16 12 16 8C16 4.68629 13.3137 2 10 2Z" stroke="currentColor" stroke-width="1.3"/> <circle cx="10" cy="8" r="2" stroke="currentColor" stroke-width="1.3"/> </svg> </div> <div> <strong>Address</strong> <span>2734 Birney Ave, Scranton, PA 18505-3128</span> </div> </div> <div class="contact__detail"> <div class="contact__detail-icon" aria-hidden="true"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none"> <path d="M3 5.5C3 4.94772 3.44772 4.5 4 4.5H5.5C5.77614 4.5 6 4.72386 6 5C6 7.5 7.5 9.5 9.5 11C11 12 12.5 12.5 15 12.5C15.2761 12.5 15.5 12.7239 15.5 13V14.5C15.5 15.0523 15.0523 15.5 14.5 15.5C8 15.5 3 10.5 3 5.5Z" stroke="currentColor" stroke-width="1.3"/> </svg> </div> <div> <strong>Phone</strong> <a href="tel:+15703434041">(570) 343-4041</a> </div> </div> <div class="contact__detail"> <div class="contact__detail-icon" aria-hidden="true"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none"> <rect x="2" y="4" width="16" height="12" rx="2" stroke="currentColor" stroke-width="1.3"/> <path d="M2 6L10 11L18 6" stroke="currentColor" stroke-width="1.3" stroke-linecap="round"/> </svg> </div> <div> <strong>Email</strong> <a href="mailto:paaarp@aarp.org">paaarp@aarp.org</a> </div> </div> </div> </div> <div class="contact__form-wrapper"> <form class="contact__form" id="contactForm"> <div class="form__group"> <label for="name" class="form__label">Your Name</label> <input type="text" id="name" name="name" class="form__input" placeholder="Full name" required> </div> <div class="form__group"> <label for="email" class="form__label">Email Address</label> <input type="email" id="email" name="email" class="form__input" placeholder="you@example.com" required> </div> <div class="form__group"> <label for="phone" class="form__label">Phone (Optional)</label> <input type="tel" id="phone" name="phone" class="form__input" placeholder="(570) 000-0000"> </div> <div class="form__group"> <label for="message" class="form__label">Message</label> <textarea id="message" name="message" class="form__textarea" placeholder="How can we help you?" rows="5" required></textarea> </div> <button type="submit" class="btn btn--primary btn--full"> <span>Send Message</span> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"> <path d="M14 2L6 10M14 2L10 14L6 10M14 2L2 6L6 10" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/> </svg> </button> </form> <div class="form__success" id="formSuccess" hidden> <div class="form__success-icon" aria-hidden="true"> <svg width="40" height="40" viewBox="0 0 40 40" fill="none"> <circle cx="20" cy="20" r="18" fill="#7B2D3B" fill-opacity="0.1"/> <path d="M12 20L18 26L28 14" stroke="#7B2D3B" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> <h3 class="form__success-title">Message Sent!</h3> <p class="form__success-body">Thanks for reaching out. We'll get back to you within 24 hours.</p> </div> </div> </div> </div> </section>  <footer class="footer"> <div class="footer__container"> <div class="footer__grid"> <div class="footer__brand"> <a href="#hero" class="footer__logo"> <span class="footer__logo-mark" aria-hidden="true">J</span> <span class="footer__logo-text">Joyce's Cafe</span> </a> <p class="footer__tagline">A full-service café and bar on Birney Ave — where Scranton comes together for great coffee, real food, and good company.</p> </div> <div class="footer__nav"> <h4 class="footer__heading">Quick Links</h4> <ul class="footer__links"> <li><a href="#menu">Menu</a></li> <li><a href="#about">About Us</a></li> <li><a href="#gallery">Gallery</a></li> <li><a href="#hours">Hours & Location</a></li> <li><a href="#contact">Contact</a></li> </ul> </div> <div class="footer__contact"> <h4 class="footer__heading">Contact</h4> <ul class="footer__contact-list"> <li> <svg width="14" height="14" viewBox="0 0 14 14" fill="none" aria-hidden="true"> <path d="M7 1.5C4.82326 1.5 3 3.32326 3 5.5C3 9.5 7 13 7 13C7 13 11 9.5 11 5.5C11 3.32326 9.17674 1.5 7 1.5Z" stroke="currentColor" stroke-width="1.1"/> <circle cx="7" cy="5.5" r="1.25" stroke="currentColor" stroke-width="1.1"/> </svg> <a href="https://maps.google.com/?q=2734+Birney+Ave+Scranton+PA+18505" target="_blank" rel="noopener noreferrer">2734 Birney Ave, Scranton, PA 18505</a> </li> <li> <svg width="14" height="14" viewBox="0 0 14 14" fill="none" aria-hidden="true"> <path d="M2 3.5C2 3.22386 2.22386 3 2.5 3H3.5C3.77614 3 4 3.22386 4 3.5C4 5.5 5.5 7.5 7 9C8.5 10.5 10.5 12 12.5 12C12.7761 12 13 11.7761 13 11.5V10.5C13 10.2239 12.7761 10 12.5 10C10.5 10 8.5 8.5 7 6.5C5.5 4.5 4 3 4 3C4 3 2.5 3 1.5 3C1.22386 3 1 3.22386 1 3.5V3.5H2Z" stroke="currentColor" stroke-width="1.1"/> </svg> <a href="tel:+15703434041">(570) 343-4041</a> </li> <li> <svg width="14" height="14" viewBox="0 0 14 14" fill="none" aria-hidden="true"> <rect x="1.5" y="2.5" width="11" height="9" rx="1.5" stroke="currentColor" stroke-width="1.1"/> <path d="M1.5 4L7 8L12.5 4" stroke="currentColor" stroke-width="1.1" stroke-linecap="round"/> </svg> <a href="mailto:paaarp@aarp.org">paaarp@aarp.org</a> </li> </ul> </div> </div> <div class="footer__bottom"> <p class="footer__copyright">© 2026 Joyce's Cafe. All rights reserved.</p> <p class="footer__location">2734 Birney Ave, Scranton, PA 18505</p> </div> </div> </footer> <script src="script.js"></script> <style>body{padding-bottom:76px!important}.smlt-bar{position:fixed;left:0;right:0;bottom:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;gap:16px;padding:12px 20px;background:rgba(255,255,255,.85);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-top:1px solid rgba(15,23,42,.08);box-shadow:0 -6px 24px -12px rgba(15,23,42,.18);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif}.smlt-bar__txt{color:#0f172a;font-size:15px;font-weight:600;letter-spacing:-.2px}.smlt-bar__btn{display:inline-flex;align-items:center;gap:8px;background:#16a34a;color:#fff;text-decoration:none;font-size:14px;font-weight:700;padding:10px 18px;border-radius:10px;transition:transform .12s ease,background .12s ease;white-space:nowrap}.smlt-bar__btn:hover{background:#15803d;transform:translateY(-1px)}.smlt-bar__btn svg{width:15px;height:15px}@media(max-width:520px){body{padding-bottom:120px!important}.smlt-bar{flex-direction:column;gap:9px;padding:11px 14px}.smlt-bar__txt{font-size:13.5px;text-align:center;line-height:1.35;white-space:normal}.smlt-bar__btn{width:100%;justify-content:center;padding:11px 16px;font-size:14px}.smlt-bar__btn svg{width:15px;height:15px}}</style><div class="smlt-bar" role="region" aria-label="This is my business" lang="en"><span class="smlt-bar__txt">Is this your business?</span><a class="smlt-bar__btn" href="https://amp.pr/pricing?site=joyce-s-cafe" target="_blank" rel="noopener">This is my business<svg viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 10h11M11 5l5 5-5 5"/></svg></a></div><script>/*__reveal_safety__*/(function(){function r(){try{var q=document.querySelectorAll('[class*="fade"],[class*="reveal"],[class*="animate"],[class*="scroll-"],[class*="in-view"],[data-aos]');for(var i=0;i<q.length;i++){var el=q[i];el.classList.add("visible","show","active","in-view","revealed","aos-animate","animated","is-visible");var s=getComputedStyle(el);if(parseFloat(s.opacity)===0)el.style.opacity="1";if(s.visibility==="hidden")el.style.visibility="visible";if(s.transform&&s.transform!=="none")el.style.transform="none";}}catch(e){}}setTimeout(r,1500);window.addEventListener("load",function(){setTimeout(r,1800);});})();</script> <script>(function(w,d){var s=d.createElement('script');d.getElementsByTagName('script')[0].parentNode.appendChild(s);s.setAttribute('data-statinside-id',50);s.src='https://statinside.com/counter.js';w._siData=w._siData||[];w.statInside=function(){_siData.push(arguments);}})(window,document);</script><noscript><img src='https://statinside.com/pixel.png?id=50' referrerpolicy='unsafe-url'></noscript></body> </html>