35TH & Scott Catering
Slow-cooked, Hand seasoned, and made with love -
Perfect for you next wedding, holiday party, or work party!
<!-- ========================================================
35TH & SCOTT CUISINE — COMPLETE CATERING EXPERIENCE
--------------------------------------------------------
PACKAGE LIMITS:
SMALL:
2 Entrees + 2 Sides
MEDIUM:
2 Entrees + 3 Sides
LARGE:
3 Entrees + 3 Sides
HOLIDAY:
4 Entrees + 3 Sides
FORM DESTINATION:
/contact
VIDEO:
Autoplay + muted + loop
======================================================== -->
<section class="sc-catering">
<!-- ====================================================
HERO
==================================================== -->
<div class="sc-catering-hero">
<p class="sc-eyebrow">
35TH & SCOTT CUISINE
</p>
<h1>
Catering Made
<span>Different.</span>
</h1>
<p class="sc-hero-description">
From family gatherings to weddings and work events,
we'll bring the flavor.
</p>
<a href="#sc-packages" class="sc-small-button">
Explore Catering
</a>
</div>
<!-- ====================================================
VIDEO SHOWCASE
----------------------------------------------------
autoplay=1 -> starts automatically
mute=1 -> allows autoplay in modern browsers
loop=1 -> loops the video
playlist= -> required by YouTube for single-video loop
playsinline -> better mobile behavior
==================================================== -->
<div class="sc-video-showcase">
<div class="sc-video-heading">
<div>
<p class="sc-eyebrow">
SEE WHAT WE DO
</p>
<h2>
Food Worth Showing Off.
</h2>
</div>
<span class="sc-video-tag">
🔥 35th & Scott
</span>
</div>
<div class="sc-video-frame">
<iframe
src="https://www.youtube.com/embed/oN-TchyMay0?autoplay=1&mute=1&playsinline=1&loop=1&playlist=oN-TchyMay0&rel=0"
title="35th & Scott Cuisine Catering Showcase"
frameborder="0"
allow="autoplay; accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen>
</iframe>
</div>
</div>
<!-- ====================================================
CATERING ORDER FORM
----------------------------------------------------
This sends the customer's selected values to:
/contact?SQF_PACKAGE=...&SQF_HAM=... etc.
Your Squarespace Contact Form must have matching
Hidden fields for the values to be saved with the
contact submission.
==================================================== -->
<form
action="/contact"
method="GET"
class="sc-catering-order-form"
>
<!-- Lets you identify catering leads -->
<input
type="hidden"
name="SQF_SOURCE"
value="Catering"
>
<!-- =================================================
STEP 1 — CHOOSE PACKAGE
================================================= -->
<div
class="sc-menu-section"
id="sc-packages"
>
<div class="sc-section-heading">
<p class="sc-eyebrow">
STEP ONE
</p>
<h2>
Choose Your Package
</h2>
<p>
Pick the size that fits your event.
</p>
</div>
<div class="sc-package-grid">
<!-- =========================================
SMALL PACKAGE
2 ENTREES + 2 SIDES
========================================= -->
<label class="sc-package-card">
<input
type="radio"
name="SQF_PACKAGE"
value="Small Package - $250 - 10 to 12 Guests - 2 Entrees - 2 Sides"
required
>
<div class="sc-package-content">
<span class="sc-package-size">
SMALL
</span>
<h3>
10–12 Guests
</h3>
<div class="sc-price">
$250
</div>
<p>
Perfect for smaller gatherings,
celebrations and family dinners.
</p>
<div class="sc-includes">
<strong>
Includes
</strong>
<span>
2 Entrées
</span>
<span>
2 Sides
</span>
</div>
<span class="sc-select-text">
Select Package
</span>
</div>
</label>
<!-- =========================================
MEDIUM PACKAGE
2 ENTREES + 3 SIDES
========================================= -->
<label class="sc-package-card sc-featured">
<input
type="radio"
name="SQF_PACKAGE"
value="Medium Package - $350 - 16 to 18 Guests - 2 Entrees - 3 Sides"
required
>
<span class="sc-popular">
MOST POPULAR
</span>
<div class="sc-package-content">
<span class="sc-package-size">
MEDIUM
</span>
<h3>
16–18 Guests
</h3>
<div class="sc-price">
$350
</div>
<p>
A great fit for birthdays,
office events and medium gatherings.
</p>
<div class="sc-includes">
<strong>
Includes
</strong>
<span>
2 Entrées
</span>
<span>
3 Sides
</span>
</div>
<span class="sc-select-text">
Select Package
</span>
</div>
</label>
<!-- =========================================
LARGE PACKAGE
3 ENTREES + 3 SIDES
========================================= -->
<label class="sc-package-card">
<input
type="radio"
name="SQF_PACKAGE"
value="Large Package - $475 - 20 to 24 Guests - 3 Entrees - 3 Sides"
required
>
<div class="sc-package-content">
<span class="sc-package-size">
LARGE
</span>
<h3>
20–24 Guests
</h3>
<div class="sc-price">
$475
</div>
<p>
Built for larger parties,
celebrations and special events.
</p>
<div class="sc-includes">
<strong>
Includes
</strong>
<span>
3 Entrées
</span>
<span>
3 Sides
</span>
</div>
<span class="sc-select-text">
Select Package
</span>
</div>
</label>
</div>
<p class="sc-package-lock-note">
Once you begin selecting food, clear your food
choices before changing packages.
</p>
</div>
<!-- =================================================
HOLIDAY SPECIAL
4 ENTREES + 3 SIDES
================================================= -->
<label class="sc-holiday">
<input
class="sc-holiday-radio"
type="radio"
name="SQF_PACKAGE"
value="Holiday Special - $600 - 4 Entrees - 3 Sides"
required
>
<div>
<p class="sc-eyebrow">
HOLIDAY SPECIAL
</p>
<h2>
7 Tray Holiday Spread
</h2>
<p>
Make the holidays easier and let us
handle the kitchen.
</p>
<span class="sc-select-text">
Select Holiday Special
</span>
</div>
<div class="sc-holiday-right">
<strong>
$600
</strong>
<span>
4 Entrées + 3 Sides
</span>
</div>
</label>
<!-- =================================================
STEP 2 — BUILD MENU
================================================= -->
<div class="sc-menu-section">
<div class="sc-section-heading">
<p class="sc-eyebrow">
STEP TWO
</p>
<h2>
Build Your Menu
</h2>
<p>
Choose the number of entrées and sides
included with your selected package.
</p>
</div>
<!-- =================================================
ENTREES
================================================= -->
<details class="sc-accordion" open>
<summary>
<span>
🔥 Entrées
</span>
<span class="sc-accordion-plus">
+
</span>
</summary>
<div class="sc-food-grid sc-entree-grid">
<label class="sc-food-option">
<input
type="checkbox"
name="SQF_BAKEDWINGS"
value="Baked Chicken Wings"
>
<span>
Baked Chicken Wings
</span>
</label>
<label class="sc-food-option">
<input
type="checkbox"
name="SQF_HAM"
value="Ham"
>
<span>
Ham
</span>
</label>
<label class="sc-food-option">
<input
type="checkbox"
name="SQF_PORKRIBS"
value="Pork Ribs"
>
<span>
Pork Ribs
</span>
</label>
<label class="sc-food-option">
<input
type="checkbox"
name="SQF_ROASTBEEF"
value="Roast Beef"
>
<span>
Roast Beef
</span>
</label>
<label class="sc-food-option">
<input
type="checkbox"
name="SQF_TURKEYWINGS"
value="Turkey Wings"
>
<span>
Turkey Wings
</span>
</label>
</div>
</details>
<!-- =================================================
SIDES
================================================= -->
<details class="sc-accordion">
<summary>
<span>
🍽️ Sides
</span>
<span class="sc-accordion-plus">
+
</span>
</summary>
<div class="sc-food-grid sc-side-grid">
<label class="sc-food-option">
<input
type="checkbox"
name="SQF_MACCHEESE"
value="Mac and Cheese"
>
<span>
Mac & Cheese
</span>
</label>
<label class="sc-food-option">
<input
type="checkbox"
name="SQF_COLLARDGREENS"
value="Collard Greens"
>
<span>
Collard Greens
</span>
</label>
<label class="sc-food-option">
<input
type="checkbox"
name="SQF_STRINGBEANS"
value="String Beans"
>
<span>
String Beans
</span>
</label>
<label class="sc-food-option">
<input
type="checkbox"
name="SQF_YELLOWRICE"
value="Yellow Rice"
>
<span>
Yellow Rice
</span>
</label>
<label class="sc-food-option">
<input
type="checkbox"
name="SQF_MASHEDPOTATOES"
value="Mashed Potatoes"
>
<span>
Mashed Potatoes
</span>
</label>
<label class="sc-food-option">
<input
type="checkbox"
name="SQF_CANDIEDYAMS"
value="Candied Yams"
>
<span>
Candied Yams
</span>
</label>
</div>
</details>
<!-- =================================================
DESSERT
-------------------------------------------------
Defaults to YES.
Customer can switch it to NO.
================================================= -->
<details class="sc-accordion" open>
<summary>
<span>
🍰 Dessert
</span>
<span class="sc-accordion-plus">
+
</span>
</summary>
<div class="sc-dessert-area">
<h3>
Interested in dessert?
</h3>
<p>
Homemade cakes, pies and sweet potato
cornbread muffins are available for an
additional charge.
</p>
<div class="sc-dessert-options">
<label class="sc-dessert-choice">
<input
type="radio"
name="SQF_DESSERT"
value="Yes"
checked
>
<span>
Yes 🔥
</span>
</label>
<label class="sc-dessert-choice">
<input
type="radio"
name="SQF_DESSERT"
value="No"
>
<span>
No
</span>
</label>
</div>
</div>
</details>
</div>
<!-- =================================================
IMPORTANT NOTES
================================================= -->
<div class="sc-notes">
<strong>
Before You Order
</strong>
<p>
Extra trays are available.
</p>
<p>
Travel is not included in package pricing.
</p>
<p>
Contact us for availability,
event dates and custom requests.
</p>
</div>
<!-- =================================================
FINAL ORDER BUTTON
-------------------------------------------------
The CSS keeps this button locked until the
selected package's exact required number of
entrees and sides has been selected.
================================================= -->
<div class="sc-order-area">
<p class="sc-eyebrow">
HUNGRY YET?
</p>
<h2>
Let's Feed Your Event.
</h2>
<p class="sc-order-helper">
Complete your package selections to continue.
</p>
<button
type="submit"
class="sc-fire-button"
>
<span class="sc-flames">
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
</span>
<span class="sc-button-text">
START MY CATERING ORDER
</span>
</button>
</div>
</form>
</section>
