39647-vm/order.html
tornikegerantia 7333839304 Remove FAQ links and update contact navigation while improving text visibility
Remove all 'FAQ' links and buttons. Update 'Contact' links to navigate to the '#call-store' section on the index page. Apply a CSS class to make 'Browse our menu' text elements more visible.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 375ec6d3-d5af-4f82-ab81-5c60fd4a86a3
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: f973e8fa-8238-4302-89c5-93d26e42a835
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/147e665c-8c0d-48ec-b0ad-fdc89cd4460f/375ec6d3-d5af-4f82-ab81-5c60fd4a86a3/0KHDEee
Replit-Helium-Checkpoint-Created: true
2026-04-14 21:41:11 +00:00

1455 lines
98 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<!-- This site was created in Webflow. https://webflow.com -->
<!-- Last Published: Wed Mar 25 2026 11:12:32 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-domain="raklis-exceptional-site.webflow.io" data-wf-page="69c3c1ee9913e039b3e7d237" data-wf-site="69c3c1ed9913e039b3e7d1df" data-wf-status="1" lang="en">
<head>
<meta charset="utf-8"/>
<title>
Chomp - Webflow Ecommerce HTML Website Template
</title>
<meta content="Chomp - Webflow Ecommerce HTML Website Template" property="og:title"/>
<meta content="Chomp - Webflow Ecommerce HTML Website Template" property="twitter:title"/>
<meta content="width=device-width, initial-scale=1" name="viewport"/>
<meta content="Webflow" name="generator"/>
<link href="css/style.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript">
!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);
</script>
<script src="js/replit-webflow-compat.js" type="text/javascript">
</script>
<link href="css/69c3c1ee9913e039b3e7d2bd_fav.png" rel="shortcut icon" type="image/x-icon"/>
<link href="css/69c3c1ee9913e039b3e7d2c2_webclip.png" rel="apple-touch-icon"/>
<style>
body{
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
</style>
<script type="text/javascript">
window.__WEBFLOW_CURRENCY_SETTINGS = {"currencyCode":"USD","symbol":"$","decimal":".","fractionDigits":2,"group":",","template":"{{wf {\"path\":\"symbol\",\"type\":\"PlainText\"} }} {{wf {\"path\":\"amount\",\"type\":\"CommercePrice\"} }} {{wf {\"path\":\"currencyCode\",\"type\":\"PlainText\"} }}","hideDecimalForWholeNumbers":false};
</script>
</head>
<body>
<div class="banner" id="Banner">
<div class="banner-wrap">
<div class="notice-text">
We're open and available for takeaway &amp; delivery.
<a aria-current="page" class="white-link w--current" href="order.html">
Order Now
</a>
</div>
</div>
</div>
<div class="dev-notice" style="background: #ffeb3b; color: #000; padding: 10px; text-align: center; font-weight: bold;">
⚠️ DEVELOPMENT MODE: This site runs on HTTP. Security warnings are expected. Cart functionality works despite warnings.
</div>
<div class="navbar w-nav" data-animation="default" data-collapse="medium" data-duration="400" data-easing="ease" data-easing2="ease" data-w-id="33c883c6-4afc-cc73-3bca-d2857a9d4bc2" id="Navigation" role="banner">
<div class="navigation-container">
<div class="navigation-left">
<a class="brand w-nav-brand" href="index.html">
<img alt="" src="images/69c3c1ee9913e039b3e7d290_Logo.svg" width="40"/>
</a>
</div>
<div class="navigation-right">
<div class="menu-button w-nav-button">
<div class="icon w-icon-nav-menu">
</div>
</div>
<nav class="nav-menu w-nav-menu" role="navigation">
<a class="nav-link w-nav-link" href="index.html">
Home
</a>
<a aria-current="page" class="nav-link w-nav-link w--current" href="order.html">
Order
</a>
<a class="nav-link w-nav-link" href="company.html">
Company
</a>
<a class="nav-link w-nav-link" href="index.html#call-store">
Contact
</a>
</nav>
<a class="auth-link" href="login.html">
Login / Register
</a>
<div class="w-commerce-commercecartwrapper" data-node-type="commerce-cart-wrapper" data-open-product="" data-wf-cart-query="query Dynamo3 {
database {
id
commerceOrder {
comment
extraItems {
name
pluginId
pluginName
price {
decimalValue
string
unit
value
}
}
id
startedOn
statusFlags {
hasDownloads
hasSubscription
isFreeOrder
requiresShipping
}
subtotal {
decimalValue
string
unit
value
}
total {
decimalValue
string
unit
value
}
updatedOn
userItems {
count
id
product {
id
cmsLocaleId
draft
archived
f_name_: name
f_sku_properties_3dr: skuProperties {
id
name
enum {
id
name
slug
}
}
}
rowTotal {
decimalValue
string
unit
value
}
sku {
cmsLocaleId
draft
archived
f_main_image_4dr: mainImage {
url
file {
size
origFileName
createdOn
updatedOn
mimeType
width
height
variants {
origFileName
quality
height
width
s3Url
error
size
}
}
alt
}
f_sku_values_3dr: skuValues {
property {
id
}
value {
id
}
}
id
}
subscriptionFrequency
subscriptionInterval
subscriptionTrial
}
userItemsCount
}
}
site {
commerce {
id
businessAddress {
country
}
defaultCountry
defaultCurrency
quickCheckoutEnabled
}
}
}" data-wf-cart-type="rightSidebar" data-wf-page-link-href-prefix="">
<a aria-haspopup="dialog" aria-label="Open cart" class="w-commerce-commercecartopenlink cart-button w-inline-block" data-node-type="commerce-cart-open-link" href="#" role="button">
<svg class="w-commerce-commercecartopenlinkicon cart-icon" height="17px" viewbox="0 0 17 17" width="17px">
<g fill="none" fill-rule="evenodd" stroke="none" stroke-width="1">
<path d="M2.60592789,2 L0,2 L0,0 L4.39407211,0 L4.84288393,4 L16,4 L16,9.93844589 L3.76940945,12.3694378 L2.60592789,2 Z M15.5,17 C14.6715729,17 14,16.3284271 14,15.5 C14,14.6715729 14.6715729,14 15.5,14 C16.3284271,14 17,14.6715729 17,15.5 C17,16.3284271 16.3284271,17 15.5,17 Z M5.5,17 C4.67157288,17 4,16.3284271 4,15.5 C4,14.6715729 4.67157288,14 5.5,14 C6.32842712,14 7,14.6715729 7,15.5 C7,16.3284271 6.32842712,17 5.5,17 Z" fill="currentColor" fill-rule="nonzero">
</path>
</g>
</svg>
<div class="w-commerce-commercecartopenlinkcount cart-quantity" data-wf-bindings="%5B%7B%22innerHTML%22%3A%7B%22type%22%3A%22Number%22%2C%22filter%22%3A%7B%22type%22%3A%22numberPrecision%22%2C%22params%22%3A%5B%220%22%2C%22numberPrecision%22%5D%7D%2C%22dataPath%22%3A%22database.commerceOrder.userItemsCount%22%7D%7D%5D">
0
</div>
</a>
<div class="w-commerce-commercecartcontainerwrapper w-commerce-commercecartcontainerwrapper--cartType-rightSidebar" data-node-type="commerce-cart-container-wrapper" style="display:none">
<div class="w-commerce-commercecartcontainer" data-node-type="commerce-cart-container" role="dialog">
<div class="w-commerce-commercecartheader">
<h4 class="w-commerce-commercecartheading">
Your Order
</h4>
<a aria-label="Close cart" class="w-commerce-commercecartcloselink w-inline-block" data-node-type="commerce-cart-close-link" href="#" role="button">
<svg height="16px" viewbox="0 0 16 16" width="16px">
<g fill="none" fill-rule="evenodd" stroke="none" stroke-width="1">
<g fill="#333333" fill-rule="nonzero">
<polygon points="6.23223305 8 0.616116524 13.6161165 2.38388348 15.3838835 8 9.76776695 13.6161165 15.3838835 15.3838835 13.6161165 9.76776695 8 15.3838835 2.38388348 13.6161165 0.616116524 8 6.23223305 2.38388348 0.616116524 0.616116524 2.38388348 6.23223305 8">
</polygon>
</g>
</g>
</svg>
</a>
</div>
<div class="w-commerce-commercecartformwrapper">
<form class="w-commerce-commercecartform" data-node-type="commerce-cart-form" style="display:none">
<script id="wf-template-33c883c6-4afc-cc73-3bca-d2857a9d4be4" type="text/x-wf-template">
%3Cdiv%20class%3D%22w-commerce-commercecartitem%22%3E%3Cimg%20data-wf-bindings%3D%22%255B%257B%2522src%2522%253A%257B%2522type%2522%253A%2522ImageRef%2522%252C%2522filter%2522%253A%257B%2522type%2522%253A%2522identity%2522%252C%2522params%2522%253A%255B%255D%257D%252C%2522dataPath%2522%253A%2522database.commerceOrder.userItems%255B%255D.sku.f_main_image_4dr%2522%257D%257D%252C%257B%2522alt%2522%253A%257B%2522type%2522%253A%2522PlainText%2522%252C%2522filter%2522%253A%257B%2522type%2522%253A%2522identity%2522%252C%2522params%2522%253A%255B%255D%257D%252C%2522dataPath%2522%253A%2522database.commerceOrder.userItems%255B%255D.product.f_name_%2522%257D%257D%255D%22%20src%3D%22%22%20alt%3D%22%22%20class%3D%22w-commerce-commercecartitemimage%20w-dyn-bind-empty%22%2F%3E%3Cdiv%20class%3D%22w-commerce-commercecartiteminfo%22%3E%3Cdiv%20data-wf-bindings%3D%22%255B%257B%2522innerHTML%2522%253A%257B%2522type%2522%253A%2522PlainText%2522%252C%2522filter%2522%253A%257B%2522type%2522%253A%2522identity%2522%252C%2522params%2522%253A%255B%255D%257D%252C%2522dataPath%2522%253A%2522database.commerceOrder.userItems%255B%255D.product.f_name_%2522%257D%257D%255D%22%20class%3D%22w-commerce-commercecartproductname%20w-dyn-bind-empty%22%3E%3C%2Fdiv%3E%3Cdiv%20data-wf-bindings%3D%22%255B%257B%2522innerHTML%2522%253A%257B%2522type%2522%253A%2522CommercePrice%2522%252C%2522filter%2522%253A%257B%2522type%2522%253A%2522price%2522%252C%2522params%2522%253A%255B%255D%257D%252C%2522dataPath%2522%253A%2522database.commerceOrder.userItems%255B%255D.sku.f_price_%2522%257D%257D%255D%22%3E%24%C2%A00.00%C2%A0USD%3C%2Fdiv%3E%3Cscript%20type%3D%22text%2Fx-wf-template%22%20id%3D%22wf-template-33c883c6-4afc-cc73-3bca-d2857a9d4bea%22%3E%253Cli%253E%253Cspan%2520data-wf-bindings%253D%2522%25255B%25257B%252522innerHTML%252522%25253A%25257B%252522type%252522%25253A%252522PlainText%252522%25252C%252522filter%252522%25253A%25257B%252522type%252522%25253A%252522identity%252522%25252C%252522params%252522%25253A%25255B%25255D%25257D%25252C%252522dataPath%252522%25253A%252522database.commerceOrder.userItems%25255B%25255D.product.f_sku_properties_3dr%25255B%25255D.name%252522%25257D%25257D%25255D%2522%253E%253C%252Fspan%253E%253Cspan%253E%253A%2520%253C%252Fspan%253E%253Cspan%2520data-wf-bindings%253D%2522%25255B%25257B%252522innerHTML%252522%25253A%25257B%252522type%252522%25253A%252522CommercePropValues%252522%25252C%252522filter%252522%25253A%25257B%252522type%252522%25253A%252522identity%252522%25252C%252522params%252522%25253A%25255B%25255D%25257D%25252C%252522dataPath%252522%25253A%252522database.commerceOrder.userItems%25255B%25255D.product.f_sku_properties_3dr%25255B%25255D%252522%25257D%25257D%25255D%2522%253E%253C%252Fspan%253E%253C%252Fli%253E%3C%2Fscript%3E%3Cul%20data-wf-bindings%3D%22%255B%257B%2522optionSets%2522%253A%257B%2522type%2522%253A%2522CommercePropTable%2522%252C%2522filter%2522%253A%257B%2522type%2522%253A%2522identity%2522%252C%2522params%2522%253A%255B%255D%257D%252C%2522dataPath%2522%253A%2522database.commerceOrder.userItems%255B%255D.product.f_sku_properties_3dr%5B%5D%2522%257D%257D%252C%257B%2522optionValues%2522%253A%257B%2522type%2522%253A%2522CommercePropValues%2522%252C%2522filter%2522%253A%257B%2522type%2522%253A%2522identity%2522%252C%2522params%2522%253A%255B%255D%257D%252C%2522dataPath%2522%253A%2522database.commerceOrder.userItems%255B%255D.sku.f_sku_values_3dr%2522%257D%257D%255D%22%20class%3D%22w-commerce-commercecartoptionlist%22%20data-wf-collection%3D%22database.commerceOrder.userItems%255B%255D.product.f_sku_properties_3dr%22%20data-wf-template-id%3D%22wf-template-33c883c6-4afc-cc73-3bca-d2857a9d4bea%22%3E%3Cli%3E%3Cspan%20data-wf-bindings%3D%22%255B%257B%2522innerHTML%2522%253A%257B%2522type%2522%253A%2522PlainText%2522%252C%2522filter%2522%253A%257B%2522type%2522%253A%2522identity%2522%252C%2522params%2522%253A%255B%255D%257D%252C%2522dataPath%2522%253A%2522database.commerceOrder.userItems%255B%255D.product.f_sku_properties_3dr%255B%255D.name%2522%257D%257D%255D%22%3E%3C%2Fspan%3E%3Cspan%3E%3A%20%3C%2Fspan%3E%3Cspan%20data-wf-bindings%3D%22%255B%257B%2522innerHTML%2522%253A%257B%2522type%2522%253A%2522CommercePropValues%2522%252C%2522filter%2522%253A%257B%2522type%2522%253A%2522identity%2522%252C%2522params%2522%253A%255B%255D%257D%252C%2522dataPath%2522%253A%2522database.commerceOrder.userItems%255B%255D.product.f_sku_properties_3dr%255B%255D%2522%257D%257D%255D%22%3E%3C%2Fspan%3E%3C%2Fli%3E%3C%2Ful%3E%3Ca%20href%3D%22%23%22%20role%3D%22%22%20data-wf-bindings%3D%22%255B%257B%2522data-commerce-sku-id%2522%253A%257B%2522type%2522%253A%2522ItemRef%2522%252C%2522filter%2522%253A%257B%2522type%2522%253A%2522identity%2522%252C%2522params%2522%253A%255B%255D%257D%252C%2522dataPath%2522%253A%2522database.commerceOrder.userItems%255B%255D.sku.id%2522%257D%257D%255D%22%20class%3D%22remove-button%20w-inline-block%22%20data-wf-cart-action%3D%22remove-item%22%20data-commerce-sku-id%3D%22%22%20aria-label%3D%22Remove%20item%20from%20cart%22%3E%3Cdiv%20class%3D%22text-block-2%22%3ERemove%3C%2Fdiv%3E%3C%2Fa%3E%3C%2Fdiv%3E%3Cinput%20data-wf-bindings%3D%22%255B%257B%2522value%2522%253A%257B%2522type%2522%253A%2522Number%2522%252C%2522filter%2522%253A%257B%2522type%2522%253A%2522numberPrecision%2522%252C%2522params%2522%253A%255B%25220%2522%252C%2522numberPrecision%2522%255D%257D%252C%2522dataPath%2522%253A%2522database.commerceOrder.userItems%255B%255D.count%2522%257D%257D%252C%257B%2522data-commerce-sku-id%2522%253A%257B%2522type%2522%253A%2522ItemRef%2522%252C%2522filter%2522%253A%257B%2522type%2522%253A%2522identity%2522%252C%2522params%2522%253A%255B%255D%257D%252C%2522dataPath%2522%253A%2522database.commerceOrder.userItems%255B%255D.sku.id%2522%257D%257D%255D%22%20class%3D%22w-commerce-commercecartquantity%22%20required%3D%22%22%20pattern%3D%22%5E%5B0-9%5D%2B%24%22%20inputMode%3D%22numeric%22%20type%3D%22number%22%20name%3D%22quantity%22%20autoComplete%3D%22off%22%20data-wf-cart-action%3D%22update-item-quantity%22%20data-commerce-sku-id%3D%22%22%20value%3D%221%22%2F%3E%3C%2Fdiv%3E
</script>
<div class="w-commerce-commercecartlist" data-wf-collection="database.commerceOrder.userItems" data-wf-template-id="wf-template-33c883c6-4afc-cc73-3bca-d2857a9d4be4">
<div class="w-commerce-commercecartitem">
<img alt="" class="w-commerce-commercecartitemimage w-dyn-bind-empty" data-wf-bindings="%5B%7B%22src%22%3A%7B%22type%22%3A%22ImageRef%22%2C%22filter%22%3A%7B%22type%22%3A%22identity%22%2C%22params%22%3A%5B%5D%7D%2C%22dataPath%22%3A%22database.commerceOrder.userItems%5B%5D.sku.f_main_image_4dr%22%7D%7D%2C%7B%22alt%22%3A%7B%22type%22%3A%22PlainText%22%2C%22filter%22%3A%7B%22type%22%3A%22identity%22%2C%22params%22%3A%5B%5D%7D%2C%22dataPath%22%3A%22database.commerceOrder.userItems%5B%5D.product.f_name_%22%7D%7D%5D" src=""/>
<div class="w-commerce-commercecartiteminfo">
<div class="w-commerce-commercecartproductname w-dyn-bind-empty" data-wf-bindings="%5B%7B%22innerHTML%22%3A%7B%22type%22%3A%22PlainText%22%2C%22filter%22%3A%7B%22type%22%3A%22identity%22%2C%22params%22%3A%5B%5D%7D%2C%22dataPath%22%3A%22database.commerceOrder.userItems%5B%5D.product.f_name_%22%7D%7D%5D">
</div>
<div data-wf-bindings="%5B%7B%22innerHTML%22%3A%7B%22type%22%3A%22CommercePrice%22%2C%22filter%22%3A%7B%22type%22%3A%22price%22%2C%22params%22%3A%5B%5D%7D%2C%22dataPath%22%3A%22database.commerceOrder.userItems%5B%5D.sku.f_price_%22%7D%7D%5D">
$ 0.00 USD
</div>
<script id="wf-template-33c883c6-4afc-cc73-3bca-d2857a9d4bea" type="text/x-wf-template">
%3Cli%3E%3Cspan%20data-wf-bindings%3D%22%255B%257B%2522innerHTML%2522%253A%257B%2522type%2522%253A%2522PlainText%2522%252C%2522filter%2522%253A%257B%2522type%2522%253A%2522identity%2522%252C%2522params%2522%253A%255B%255D%257D%252C%2522dataPath%2522%253A%2522database.commerceOrder.userItems%255B%255D.product.f_sku_properties_3dr%255B%255D.name%2522%257D%257D%255D%22%3E%3C%2Fspan%3E%3Cspan%3E%3A%20%3C%2Fspan%3E%3Cspan%20data-wf-bindings%3D%22%255B%257B%2522innerHTML%2522%253A%257B%2522type%2522%253A%2522CommercePropValues%2522%252C%2522filter%2522%253A%257B%2522type%2522%253A%2522identity%2522%252C%2522params%2522%253A%255B%255D%257D%252C%2522dataPath%2522%253A%2522database.commerceOrder.userItems%255B%255D.product.f_sku_properties_3dr%255B%255D%2522%257D%257D%255D%22%3E%3C%2Fspan%3E%3C%2Fli%3E
</script>
<ul class="w-commerce-commercecartoptionlist" data-wf-bindings="%5B%7B%22optionSets%22%3A%7B%22type%22%3A%22CommercePropTable%22%2C%22filter%22%3A%7B%22type%22%3A%22identity%22%2C%22params%22%3A%5B%5D%7D%2C%22dataPath%22%3A%22database.commerceOrder.userItems%5B%5D.product.f_sku_properties_3dr[]%22%7D%7D%2C%7B%22optionValues%22%3A%7B%22type%22%3A%22CommercePropValues%22%2C%22filter%22%3A%7B%22type%22%3A%22identity%22%2C%22params%22%3A%5B%5D%7D%2C%22dataPath%22%3A%22database.commerceOrder.userItems%5B%5D.sku.f_sku_values_3dr%22%7D%7D%5D" data-wf-collection="database.commerceOrder.userItems%5B%5D.product.f_sku_properties_3dr" data-wf-template-id="wf-template-33c883c6-4afc-cc73-3bca-d2857a9d4bea">
<li>
<span data-wf-bindings="%5B%7B%22innerHTML%22%3A%7B%22type%22%3A%22PlainText%22%2C%22filter%22%3A%7B%22type%22%3A%22identity%22%2C%22params%22%3A%5B%5D%7D%2C%22dataPath%22%3A%22database.commerceOrder.userItems%5B%5D.product.f_sku_properties_3dr%5B%5D.name%22%7D%7D%5D">
</span>
<span>
:
</span>
<span data-wf-bindings="%5B%7B%22innerHTML%22%3A%7B%22type%22%3A%22CommercePropValues%22%2C%22filter%22%3A%7B%22type%22%3A%22identity%22%2C%22params%22%3A%5B%5D%7D%2C%22dataPath%22%3A%22database.commerceOrder.userItems%5B%5D.product.f_sku_properties_3dr%5B%5D%22%7D%7D%5D">
</span>
</li>
</ul>
<a aria-label="Remove item from cart" class="remove-button w-inline-block" data-commerce-sku-id="" data-wf-bindings="%5B%7B%22data-commerce-sku-id%22%3A%7B%22type%22%3A%22ItemRef%22%2C%22filter%22%3A%7B%22type%22%3A%22identity%22%2C%22params%22%3A%5B%5D%7D%2C%22dataPath%22%3A%22database.commerceOrder.userItems%5B%5D.sku.id%22%7D%7D%5D" data-wf-cart-action="remove-item" href="#" role="">
<div class="text-block-2">
Remove
</div>
</a>
</div>
<input autocomplete="off" class="w-commerce-commercecartquantity" data-commerce-sku-id="" data-wf-bindings="%5B%7B%22value%22%3A%7B%22type%22%3A%22Number%22%2C%22filter%22%3A%7B%22type%22%3A%22numberPrecision%22%2C%22params%22%3A%5B%220%22%2C%22numberPrecision%22%5D%7D%2C%22dataPath%22%3A%22database.commerceOrder.userItems%5B%5D.count%22%7D%7D%2C%7B%22data-commerce-sku-id%22%3A%7B%22type%22%3A%22ItemRef%22%2C%22filter%22%3A%7B%22type%22%3A%22identity%22%2C%22params%22%3A%5B%5D%7D%2C%22dataPath%22%3A%22database.commerceOrder.userItems%5B%5D.sku.id%22%7D%7D%5D" data-wf-cart-action="update-item-quantity" inputmode="numeric" name="quantity" pattern="^[0-9]+$" required="" type="number" value="1"/>
</div>
</div>
<div class="w-commerce-commercecartfooter">
<div aria-atomic="false" aria-live="" class="w-commerce-commercecartlineitem cart-line-item">
<div>
Subtotal
</div>
<div class="w-commerce-commercecartordervalue text-block" data-wf-bindings="%5B%7B%22innerHTML%22%3A%7B%22type%22%3A%22CommercePrice%22%2C%22filter%22%3A%7B%22type%22%3A%22price%22%2C%22params%22%3A%5B%5D%7D%2C%22dataPath%22%3A%22database.commerceOrder.subtotal%22%7D%7D%5D">
</div>
</div>
<div>
<div data-node-type="commerce-cart-quick-checkout-actions" style="display:none">
<!-- Payment methods removed - will be implemented separately -->
</div>
<a class="checkout-button view-cart-button" href="#" onclick="alert('Cart functionality is working! Payment processing will be added separately.')">
View Cart (Payment Coming Soon)
</a>
</div>
</div>
</form>
<div class="w-commerce-commercecartemptystate empty-state">
<div>
We couldn't find any items in your cart.
</div>
<div class="button-arrow-wrap">
<a aria-current="page" class="button w-button w--current" href="order.html">
Start an Order
</a>
<img alt="" class="arrow-drawn" src="images/69c3c1ee9913e039b3e7d2c4_Drawn%20Arrow.svg"/>
</div>
</div>
<div aria-live="" class="w-commerce-commercecarterrorstate" data-node-type="commerce-cart-error" style="display:none">
<div class="w-cart-error-msg" data-w-cart-cart_order_min-error="The order minimum was not met. Add more items to your cart to continue." data-w-cart-checkout-error="Checkout is disabled on this site." data-w-cart-general-error="Something went wrong when adding this item to the cart." data-w-cart-quantity-error="Product is not available in this quantity." data-w-cart-subscription_error-error="Before you purchase, please use your email invite to verify your address so we can send order updates.">
Product is not available in this quantity.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="header-section">
<div class="container-flex">
<img alt="" class="cursive-text" sizes="(max-width: 515px) 100vw, 515px" src="images/69c3c1ee9913e039b3e7d2c9_YumYum.png" srcset="https://cdn.prod.website-files.com/69c3c1ed9913e039b3e7d1df/69c3c1ee9913e039b3e7d2c9_YumYum-p-500.png 500w, https://cdn.prod.website-files.com/69c3c1ed9913e039b3e7d1df/69c3c1ee9913e039b3e7d1df/69c3c1ee9913e039b3e7d2c9_YumYum.png 515w"/>
<div class="title-wrap-centre menu-title-visible">
<h1 class="header-h1">
Get your food
<span class="brand-span">
delivered
</span>
, or
<span class="brand-span">
pick-up
</span>
in store.
</h1>
</div>
</div>
</div>
<div class="content-section">
<div class="container">
<div class="title-wrap-centre">
<h2>Order Online</h2>
<p>Use our menu to place an order online, or phone our store to place a pickup order. Fast and fresh food.</p>
</div>
<div class="w-tabs" data-current="Burgers" data-duration-in="300" data-duration-out="100" data-easing="ease">
<div class="tab-menu-round w-tab-menu">
<a class="tab-link-round w-inline-block w-tab-link" data-w-tab="Full Menu">
<div>
Full Menu
</div>
</a>
<a class="tab-link-round w-inline-block w-tab-link w--current" data-w-tab="Burgers">
<div>
Burgers
</div>
</a>
<a class="tab-link-round w-inline-block w-tab-link" data-w-tab="Sides">
<div>
Sides
</div>
</a>
<a class="tab-link-round w-inline-block w-tab-link" data-w-tab="Drinks">
<div>
Drinks
</div>
</a>
</div>
<div class="w-tab-content">
<div class="tab-pane-wrap w-tab-pane" data-w-tab="Full Menu">
<div class="w-dyn-list">
<div class="order-collection w-dyn-items w-row" role="list">
<div class="menu-item w-dyn-item w-col w-col-6" role="listitem">
<div class="food-card">
<a class="food-image-square w-inline-block" href="product-drink-fig-lime.html">
<img alt="" class="food-image" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_main_image_4dr%22%2C%22to%22%3A%22src%22%7D%5D" src="images/69c3c1ee9913e039b3e7d2b7_Drink%201.png"/>
</a>
<div class="food-card-content">
<a class="food-title-wrap w-inline-block" href="product-drink-fig-lime.html">
<h6>
Drink Fig &amp; Lime
</h6>
<div class="price" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_price_%22%2C%22to%22%3A%22innerHTML%22%7D%5D">
$ 4.00 USD
</div>
</a>
<p class="paragraph">
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</p>
<div class="add-to-cart">
<form class="w-commerce-commerceaddtocartform default-state" data-commerce-product-id="69c3c1ee9913e039b3e7d2dd" data-commerce-sku-id="69c3c1ee9913e039b3e7d2ee" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-form">
<input class="w-commerce-commerceaddtocartquantityinput quantity" id="quantity-77d000eb734842aa4cf87b0bb03800c1" inputmode="numeric" min="1" name="commerce-add-to-cart-quantity-input" pattern="^[0-9]+$" type="number" value="1"/>
<input aria-busy="false" aria-haspopup="dialog" class="w-commerce-commerceaddtocartbutton order-button" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-button" type="submit" value="Add to Cart"/>
</form>
<div class="w-commerce-commerceaddtocartoutofstock out-of-stock-state" style="display:none" tabindex="0">
<div>
This product is out of stock.
</div>
</div>
<div aria-live="" class="w-commerce-commerceaddtocarterror" data-node-type="commerce-add-to-cart-error" style="display:none">
<div data-node-type="commerce-add-to-cart-error" data-w-add-to-cart-buy-now-error="Something went wrong when trying to purchase this item." data-w-add-to-cart-checkout-disabled-error="Checkout is disabled on this site." data-w-add-to-cart-general-error="Something went wrong when adding this item to the cart." data-w-add-to-cart-mixed-cart-error="You cant purchase another product with a subscription." data-w-add-to-cart-quantity-error="Product is not available in this quantity." data-w-add-to-cart-select-all-options-error="Please select an option in each set.">
Product is not available in this quantity.
</div>
</div>
</div>
</div>
</div>
</div>
<div class="menu-item w-dyn-item w-col w-col-6" role="listitem">
<div class="food-card">
<a class="food-image-square w-inline-block" href="product-drink-liquor.html">
<img alt="" class="food-image" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_main_image_4dr%22%2C%22to%22%3A%22src%22%7D%5D" src="images/69c3c1ee9913e039b3e7d2ac_Drink%202.png"/>
</a>
<div class="food-card-content">
<a class="food-title-wrap w-inline-block" href="product-drink-liquor.html">
<h6>
Drink Liquor
</h6>
<div class="price" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_price_%22%2C%22to%22%3A%22innerHTML%22%7D%5D">
$ 7.00 USD
</div>
</a>
<p class="paragraph">
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</p>
<div class="add-to-cart">
<form class="w-commerce-commerceaddtocartform default-state" data-commerce-product-id="69c3c1ee9913e039b3e7d2e7" data-commerce-sku-id="69c3c1ee9913e039b3e7d2f3" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-form">
<input class="w-commerce-commerceaddtocartquantityinput quantity" id="quantity-77d000eb734842aa4cf87b0bb03800c1" inputmode="numeric" min="1" name="commerce-add-to-cart-quantity-input" pattern="^[0-9]+$" type="number" value="1"/>
<input aria-busy="false" aria-haspopup="dialog" class="w-commerce-commerceaddtocartbutton order-button" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-button" type="submit" value="Add to Cart"/>
</form>
<div class="w-commerce-commerceaddtocartoutofstock out-of-stock-state" style="display:none" tabindex="0">
<div>
This product is out of stock.
</div>
</div>
<div aria-live="" class="w-commerce-commerceaddtocarterror" data-node-type="commerce-add-to-cart-error" style="display:none">
<div data-node-type="commerce-add-to-cart-error" data-w-add-to-cart-buy-now-error="Something went wrong when trying to purchase this item." data-w-add-to-cart-checkout-disabled-error="Checkout is disabled on this site." data-w-add-to-cart-general-error="Something went wrong when adding this item to the cart." data-w-add-to-cart-mixed-cart-error="You cant purchase another product with a subscription." data-w-add-to-cart-quantity-error="Product is not available in this quantity." data-w-add-to-cart-select-all-options-error="Please select an option in each set.">
Product is not available in this quantity.
</div>
</div>
</div>
</div>
</div>
</div>
<div class="menu-item w-dyn-item w-col w-col-6" role="listitem">
<div class="food-card">
<a class="food-image-square w-inline-block" href="product-drink-lime.html">
<img alt="" class="food-image" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_main_image_4dr%22%2C%22to%22%3A%22src%22%7D%5D" src="images/69c3c1ee9913e039b3e7d2ae_Drink%204.png"/>
</a>
<div class="food-card-content">
<a class="food-title-wrap w-inline-block" href="product-drink-lime.html">
<h6>
Drink Lime
</h6>
<div class="price" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_price_%22%2C%22to%22%3A%22innerHTML%22%7D%5D">
$ 4.00 USD
</div>
</a>
<p class="paragraph">
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</p>
<div class="add-to-cart">
<form class="w-commerce-commerceaddtocartform default-state" data-commerce-product-id="69c3c1ee9913e039b3e7d2e6" data-commerce-sku-id="69c3c1ee9913e039b3e7d2f2" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-form">
<input class="w-commerce-commerceaddtocartquantityinput quantity" id="quantity-77d000eb734842aa4cf87b0bb03800c1" inputmode="numeric" min="1" name="commerce-add-to-cart-quantity-input" pattern="^[0-9]+$" type="number" value="1"/>
<input aria-busy="false" aria-haspopup="dialog" class="w-commerce-commerceaddtocartbutton order-button" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-button" type="submit" value="Add to Cart"/>
</form>
<div class="w-commerce-commerceaddtocartoutofstock out-of-stock-state" style="display:none" tabindex="0">
<div>
This product is out of stock.
</div>
</div>
<div aria-live="" class="w-commerce-commerceaddtocarterror" data-node-type="commerce-add-to-cart-error" style="display:none">
<div data-node-type="commerce-add-to-cart-error" data-w-add-to-cart-buy-now-error="Something went wrong when trying to purchase this item." data-w-add-to-cart-checkout-disabled-error="Checkout is disabled on this site." data-w-add-to-cart-general-error="Something went wrong when adding this item to the cart." data-w-add-to-cart-mixed-cart-error="You cant purchase another product with a subscription." data-w-add-to-cart-quantity-error="Product is not available in this quantity." data-w-add-to-cart-select-all-options-error="Please select an option in each set.">
Product is not available in this quantity.
</div>
</div>
</div>
</div>
</div>
</div>
<div class="menu-item w-dyn-item w-col w-col-6" role="listitem">
<div class="food-card">
<a class="food-image-square w-inline-block" href="product-drink-cola.html">
<img alt="" class="food-image" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_main_image_4dr%22%2C%22to%22%3A%22src%22%7D%5D" src="images/69c3c1ee9913e039b3e7d298_Drink%203.png"/>
</a>
<div class="food-card-content">
<a class="food-title-wrap w-inline-block" href="product-drink-cola.html">
<h6>
Drink Cola
</h6>
<div class="price" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_price_%22%2C%22to%22%3A%22innerHTML%22%7D%5D">
$ 3.00 USD
</div>
</a>
<p class="paragraph">
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</p>
<div class="add-to-cart">
<form class="w-commerce-commerceaddtocartform default-state" data-commerce-product-id="69c3c1ee9913e039b3e7d2e0" data-commerce-sku-id="69c3c1ee9913e039b3e7d2f6" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-form">
<input class="w-commerce-commerceaddtocartquantityinput quantity" id="quantity-77d000eb734842aa4cf87b0bb03800c1" inputmode="numeric" min="1" name="commerce-add-to-cart-quantity-input" pattern="^[0-9]+$" type="number" value="1"/>
<input aria-busy="false" aria-haspopup="dialog" class="w-commerce-commerceaddtocartbutton order-button" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-button" type="submit" value="Add to Cart"/>
</form>
<div class="w-commerce-commerceaddtocartoutofstock out-of-stock-state" style="display:none" tabindex="0">
<div>
This product is out of stock.
</div>
</div>
<div aria-live="" class="w-commerce-commerceaddtocarterror" data-node-type="commerce-add-to-cart-error" style="display:none">
<div data-node-type="commerce-add-to-cart-error" data-w-add-to-cart-buy-now-error="Something went wrong when trying to purchase this item." data-w-add-to-cart-checkout-disabled-error="Checkout is disabled on this site." data-w-add-to-cart-general-error="Something went wrong when adding this item to the cart." data-w-add-to-cart-mixed-cart-error="You cant purchase another product with a subscription." data-w-add-to-cart-quantity-error="Product is not available in this quantity." data-w-add-to-cart-select-all-options-error="Please select an option in each set.">
Product is not available in this quantity.
</div>
</div>
</div>
</div>
</div>
</div>
<div class="menu-item w-dyn-item w-col w-col-6" role="listitem">
<div class="food-card">
<a class="food-image-square w-inline-block" href="product-salad-ceaser.html">
<img alt="" class="food-image" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_main_image_4dr%22%2C%22to%22%3A%22src%22%7D%5D" src="images/69c3c1ee9913e039b3e7d2af_Side%2006.png"/>
</a>
<div class="food-card-content">
<a class="food-title-wrap w-inline-block" href="product-salad-ceaser.html">
<h6>
Salad Ceaser
</h6>
<div class="price" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_price_%22%2C%22to%22%3A%22innerHTML%22%7D%5D">
$ 6.00 USD
</div>
</a>
<p class="paragraph">
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</p>
<div class="add-to-cart">
<form class="w-commerce-commerceaddtocartform default-state" data-commerce-product-id="69c3c1ee9913e039b3e7d2e8" data-commerce-sku-id="69c3c1ee9913e039b3e7d2f7" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-form">
<input class="w-commerce-commerceaddtocartquantityinput quantity" id="quantity-77d000eb734842aa4cf87b0bb03800c1" inputmode="numeric" min="1" name="commerce-add-to-cart-quantity-input" pattern="^[0-9]+$" type="number" value="1"/>
<input aria-busy="false" aria-haspopup="dialog" class="w-commerce-commerceaddtocartbutton order-button" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-button" type="submit" value="Add to Cart"/>
</form>
<div class="w-commerce-commerceaddtocartoutofstock out-of-stock-state" style="display:none" tabindex="0">
<div>
This product is out of stock.
</div>
</div>
<div aria-live="" class="w-commerce-commerceaddtocarterror" data-node-type="commerce-add-to-cart-error" style="display:none">
<div data-node-type="commerce-add-to-cart-error" data-w-add-to-cart-buy-now-error="Something went wrong when trying to purchase this item." data-w-add-to-cart-checkout-disabled-error="Checkout is disabled on this site." data-w-add-to-cart-general-error="Something went wrong when adding this item to the cart." data-w-add-to-cart-mixed-cart-error="You cant purchase another product with a subscription." data-w-add-to-cart-quantity-error="Product is not available in this quantity." data-w-add-to-cart-select-all-options-error="Please select an option in each set.">
Product is not available in this quantity.
</div>
</div>
</div>
</div>
</div>
</div>
<div class="menu-item w-dyn-item w-col w-col-6" role="listitem">
<div class="food-card">
<a class="food-image-square w-inline-block" href="product-beans-slow-cooked.html">
<img alt="" class="food-image" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_main_image_4dr%22%2C%22to%22%3A%22src%22%7D%5D" src="images/69c3c1ee9913e039b3e7d2d0_Side%2005.png"/>
</a>
<div class="food-card-content">
<a class="food-title-wrap w-inline-block" href="product-beans-slow-cooked.html">
<h6>
Beans Slow Cooked
</h6>
<div class="price" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_price_%22%2C%22to%22%3A%22innerHTML%22%7D%5D">
$ 4.00 USD
</div>
</a>
<p class="paragraph">
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</p>
<div class="add-to-cart">
<form class="w-commerce-commerceaddtocartform default-state" data-commerce-product-id="69c3c1ee9913e039b3e7d2ec" data-commerce-sku-id="69c3c1ee9913e039b3e7d2f4" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-form">
<input class="w-commerce-commerceaddtocartquantityinput quantity" id="quantity-77d000eb734842aa4cf87b0bb03800c1" inputmode="numeric" min="1" name="commerce-add-to-cart-quantity-input" pattern="^[0-9]+$" type="number" value="1"/>
<input aria-busy="false" aria-haspopup="dialog" class="w-commerce-commerceaddtocartbutton order-button" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-button" type="submit" value="Add to Cart"/>
</form>
<div class="w-commerce-commerceaddtocartoutofstock out-of-stock-state" style="display:none" tabindex="0">
<div>
This product is out of stock.
</div>
</div>
<div aria-live="" class="w-commerce-commerceaddtocarterror" data-node-type="commerce-add-to-cart-error" style="display:none">
<div data-node-type="commerce-add-to-cart-error" data-w-add-to-cart-buy-now-error="Something went wrong when trying to purchase this item." data-w-add-to-cart-checkout-disabled-error="Checkout is disabled on this site." data-w-add-to-cart-general-error="Something went wrong when adding this item to the cart." data-w-add-to-cart-mixed-cart-error="You cant purchase another product with a subscription." data-w-add-to-cart-quantity-error="Product is not available in this quantity." data-w-add-to-cart-select-all-options-error="Please select an option in each set.">
Product is not available in this quantity.
</div>
</div>
</div>
</div>
</div>
</div>
<div class="menu-item w-dyn-item w-col w-col-6" role="listitem">
<div class="food-card">
<a class="food-image-square w-inline-block" href="product-fries-cheese.html">
<img alt="" class="food-image" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_main_image_4dr%22%2C%22to%22%3A%22src%22%7D%5D" src="images/69c3c1ee9913e039b3e7d2ce_Side%2002.png"/>
</a>
<div class="food-card-content">
<a class="food-title-wrap w-inline-block" href="product-fries-cheese.html">
<h6>
Fries Cheese
</h6>
<div class="price" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_price_%22%2C%22to%22%3A%22innerHTML%22%7D%5D">
$ 5.00 USD
</div>
</a>
<p class="paragraph">
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</p>
<div class="add-to-cart">
<form class="w-commerce-commerceaddtocartform default-state" data-commerce-product-id="69c3c1ee9913e039b3e7d2e4" data-commerce-sku-id="69c3c1ee9913e039b3e7d2ef" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-form">
<input class="w-commerce-commerceaddtocartquantityinput quantity" id="quantity-77d000eb734842aa4cf87b0bb03800c1" inputmode="numeric" min="1" name="commerce-add-to-cart-quantity-input" pattern="^[0-9]+$" type="number" value="1"/>
<input aria-busy="false" aria-haspopup="dialog" class="w-commerce-commerceaddtocartbutton order-button" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-button" type="submit" value="Add to Cart"/>
</form>
<div class="w-commerce-commerceaddtocartoutofstock out-of-stock-state" style="display:none" tabindex="0">
<div>
This product is out of stock.
</div>
</div>
<div aria-live="" class="w-commerce-commerceaddtocarterror" data-node-type="commerce-add-to-cart-error" style="display:none">
<div data-node-type="commerce-add-to-cart-error" data-w-add-to-cart-buy-now-error="Something went wrong when trying to purchase this item." data-w-add-to-cart-checkout-disabled-error="Checkout is disabled on this site." data-w-add-to-cart-general-error="Something went wrong when adding this item to the cart." data-w-add-to-cart-mixed-cart-error="You cant purchase another product with a subscription." data-w-add-to-cart-quantity-error="Product is not available in this quantity." data-w-add-to-cart-select-all-options-error="Please select an option in each set.">
Product is not available in this quantity.
</div>
</div>
</div>
</div>
</div>
</div>
<div class="menu-item w-dyn-item w-col w-col-6" role="listitem">
<div class="food-card">
<a class="food-image-square w-inline-block" href="product-fries-rustic.html">
<img alt="" class="food-image" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_main_image_4dr%22%2C%22to%22%3A%22src%22%7D%5D" src="images/69c3c1ee9913e039b3e7d2d1_Side%2003.png"/>
</a>
<div class="food-card-content">
<a class="food-title-wrap w-inline-block" href="product-fries-rustic.html">
<h6>
Fries Rustic
</h6>
<div class="price" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_price_%22%2C%22to%22%3A%22innerHTML%22%7D%5D">
$ 4.00 USD
</div>
</a>
<p class="paragraph">
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</p>
<div class="add-to-cart">
<form class="w-commerce-commerceaddtocartform default-state" data-commerce-product-id="69c3c1ee9913e039b3e7d2df" data-commerce-sku-id="69c3c1ee9913e039b3e7d2fa" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-form">
<input class="w-commerce-commerceaddtocartquantityinput quantity" id="quantity-77d000eb734842aa4cf87b0bb03800c1" inputmode="numeric" min="1" name="commerce-add-to-cart-quantity-input" pattern="^[0-9]+$" type="number" value="1"/>
<input aria-busy="false" aria-haspopup="dialog" class="w-commerce-commerceaddtocartbutton order-button" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-button" type="submit" value="Add to Cart"/>
</form>
<div class="w-commerce-commerceaddtocartoutofstock out-of-stock-state" style="display:none" tabindex="0">
<div>
This product is out of stock.
</div>
</div>
<div aria-live="" class="w-commerce-commerceaddtocarterror" data-node-type="commerce-add-to-cart-error" style="display:none">
<div data-node-type="commerce-add-to-cart-error" data-w-add-to-cart-buy-now-error="Something went wrong when trying to purchase this item." data-w-add-to-cart-checkout-disabled-error="Checkout is disabled on this site." data-w-add-to-cart-general-error="Something went wrong when adding this item to the cart." data-w-add-to-cart-mixed-cart-error="You cant purchase another product with a subscription." data-w-add-to-cart-quantity-error="Product is not available in this quantity." data-w-add-to-cart-select-all-options-error="Please select an option in each set.">
Product is not available in this quantity.
</div>
</div>
</div>
</div>
</div>
</div>
<div class="menu-item w-dyn-item w-col w-col-6" role="listitem">
<div class="food-card">
<a class="food-image-square w-inline-block" href="product-burger-dreams.html">
<img alt="" class="food-image" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_main_image_4dr%22%2C%22to%22%3A%22src%22%7D%5D" src="images/69c3c1ee9913e039b3e7d2ad_Burger%2003.png"/>
</a>
<div class="food-card-content">
<a class="food-title-wrap w-inline-block" href="product-burger-dreams.html">
<h6>
Burger Dreams
</h6>
<div class="price" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_price_%22%2C%22to%22%3A%22innerHTML%22%7D%5D">
$ 9.20 USD
</div>
</a>
<p class="paragraph">
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</p>
<div class="add-to-cart">
<form class="w-commerce-commerceaddtocartform default-state" data-commerce-product-id="69c3c1ee9913e039b3e7d2ea" data-commerce-sku-id="69c3c1ee9913e039b3e7d2f0" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-form">
<input class="w-commerce-commerceaddtocartquantityinput quantity" id="quantity-77d000eb734842aa4cf87b0bb03800c1" inputmode="numeric" min="1" name="commerce-add-to-cart-quantity-input" pattern="^[0-9]+$" type="number" value="1"/>
<input aria-busy="false" aria-haspopup="dialog" class="w-commerce-commerceaddtocartbutton order-button" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-button" type="submit" value="Add to Cart"/>
</form>
<div class="w-commerce-commerceaddtocartoutofstock out-of-stock-state" style="display:none" tabindex="0">
<div>
This product is out of stock.
</div>
</div>
<div aria-live="" class="w-commerce-commerceaddtocarterror" data-node-type="commerce-add-to-cart-error" style="display:none">
<div data-node-type="commerce-add-to-cart-error" data-w-add-to-cart-buy-now-error="Something went wrong when trying to purchase this item." data-w-add-to-cart-checkout-disabled-error="Checkout is disabled on this site." data-w-add-to-cart-general-error="Something went wrong when adding this item to the cart." data-w-add-to-cart-mixed-cart-error="You cant purchase another product with a subscription." data-w-add-to-cart-quantity-error="Product is not available in this quantity." data-w-add-to-cart-select-all-options-error="Please select an option in each set.">
Product is not available in this quantity.
</div>
</div>
</div>
</div>
</div>
</div>
<div class="menu-item w-dyn-item w-col w-col-6" role="listitem">
<div class="food-card">
<a class="food-image-square w-inline-block" href="product-burger-waldo.html">
<img alt="" class="food-image" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_main_image_4dr%22%2C%22to%22%3A%22src%22%7D%5D" src="images/69c3c1ee9913e039b3e7d2b0_Burger%2008.png"/>
</a>
<div class="food-card-content">
<a class="food-title-wrap w-inline-block" href="product-burger-waldo.html">
<h6>
Burger Waldo
</h6>
<div class="price" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_price_%22%2C%22to%22%3A%22innerHTML%22%7D%5D">
$ 10.00 USD
</div>
</a>
<p class="paragraph">
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</p>
<div class="add-to-cart">
<form class="w-commerce-commerceaddtocartform default-state" data-commerce-product-id="69c3c1ee9913e039b3e7d2de" data-commerce-sku-id="69c3c1ee9913e039b3e7d2f8" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-form">
<input class="w-commerce-commerceaddtocartquantityinput quantity" id="quantity-77d000eb734842aa4cf87b0bb03800c1" inputmode="numeric" min="1" name="commerce-add-to-cart-quantity-input" pattern="^[0-9]+$" type="number" value="1"/>
<input aria-busy="false" aria-haspopup="dialog" class="w-commerce-commerceaddtocartbutton order-button" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-button" type="submit" value="Add to Cart"/>
</form>
<div class="w-commerce-commerceaddtocartoutofstock out-of-stock-state" style="display:none" tabindex="0">
<div>
This product is out of stock.
</div>
</div>
<div aria-live="" class="w-commerce-commerceaddtocarterror" data-node-type="commerce-add-to-cart-error" style="display:none">
<div data-node-type="commerce-add-to-cart-error" data-w-add-to-cart-buy-now-error="Something went wrong when trying to purchase this item." data-w-add-to-cart-checkout-disabled-error="Checkout is disabled on this site." data-w-add-to-cart-general-error="Something went wrong when adding this item to the cart." data-w-add-to-cart-mixed-cart-error="You cant purchase another product with a subscription." data-w-add-to-cart-quantity-error="Product is not available in this quantity." data-w-add-to-cart-select-all-options-error="Please select an option in each set.">
Product is not available in this quantity.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div aria-label="List" class="w-pagination-wrapper pagination" role="navigation">
<a aria-label="Next Page" class="w-pagination-next pagination-button" href="?0d852318_page=2">
<div class="w-inline-block">
Next
</div>
<svg class="w-pagination-next-icon" height="12px" transform="translate(0, 1)" viewbox="0 0 12 12" width="12px" xmlns="http://www.w3.org/2000/svg">
<path d="M4 2l4 4-4 4" fill="none" fill-rule="evenodd" stroke="currentColor">
</path>
</svg>
</a>
<link href="?0d852318_page=2" rel="prerender"/>
</div>
</div>
</div>
<div class="tab-pane-wrap w-tab-pane w--tab-active" data-w-tab="Burgers">
<div class="order-collection w-dyn-list">
<div class="order-collection w-dyn-items w-row" role="list">
<div class="menu-item w-dyn-item w-col w-col-6" role="listitem">
<div class="food-card">
<a class="food-image-square w-inline-block" href="product-burger-dreams.html">
<img alt="" class="food-image" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_main_image_4dr%22%2C%22to%22%3A%22src%22%7D%5D" src="images/69c3c1ee9913e039b3e7d2ad_Burger%2003.png"/>
</a>
<div class="food-card-content">
<a class="food-title-wrap w-inline-block" href="product-burger-dreams.html">
<h6>
Burger Dreams
</h6>
<div class="price" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_price_%22%2C%22to%22%3A%22innerHTML%22%7D%5D">
$ 9.20 USD
</div>
</a>
<p class="paragraph">
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</p>
<div class="add-to-cart">
<form class="w-commerce-commerceaddtocartform default-state" data-commerce-product-id="69c3c1ee9913e039b3e7d2ea" data-commerce-sku-id="69c3c1ee9913e039b3e7d2f0" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-form">
<input class="w-commerce-commerceaddtocartquantityinput quantity" id="quantity-77d000eb734842aa4cf87b0bb03800c1" inputmode="numeric" min="1" name="commerce-add-to-cart-quantity-input" pattern="^[0-9]+$" type="number" value="1"/>
<input aria-busy="false" aria-haspopup="dialog" class="w-commerce-commerceaddtocartbutton order-button" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-button" type="submit" value="Add to Cart"/>
</form>
<div class="w-commerce-commerceaddtocartoutofstock out-of-stock-state" style="display:none" tabindex="0">
<div>
This product is out of stock.
</div>
</div>
<div aria-live="" class="w-commerce-commerceaddtocarterror" data-node-type="commerce-add-to-cart-error" style="display:none">
<div data-node-type="commerce-add-to-cart-error" data-w-add-to-cart-buy-now-error="Something went wrong when trying to purchase this item." data-w-add-to-cart-checkout-disabled-error="Checkout is disabled on this site." data-w-add-to-cart-general-error="Something went wrong when adding this item to the cart." data-w-add-to-cart-mixed-cart-error="You cant purchase another product with a subscription." data-w-add-to-cart-quantity-error="Product is not available in this quantity." data-w-add-to-cart-select-all-options-error="Please select an option in each set.">
Product is not available in this quantity.
</div>
</div>
</div>
</div>
</div>
</div>
<div class="menu-item w-dyn-item w-col w-col-6" role="listitem">
<div class="food-card">
<a class="food-image-square w-inline-block" href="product-burger-waldo.html">
<img alt="" class="food-image" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_main_image_4dr%22%2C%22to%22%3A%22src%22%7D%5D" src="images/69c3c1ee9913e039b3e7d2b0_Burger%2008.png"/>
</a>
<div class="food-card-content">
<a class="food-title-wrap w-inline-block" href="product-burger-waldo.html">
<h6>
Burger Waldo
</h6>
<div class="price" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_price_%22%2C%22to%22%3A%22innerHTML%22%7D%5D">
$ 10.00 USD
</div>
</a>
<p class="paragraph">
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</p>
<div class="add-to-cart">
<form class="w-commerce-commerceaddtocartform default-state" data-commerce-product-id="69c3c1ee9913e039b3e7d2de" data-commerce-sku-id="69c3c1ee9913e039b3e7d2f8" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-form">
<input class="w-commerce-commerceaddtocartquantityinput quantity" id="quantity-77d000eb734842aa4cf87b0bb03800c1" inputmode="numeric" min="1" name="commerce-add-to-cart-quantity-input" pattern="^[0-9]+$" type="number" value="1"/>
<input aria-busy="false" aria-haspopup="dialog" class="w-commerce-commerceaddtocartbutton order-button" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-button" type="submit" value="Add to Cart"/>
</form>
<div class="w-commerce-commerceaddtocartoutofstock out-of-stock-state" style="display:none" tabindex="0">
<div>
This product is out of stock.
</div>
</div>
<div aria-live="" class="w-commerce-commerceaddtocarterror" data-node-type="commerce-add-to-cart-error" style="display:none">
<div data-node-type="commerce-add-to-cart-error" data-w-add-to-cart-buy-now-error="Something went wrong when trying to purchase this item." data-w-add-to-cart-checkout-disabled-error="Checkout is disabled on this site." data-w-add-to-cart-general-error="Something went wrong when adding this item to the cart." data-w-add-to-cart-mixed-cart-error="You cant purchase another product with a subscription." data-w-add-to-cart-quantity-error="Product is not available in this quantity." data-w-add-to-cart-select-all-options-error="Please select an option in each set.">
Product is not available in this quantity.
</div>
</div>
</div>
</div>
</div>
</div>
<div class="menu-item w-dyn-item w-col w-col-6" role="listitem">
<div class="food-card">
<a class="food-image-square w-inline-block" href="product-burger-cali.html">
<img alt="" class="food-image" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_main_image_4dr%22%2C%22to%22%3A%22src%22%7D%5D" src="images/69c3c1ee9913e039b3e7d2b6_Burger%2004.png"/>
</a>
<div class="food-card-content">
<a class="food-title-wrap w-inline-block" href="product-burger-cali.html">
<h6>
Burger Cali
</h6>
<div class="price" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_price_%22%2C%22to%22%3A%22innerHTML%22%7D%5D">
$ 8.00 USD
</div>
</a>
<p class="paragraph">
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</p>
<div class="add-to-cart">
<form class="w-commerce-commerceaddtocartform default-state" data-commerce-product-id="69c3c1ee9913e039b3e7d2e1" data-commerce-sku-id="69c3c1ee9913e039b3e7d2f1" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-form">
<input class="w-commerce-commerceaddtocartquantityinput quantity" id="quantity-77d000eb734842aa4cf87b0bb03800c1" inputmode="numeric" min="1" name="commerce-add-to-cart-quantity-input" pattern="^[0-9]+$" type="number" value="1"/>
<input aria-busy="false" aria-haspopup="dialog" class="w-commerce-commerceaddtocartbutton order-button" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-button" type="submit" value="Add to Cart"/>
</form>
<div class="w-commerce-commerceaddtocartoutofstock out-of-stock-state" style="display:none" tabindex="0">
<div>
This product is out of stock.
</div>
</div>
<div aria-live="" class="w-commerce-commerceaddtocarterror" data-node-type="commerce-add-to-cart-error" style="display:none">
<div data-node-type="commerce-add-to-cart-error" data-w-add-to-cart-buy-now-error="Something went wrong when trying to purchase this item." data-w-add-to-cart-checkout-disabled-error="Checkout is disabled on this site." data-w-add-to-cart-general-error="Something went wrong when adding this item to the cart." data-w-add-to-cart-mixed-cart-error="You cant purchase another product with a subscription." data-w-add-to-cart-quantity-error="Product is not available in this quantity." data-w-add-to-cart-select-all-options-error="Please select an option in each set.">
Product is not available in this quantity.
</div>
</div>
</div>
</div>
</div>
</div>
<div class="menu-item w-dyn-item w-col w-col-6" role="listitem">
<div class="food-card">
<a class="food-image-square w-inline-block" href="product-burger-bacon-buddy.html">
<img alt="" class="food-image" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_main_image_4dr%22%2C%22to%22%3A%22src%22%7D%5D" src="images/69c3c1ee9913e039b3e7d2b1_Burger%2006.png"/>
</a>
<div class="food-card-content">
<a class="food-title-wrap w-inline-block" href="product-burger-bacon-buddy.html">
<h6>
Burger Bacon Buddy
</h6>
<div class="price" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_price_%22%2C%22to%22%3A%22innerHTML%22%7D%5D">
$ 9.99 USD
</div>
</a>
<p class="paragraph">
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</p>
<div class="add-to-cart">
<form class="w-commerce-commerceaddtocartform default-state" data-commerce-product-id="69c3c1ee9913e039b3e7d2eb" data-commerce-sku-id="69c3c1ee9913e039b3e7d2fb" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-form">
<input class="w-commerce-commerceaddtocartquantityinput quantity" id="quantity-77d000eb734842aa4cf87b0bb03800c1" inputmode="numeric" min="1" name="commerce-add-to-cart-quantity-input" pattern="^[0-9]+$" type="number" value="1"/>
<input aria-busy="false" aria-haspopup="dialog" class="w-commerce-commerceaddtocartbutton order-button" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-button" type="submit" value="Add to Cart"/>
</form>
<div class="w-commerce-commerceaddtocartoutofstock out-of-stock-state" style="display:none" tabindex="0">
<div>
This product is out of stock.
</div>
</div>
<div aria-live="" class="w-commerce-commerceaddtocarterror" data-node-type="commerce-add-to-cart-error" style="display:none">
<div data-node-type="commerce-add-to-cart-error" data-w-add-to-cart-buy-now-error="Something went wrong when trying to purchase this item." data-w-add-to-cart-checkout-disabled-error="Checkout is disabled on this site." data-w-add-to-cart-general-error="Something went wrong when adding this item to the cart." data-w-add-to-cart-mixed-cart-error="You cant purchase another product with a subscription." data-w-add-to-cart-quantity-error="Product is not available in this quantity." data-w-add-to-cart-select-all-options-error="Please select an option in each set.">
Product is not available in this quantity.
</div>
</div>
</div>
</div>
</div>
</div>
<div class="menu-item w-dyn-item w-col w-col-6" role="listitem">
<div class="food-card">
<a class="food-image-square w-inline-block" href="product-burger-spicy.html">
<img alt="" class="food-image" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_main_image_4dr%22%2C%22to%22%3A%22src%22%7D%5D" src="images/69c3c1ee9913e039b3e7d2cd_Burger%2002.png"/>
</a>
<div class="food-card-content">
<a class="food-title-wrap w-inline-block" href="product-burger-spicy.html">
<h6>
Burger Spicy
</h6>
<div class="price" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_price_%22%2C%22to%22%3A%22innerHTML%22%7D%5D">
$ 9.20 USD
</div>
</a>
<p class="paragraph">
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</p>
<div class="add-to-cart">
<form class="w-commerce-commerceaddtocartform default-state" data-commerce-product-id="69c3c1ee9913e039b3e7d2e5" data-commerce-sku-id="69c3c1ee9913e039b3e7d2f5" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-form">
<input class="w-commerce-commerceaddtocartquantityinput quantity" id="quantity-77d000eb734842aa4cf87b0bb03800c1" inputmode="numeric" min="1" name="commerce-add-to-cart-quantity-input" pattern="^[0-9]+$" type="number" value="1"/>
<input aria-busy="false" aria-haspopup="dialog" class="w-commerce-commerceaddtocartbutton order-button" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-button" type="submit" value="Add to Cart"/>
</form>
<div class="w-commerce-commerceaddtocartoutofstock out-of-stock-state" style="display:none" tabindex="0">
<div>
This product is out of stock.
</div>
</div>
<div aria-live="" class="w-commerce-commerceaddtocarterror" data-node-type="commerce-add-to-cart-error" style="display:none">
<div data-node-type="commerce-add-to-cart-error" data-w-add-to-cart-buy-now-error="Something went wrong when trying to purchase this item." data-w-add-to-cart-checkout-disabled-error="Checkout is disabled on this site." data-w-add-to-cart-general-error="Something went wrong when adding this item to the cart." data-w-add-to-cart-mixed-cart-error="You cant purchase another product with a subscription." data-w-add-to-cart-quantity-error="Product is not available in this quantity." data-w-add-to-cart-select-all-options-error="Please select an option in each set.">
Product is not available in this quantity.
</div>
</div>
</div>
</div>
</div>
</div>
<div class="menu-item w-dyn-item w-col w-col-6" role="listitem">
<div class="food-card">
<a class="food-image-square w-inline-block" href="product-burger-classic.html">
<img alt="" class="food-image" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_main_image_4dr%22%2C%22to%22%3A%22src%22%7D%5D" src="images/69c3c1ee9913e039b3e7d2b2_Burger%2001.png"/>
</a>
<div class="food-card-content">
<a class="food-title-wrap w-inline-block" href="product-burger-classic.html">
<h6>
Burger Classic
</h6>
<div class="price" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_price_%22%2C%22to%22%3A%22innerHTML%22%7D%5D">
$ 8.00 USD
</div>
</a>
<p class="paragraph">
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</p>
<div class="add-to-cart">
<form class="w-commerce-commerceaddtocartform default-state" data-commerce-product-id="69c3c1ee9913e039b3e7d2ed" data-commerce-sku-id="69c3c1ee9913e039b3e7d2f9" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-form">
<input class="w-commerce-commerceaddtocartquantityinput quantity" id="quantity-77d000eb734842aa4cf87b0bb03800c1" inputmode="numeric" min="1" name="commerce-add-to-cart-quantity-input" pattern="^[0-9]+$" type="number" value="1"/>
<input aria-busy="false" aria-haspopup="dialog" class="w-commerce-commerceaddtocartbutton order-button" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-button" type="submit" value="Add to Cart"/>
</form>
<div class="w-commerce-commerceaddtocartoutofstock out-of-stock-state" style="display:none" tabindex="0">
<div>
This product is out of stock.
</div>
</div>
<div aria-live="" class="w-commerce-commerceaddtocarterror" data-node-type="commerce-add-to-cart-error" style="display:none">
<div data-node-type="commerce-add-to-cart-error" data-w-add-to-cart-buy-now-error="Something went wrong when trying to purchase this item." data-w-add-to-cart-checkout-disabled-error="Checkout is disabled on this site." data-w-add-to-cart-general-error="Something went wrong when adding this item to the cart." data-w-add-to-cart-mixed-cart-error="You cant purchase another product with a subscription." data-w-add-to-cart-quantity-error="Product is not available in this quantity." data-w-add-to-cart-select-all-options-error="Please select an option in each set.">
Product is not available in this quantity.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="w-tab-pane" data-w-tab="Sides">
<div class="w-dyn-list">
<div class="order-collection w-dyn-items w-row" role="list">
<div class="menu-item w-dyn-item w-col w-col-6" role="listitem">
<div class="food-card">
<a class="food-image-square w-inline-block" href="product-salad-ceaser.html">
<img alt="" class="food-image" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_main_image_4dr%22%2C%22to%22%3A%22src%22%7D%5D" src="images/69c3c1ee9913e039b3e7d2af_Side%2006.png"/>
</a>
<div class="food-card-content">
<a class="food-title-wrap w-inline-block" href="product-salad-ceaser.html">
<h6>
Salad Ceaser
</h6>
<div class="price" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_price_%22%2C%22to%22%3A%22innerHTML%22%7D%5D">
$ 6.00 USD
</div>
</a>
<p class="paragraph">
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</p>
<div class="add-to-cart">
<form class="w-commerce-commerceaddtocartform default-state" data-commerce-product-id="69c3c1ee9913e039b3e7d2e8" data-commerce-sku-id="69c3c1ee9913e039b3e7d2f7" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-form">
<input class="w-commerce-commerceaddtocartquantityinput quantity" id="quantity-77d000eb734842aa4cf87b0bb03800c1" inputmode="numeric" min="1" name="commerce-add-to-cart-quantity-input" pattern="^[0-9]+$" type="number" value="1"/>
<input aria-busy="false" aria-haspopup="dialog" class="w-commerce-commerceaddtocartbutton order-button" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-button" type="submit" value="Add to Cart"/>
</form>
<div class="w-commerce-commerceaddtocartoutofstock out-of-stock-state" style="display:none" tabindex="0">
<div>
This product is out of stock.
</div>
</div>
<div aria-live="" class="w-commerce-commerceaddtocarterror" data-node-type="commerce-add-to-cart-error" style="display:none">
<div data-node-type="commerce-add-to-cart-error" data-w-add-to-cart-buy-now-error="Something went wrong when trying to purchase this item." data-w-add-to-cart-checkout-disabled-error="Checkout is disabled on this site." data-w-add-to-cart-general-error="Something went wrong when adding this item to the cart." data-w-add-to-cart-mixed-cart-error="You cant purchase another product with a subscription." data-w-add-to-cart-quantity-error="Product is not available in this quantity." data-w-add-to-cart-select-all-options-error="Please select an option in each set.">
Product is not available in this quantity.
</div>
</div>
</div>
</div>
</div>
</div>
<div class="menu-item w-dyn-item w-col w-col-6" role="listitem">
<div class="food-card">
<a class="food-image-square w-inline-block" href="product-beans-slow-cooked.html">
<img alt="" class="food-image" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_main_image_4dr%22%2C%22to%22%3A%22src%22%7D%5D" src="images/69c3c1ee9913e039b3e7d2d0_Side%2005.png"/>
</a>
<div class="food-card-content">
<a class="food-title-wrap w-inline-block" href="product-beans-slow-cooked.html">
<h6>
Beans Slow Cooked
</h6>
<div class="price" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_price_%22%2C%22to%22%3A%22innerHTML%22%7D%5D">
$ 4.00 USD
</div>
</a>
<p class="paragraph">
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</p>
<div class="add-to-cart">
<form class="w-commerce-commerceaddtocartform default-state" data-commerce-product-id="69c3c1ee9913e039b3e7d2ec" data-commerce-sku-id="69c3c1ee9913e039b3e7d2f4" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-form">
<input class="w-commerce-commerceaddtocartquantityinput quantity" id="quantity-77d000eb734842aa4cf87b0bb03800c1" inputmode="numeric" min="1" name="commerce-add-to-cart-quantity-input" pattern="^[0-9]+$" type="number" value="1"/>
<input aria-busy="false" aria-haspopup="dialog" class="w-commerce-commerceaddtocartbutton order-button" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-button" type="submit" value="Add to Cart"/>
</form>
<div class="w-commerce-commerceaddtocartoutofstock out-of-stock-state" style="display:none" tabindex="0">
<div>
This product is out of stock.
</div>
</div>
<div aria-live="" class="w-commerce-commerceaddtocarterror" data-node-type="commerce-add-to-cart-error" style="display:none">
<div data-node-type="commerce-add-to-cart-error" data-w-add-to-cart-buy-now-error="Something went wrong when trying to purchase this item." data-w-add-to-cart-checkout-disabled-error="Checkout is disabled on this site." data-w-add-to-cart-general-error="Something went wrong when adding this item to the cart." data-w-add-to-cart-mixed-cart-error="You cant purchase another product with a subscription." data-w-add-to-cart-quantity-error="Product is not available in this quantity." data-w-add-to-cart-select-all-options-error="Please select an option in each set.">
Product is not available in this quantity.
</div>
</div>
</div>
</div>
</div>
</div>
<div class="menu-item w-dyn-item w-col w-col-6" role="listitem">
<div class="food-card">
<a class="food-image-square w-inline-block" href="product-fries-cheese.html">
<img alt="" class="food-image" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_main_image_4dr%22%2C%22to%22%3A%22src%22%7D%5D" src="images/69c3c1ee9913e039b3e7d2ce_Side%2002.png"/>
</a>
<div class="food-card-content">
<a class="food-title-wrap w-inline-block" href="product-fries-cheese.html">
<h6>
Fries Cheese
</h6>
<div class="price" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_price_%22%2C%22to%22%3A%22innerHTML%22%7D%5D">
$ 5.00 USD
</div>
</a>
<p class="paragraph">
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</p>
<div class="add-to-cart">
<form class="w-commerce-commerceaddtocartform default-state" data-commerce-product-id="69c3c1ee9913e039b3e7d2e4" data-commerce-sku-id="69c3c1ee9913e039b3e7d2ef" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-form">
<input class="w-commerce-commerceaddtocartquantityinput quantity" id="quantity-77d000eb734842aa4cf87b0bb03800c1" inputmode="numeric" min="1" name="commerce-add-to-cart-quantity-input" pattern="^[0-9]+$" type="number" value="1"/>
<input aria-busy="false" aria-haspopup="dialog" class="w-commerce-commerceaddtocartbutton order-button" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-button" type="submit" value="Add to Cart"/>
</form>
<div class="w-commerce-commerceaddtocartoutofstock out-of-stock-state" style="display:none" tabindex="0">
<div>
This product is out of stock.
</div>
</div>
<div aria-live="" class="w-commerce-commerceaddtocarterror" data-node-type="commerce-add-to-cart-error" style="display:none">
<div data-node-type="commerce-add-to-cart-error" data-w-add-to-cart-buy-now-error="Something went wrong when trying to purchase this item." data-w-add-to-cart-checkout-disabled-error="Checkout is disabled on this site." data-w-add-to-cart-general-error="Something went wrong when adding this item to the cart." data-w-add-to-cart-mixed-cart-error="You cant purchase another product with a subscription." data-w-add-to-cart-quantity-error="Product is not available in this quantity." data-w-add-to-cart-select-all-options-error="Please select an option in each set.">
Product is not available in this quantity.
</div>
</div>
</div>
</div>
</div>
</div>
<div class="menu-item w-dyn-item w-col w-col-6" role="listitem">
<div class="food-card">
<a class="food-image-square w-inline-block" href="product-fries-rustic.html">
<img alt="" class="food-image" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_main_image_4dr%22%2C%22to%22%3A%22src%22%7D%5D" src="images/69c3c1ee9913e039b3e7d2d1_Side%2003.png"/>
</a>
<div class="food-card-content">
<a class="food-title-wrap w-inline-block" href="product-fries-rustic.html">
<h6>
Fries Rustic
</h6>
<div class="price" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_price_%22%2C%22to%22%3A%22innerHTML%22%7D%5D">
$ 4.00 USD
</div>
</a>
<p class="paragraph">
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</p>
<div class="add-to-cart">
<form class="w-commerce-commerceaddtocartform default-state" data-commerce-product-id="69c3c1ee9913e039b3e7d2df" data-commerce-sku-id="69c3c1ee9913e039b3e7d2fa" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-form">
<input class="w-commerce-commerceaddtocartquantityinput quantity" id="quantity-77d000eb734842aa4cf87b0bb03800c1" inputmode="numeric" min="1" name="commerce-add-to-cart-quantity-input" pattern="^[0-9]+$" type="number" value="1"/>
<input aria-busy="false" aria-haspopup="dialog" class="w-commerce-commerceaddtocartbutton order-button" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-button" type="submit" value="Add to Cart"/>
</form>
<div class="w-commerce-commerceaddtocartoutofstock out-of-stock-state" style="display:none" tabindex="0">
<div>
This product is out of stock.
</div>
</div>
<div aria-live="" class="w-commerce-commerceaddtocarterror" data-node-type="commerce-add-to-cart-error" style="display:none">
<div data-node-type="commerce-add-to-cart-error" data-w-add-to-cart-buy-now-error="Something went wrong when trying to purchase this item." data-w-add-to-cart-checkout-disabled-error="Checkout is disabled on this site." data-w-add-to-cart-general-error="Something went wrong when adding this item to the cart." data-w-add-to-cart-mixed-cart-error="You cant purchase another product with a subscription." data-w-add-to-cart-quantity-error="Product is not available in this quantity." data-w-add-to-cart-select-all-options-error="Please select an option in each set.">
Product is not available in this quantity.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="w-tab-pane" data-w-tab="Drinks">
<div class="w-dyn-list">
<div class="order-collection w-dyn-items w-row" role="list">
<div class="menu-item w-dyn-item w-col w-col-6" role="listitem">
<div class="food-card">
<a class="food-image-square w-inline-block" href="product-drink-fig-lime.html">
<img alt="" class="food-image" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_main_image_4dr%22%2C%22to%22%3A%22src%22%7D%5D" src="images/69c3c1ee9913e039b3e7d2b7_Drink%201.png"/>
</a>
<div class="food-card-content">
<a class="food-title-wrap w-inline-block" href="product-drink-fig-lime.html">
<h6>
Drink Fig &amp; Lime
</h6>
<div class="price" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_price_%22%2C%22to%22%3A%22innerHTML%22%7D%5D">
$ 4.00 USD
</div>
</a>
<p class="paragraph">
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</p>
<div class="add-to-cart">
<form class="w-commerce-commerceaddtocartform default-state" data-commerce-product-id="69c3c1ee9913e039b3e7d2dd" data-commerce-sku-id="69c3c1ee9913e039b3e7d2ee" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-form">
<input class="w-commerce-commerceaddtocartquantityinput quantity" id="quantity-77d000eb734842aa4cf87b0bb03800c1" inputmode="numeric" min="1" name="commerce-add-to-cart-quantity-input" pattern="^[0-9]+$" type="number" value="1"/>
<input aria-busy="false" aria-haspopup="dialog" class="w-commerce-commerceaddtocartbutton order-button" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-button" type="submit" value="Add to Cart"/>
</form>
<div class="w-commerce-commerceaddtocartoutofstock out-of-stock-state" style="display:none" tabindex="0">
<div>
This product is out of stock.
</div>
</div>
<div aria-live="" class="w-commerce-commerceaddtocarterror" data-node-type="commerce-add-to-cart-error" style="display:none">
<div data-node-type="commerce-add-to-cart-error" data-w-add-to-cart-buy-now-error="Something went wrong when trying to purchase this item." data-w-add-to-cart-checkout-disabled-error="Checkout is disabled on this site." data-w-add-to-cart-general-error="Something went wrong when adding this item to the cart." data-w-add-to-cart-mixed-cart-error="You cant purchase another product with a subscription." data-w-add-to-cart-quantity-error="Product is not available in this quantity." data-w-add-to-cart-select-all-options-error="Please select an option in each set.">
Product is not available in this quantity.
</div>
</div>
</div>
</div>
</div>
</div>
<div class="menu-item w-dyn-item w-col w-col-6" role="listitem">
<div class="food-card">
<a class="food-image-square w-inline-block" href="product-drink-liquor.html">
<img alt="" class="food-image" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_main_image_4dr%22%2C%22to%22%3A%22src%22%7D%5D" src="images/69c3c1ee9913e039b3e7d2ac_Drink%202.png"/>
</a>
<div class="food-card-content">
<a class="food-title-wrap w-inline-block" href="product-drink-liquor.html">
<h6>
Drink Liquor
</h6>
<div class="price" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_price_%22%2C%22to%22%3A%22innerHTML%22%7D%5D">
$ 7.00 USD
</div>
</a>
<p class="paragraph">
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</p>
<div class="add-to-cart">
<form class="w-commerce-commerceaddtocartform default-state" data-commerce-product-id="69c3c1ee9913e039b3e7d2e7" data-commerce-sku-id="69c3c1ee9913e039b3e7d2f3" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-form">
<input class="w-commerce-commerceaddtocartquantityinput quantity" id="quantity-77d000eb734842aa4cf87b0bb03800c1" inputmode="numeric" min="1" name="commerce-add-to-cart-quantity-input" pattern="^[0-9]+$" type="number" value="1"/>
<input aria-busy="false" aria-haspopup="dialog" class="w-commerce-commerceaddtocartbutton order-button" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-button" type="submit" value="Add to Cart"/>
</form>
<div class="w-commerce-commerceaddtocartoutofstock out-of-stock-state" style="display:none" tabindex="0">
<div>
This product is out of stock.
</div>
</div>
<div aria-live="" class="w-commerce-commerceaddtocarterror" data-node-type="commerce-add-to-cart-error" style="display:none">
<div data-node-type="commerce-add-to-cart-error" data-w-add-to-cart-buy-now-error="Something went wrong when trying to purchase this item." data-w-add-to-cart-checkout-disabled-error="Checkout is disabled on this site." data-w-add-to-cart-general-error="Something went wrong when adding this item to the cart." data-w-add-to-cart-mixed-cart-error="You cant purchase another product with a subscription." data-w-add-to-cart-quantity-error="Product is not available in this quantity." data-w-add-to-cart-select-all-options-error="Please select an option in each set.">
Product is not available in this quantity.
</div>
</div>
</div>
</div>
</div>
</div>
<div class="menu-item w-dyn-item w-col w-col-6" role="listitem">
<div class="food-card">
<a class="food-image-square w-inline-block" href="product-drink-lime.html">
<img alt="" class="food-image" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_main_image_4dr%22%2C%22to%22%3A%22src%22%7D%5D" src="images/69c3c1ee9913e039b3e7d2ae_Drink%204.png"/>
</a>
<div class="food-card-content">
<a class="food-title-wrap w-inline-block" href="product-drink-lime.html">
<h6>
Drink Lime
</h6>
<div class="price" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_price_%22%2C%22to%22%3A%22innerHTML%22%7D%5D">
$ 4.00 USD
</div>
</a>
<p class="paragraph">
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</p>
<div class="add-to-cart">
<form class="w-commerce-commerceaddtocartform default-state" data-commerce-product-id="69c3c1ee9913e039b3e7d2e6" data-commerce-sku-id="69c3c1ee9913e039b3e7d2f2" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-form">
<input class="w-commerce-commerceaddtocartquantityinput quantity" id="quantity-77d000eb734842aa4cf87b0bb03800c1" inputmode="numeric" min="1" name="commerce-add-to-cart-quantity-input" pattern="^[0-9]+$" type="number" value="1"/>
<input aria-busy="false" aria-haspopup="dialog" class="w-commerce-commerceaddtocartbutton order-button" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-button" type="submit" value="Add to Cart"/>
</form>
<div class="w-commerce-commerceaddtocartoutofstock out-of-stock-state" style="display:none" tabindex="0">
<div>
This product is out of stock.
</div>
</div>
<div aria-live="" class="w-commerce-commerceaddtocarterror" data-node-type="commerce-add-to-cart-error" style="display:none">
<div data-node-type="commerce-add-to-cart-error" data-w-add-to-cart-buy-now-error="Something went wrong when trying to purchase this item." data-w-add-to-cart-checkout-disabled-error="Checkout is disabled on this site." data-w-add-to-cart-general-error="Something went wrong when adding this item to the cart." data-w-add-to-cart-mixed-cart-error="You cant purchase another product with a subscription." data-w-add-to-cart-quantity-error="Product is not available in this quantity." data-w-add-to-cart-select-all-options-error="Please select an option in each set.">
Product is not available in this quantity.
</div>
</div>
</div>
</div>
</div>
</div>
<div class="menu-item w-dyn-item w-col w-col-6" role="listitem">
<div class="food-card">
<a class="food-image-square w-inline-block" href="product-drink-cola.html">
<img alt="" class="food-image" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_main_image_4dr%22%2C%22to%22%3A%22src%22%7D%5D" src="images/69c3c1ee9913e039b3e7d298_Drink%203.png"/>
</a>
<div class="food-card-content">
<a class="food-title-wrap w-inline-block" href="product-drink-cola.html">
<h6>
Drink Cola
</h6>
<div class="price" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_price_%22%2C%22to%22%3A%22innerHTML%22%7D%5D">
$ 3.00 USD
</div>
</a>
<p class="paragraph">
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</p>
<div class="add-to-cart">
<form class="w-commerce-commerceaddtocartform default-state" data-commerce-product-id="69c3c1ee9913e039b3e7d2e0" data-commerce-sku-id="69c3c1ee9913e039b3e7d2f6" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-form">
<input class="w-commerce-commerceaddtocartquantityinput quantity" id="quantity-77d000eb734842aa4cf87b0bb03800c1" inputmode="numeric" min="1" name="commerce-add-to-cart-quantity-input" pattern="^[0-9]+$" type="number" value="1"/>
<input aria-busy="false" aria-haspopup="dialog" class="w-commerce-commerceaddtocartbutton order-button" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-button" type="submit" value="Add to Cart"/>
</form>
<div class="w-commerce-commerceaddtocartoutofstock out-of-stock-state" style="display:none" tabindex="0">
<div>
This product is out of stock.
</div>
</div>
<div aria-live="" class="w-commerce-commerceaddtocarterror" data-node-type="commerce-add-to-cart-error" style="display:none">
<div data-node-type="commerce-add-to-cart-error" data-w-add-to-cart-buy-now-error="Something went wrong when trying to purchase this item." data-w-add-to-cart-checkout-disabled-error="Checkout is disabled on this site." data-w-add-to-cart-general-error="Something went wrong when adding this item to the cart." data-w-add-to-cart-mixed-cart-error="You cant purchase another product with a subscription." data-w-add-to-cart-quantity-error="Product is not available in this quantity." data-w-add-to-cart-select-all-options-error="Please select an option in each set.">
Product is not available in this quantity.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="container">
<div class="w-layout-grid footer-grid">
<div class="footer-column" id="w-node-_67f7db32-28d2-9f37-8b84-a159dcc6da5a-dcc6da57">
<img alt="" class="footer-logo" src="images/69c3c1ee9913e039b3e7d290_Logo.svg" width="40"/>
<p>
Takeaway &amp; Delivery template
<br/>
for small - medium businesses.
</p>
</div>
<div class="footer-column" id="w-node-_67f7db32-28d2-9f37-8b84-a159dcc6da5e-dcc6da57">
<div class="title">
company
</div>
<a class="footer-link" href="index.html">
Home
</a>
<a aria-current="page" class="footer-link w--current" href="order.html">
Order
</a>
<a class="footer-link" href="index.html#call-store">
Contact
</a>
</div>
<div class="footer-column" id="w-node-_67f7db32-28d2-9f37-8b84-a159dcc6da69-dcc6da57">
<div class="title">
TEMPLATE
</div>
<a class="footer-link" href="template-styleguide.html">
Style Guide
</a>
<a class="footer-link" href="template-changelog.html">
Changelog
</a>
<a class="footer-link" href="template-licence.html">
Licence
</a>
<a class="footer-link" href="https://university.webflow.com/" target="_blank">
Webflow University
</a>
</div>
<div class="footer-column" id="w-node-_67f7db32-28d2-9f37-8b84-a159dcc6da72-dcc6da57">
<div class="title">
FLOWBASE
</div>
<a class="footer-link" href="https://www.flowbase.co" target="_blank">
More Cloneables
</a>
</div>
</div>
<div class="footer-legal">
<div class="footer-detail-left">
<div class="legal">
Built by
<a class="webflow-link" href="https://www.flowbase.co" target="_blank">
Flowbase
</a>
· Powered by
<a class="webflow-link" href="http://webflow.com/" target="_blank">
Webflow
</a>
</div>
</div>
<div class="footer-detail-right">
<div class="social-icon-wrap">
<a class="social-link w-inline-block" href="#">
<img alt="" class="social-icon" src="images/5e362b9c121267b0fabbef18_social-instagram.svg"/>
</a>
<a class="social-link w-inline-block" href="#">
<img alt="" class="social-icon" src="images/5e362b9cf4dd53d8073a05cd_social-twitter.svg"/>
</a>
<a class="social-link w-inline-block" href="#">
<img alt="" class="social-icon" src="images/5e362b9c7c077b1740e27d28_social-youtube.svg"/>
</a>
</div>
</div>
</div>
</div>
</div>
<script crossorigin="anonymous" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" src="js/jquery-3.5.1.min.dc5e7f18c8.js" type="text/javascript">
</script>
<script src="js/api.js" type="text/javascript">
</script>
<script>
// Load products when page loads
document.addEventListener('DOMContentLoaded', async function() {
console.log('Loading products...');
try {
const productsData = await getAllProducts();
if (productsData && productsData.success && productsData.products) {
displayProducts(productsData.products);
} else {
console.error('Failed to load products:', productsData);
// Show fallback message
showFallbackProducts();
}
} catch (error) {
console.error('Error loading products:', error);
// Show fallback for development
showFallbackProducts();
}
});
function showFallbackProducts() {
displayProducts([]);
}
function displayProducts(products) {
const productGrid = document.querySelector('.w-tab-pane.w--tab-active .order-collection');
if (!productGrid) {
console.error('Active tab product grid not found');
return;
}
productGrid.innerHTML = '';
const boxes = Array.from({ length: 8 }, (_, index) => {
const product = products[index] || {};
return {
_id: product._id || `box-${index + 1}`,
name: `box${index + 1}`,
price: Number(product.price || 0)
};
});
boxes.forEach(product => {
const productHTML = `
<div class="menu-item w-dyn-item w-col w-col-6" role="listitem">
<div class="food-card">
<div class="food-card-content">
<div class="food-title-wrap w-inline-block">
<h6>${product.name}</h6>
<div class="price">$${product.price.toFixed(2)} USD</div>
</div>
<div class="add-to-cart">
<input class="quantity" type="hidden" min="1" value="1" id="quantity-${product._id}" />
<button class="order-button w-button add-to-cart-btn"
data-product-id="${product._id}"
data-product-name="${product.name}">
Add to Cart
</button>
</div>
</div>
</div>
</div>
`;
productGrid.insertAdjacentHTML('beforeend', productHTML);
});
// Add event listeners to Add to Cart buttons
document.querySelectorAll('.add-to-cart-btn').forEach(button => {
button.addEventListener('click', async function() {
const productId = this.getAttribute('data-product-id');
const productName = this.getAttribute('data-product-name');
const quantityInput = document.getElementById(`quantity-${productId}`);
const quantity = parseInt(quantityInput.value) || 1;
console.log(`Adding ${quantity} x ${productName} to cart`);
try {
const result = await addToCart(productId, quantity);
if (result) {
alert(`${quantity} x ${productName} added to cart!`);
// Update cart count if needed
updateCartCount();
} else {
alert('Failed to add item to cart - API may be blocked by browser security');
}
} catch (error) {
console.error('Cart API error:', error);
alert('Cart functionality blocked by browser security. This is expected on HTTP sites.');
}
});
});
}
// Function to update cart count
async function updateCartCount() {
try {
const cart = await getCart();
if (cart && cart.items) {
const totalItems = cart.items.reduce((sum, item) => sum + item.quantity, 0);
const cartCountElement = document.querySelector('.cart-quantity');
if (cartCountElement) {
cartCountElement.textContent = totalItems;
}
}
} catch (error) {
console.error('Error updating cart count:', error);
}
}
// Load cart count on page load
document.addEventListener('DOMContentLoaded', function() {
updateCartCount();
});
</script>
<script crossorigin="anonymous" integrity="sha384-4AhZ6V15MqQcYDdfPXvfst2Y4s5C3Rtj7m/IcGSRXAN4ocxqL/Fag0UYpfUlMcst" src="js/webflow.schunk.8635f867f0e7bd37.js" type="text/javascript">
</script>
<script crossorigin="anonymous" integrity="sha384-ID0YQsmVv1RvR08bKK9/r3E6ht8sEBszDbo80TPdSDneZNcUQIGiXgNQMe2H2WQl" src="js/webflow.61cfa502.51ab170f9bd4cb2e.js" type="text/javascript">
</script>
</body>
</html>