File size: 6,921 Bytes
f31e5e8 2c541ca f31e5e8 2c541ca f31e5e8 ddd5681 f31e5e8 2c541ca f31e5e8 ddd5681 f31e5e8 2c541ca f31e5e8 ddd5681 f31e5e8 ddd5681 f31e5e8 ddd5681 f31e5e8 ddd5681 f31e5e8 ddd5681 f31e5e8 ddd5681 f31e5e8 ddd5681 f31e5e8 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 | <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<meta id="meta-theme-color" name="theme-color" content="#070707">
<script>
(function () {
try {
var k = "hah-restaurant-theme";
var t = localStorage.getItem(k);
var th = t === "light" ? "light" : "dark";
document.documentElement.setAttribute("data-theme", th);
var meta = document.getElementById("meta-theme-color");
if (meta) meta.setAttribute("content", th === "light" ? "#f6f3ee" : "#070707");
} catch (e) {
document.documentElement.setAttribute("data-theme", "dark");
}
})();
</script>
<title>HAH restaurant | Order online</title>
<meta name="description" content="Order from HAH restaurant, Dalkeith — delivery, collection or sitting in.">
<link rel="icon" type="image/svg+xml" href="assets/logo-c.svg?v=1.17">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap">
<link rel="stylesheet" href="styles.css?v=7">
</head>
<body>
<div class="app-shell">
<header class="app-header">
<a class="app-brand" href="../../index.html" title="SmOS home">
<img src="assets/logo-c.svg" alt="" width="36" height="36" decoding="async">
<span>SmOS_CC · HAH restaurant</span>
</a>
<div class="app-header__actions">
<a class="app-admin-link" href="admin/">Admin</a>
<button type="button" class="theme-toggle" data-theme-toggle aria-label="Switch theme" title="Theme">
<svg class="theme-icon theme-icon-sun" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
<circle cx="12" cy="12" r="4"/>
<path d="M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41"/>
</svg>
<svg class="theme-icon theme-icon-moon" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
<path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/>
</svg>
</button>
</div>
</header>
<main class="app-main">
<div class="app-hero">
<img class="app-hero__logo" src="assets/logo-c.svg?v=1.17" alt="HAH restaurant" width="88" height="88" decoding="async">
<h1 class="app-hero__title">How would you like your order?</h1>
<p class="app-hero__lead">Choose delivery, collection, sitting in, or reserve a table.</p>
</div>
<ul class="service-grid">
<li>
<a class="service-card service-card--delivery" href="order.html?service=delivery&mode=menu">
<span class="service-card__icon" aria-hidden="true">
<svg viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M10 17h4"/>
<path d="M3 7h13v8a3 3 0 0 0 3 3h1a3 3 0 0 0 3-3V9.5L17 4H3z"/>
<path d="M3 7l2-3h8l2 3"/>
<circle cx="7.5" cy="17.5" r="1.5"/>
<circle cx="17.5" cy="17.5" r="1.5"/>
</svg>
</span>
<span class="service-card__copy">
<span class="service-card__name">Delivery</span>
<span class="service-card__meta">To your door in Dalkeith & nearby</span>
</span>
</a>
</li>
<li>
<a class="service-card service-card--collection" href="order.html?service=collection&mode=menu">
<span class="service-card__icon" aria-hidden="true">
<svg viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z"/>
<path d="M3 6h18"/>
<path d="M16 10a4 4 0 0 1-8 0"/>
</svg>
</span>
<span class="service-card__copy">
<span class="service-card__name">Collection</span>
<span class="service-card__meta">Pick up at 9 Eskdail Court</span>
</span>
</a>
</li>
<li>
<a class="service-card service-card--sitting-in" href="order.html?service=sitting-in&mode=menu">
<span class="service-card__icon" aria-hidden="true">
<svg viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M4 19V5a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v14"/>
<path d="M4 15h16"/>
<path d="M8 11h8"/>
<path d="M8 7h8"/>
</svg>
</span>
<span class="service-card__copy">
<span class="service-card__name">Sitting in</span>
<span class="service-card__meta">Order at your table in the cafe</span>
</span>
</a>
</li>
<li>
<a class="service-card service-card--reserve" href="reserve.html">
<span class="service-card__icon" aria-hidden="true">
<svg viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<rect x="3" y="4" width="18" height="18" rx="2"/>
<path d="M16 2v4M8 2v4M3 10h18"/>
<path d="M8 14h.01M12 14h.01M16 14h.01M8 18h.01M12 18h.01"/>
</svg>
</span>
<span class="service-card__copy">
<span class="service-card__name">Reserve a table</span>
<span class="service-card__meta">Pick seats on the floor plan · smart merge for larger groups</span>
</span>
</a>
</li>
</ul>
<p class="app-note" data-hours-note>
Cafe online orders cut off at <strong>17:30</strong> (cafe closes 18:00).
Indian cuisine <strong>5:00pm–10:00pm</strong> · online cut-off <strong>21:30</strong>.
</p>
</main>
</div>
<script src="hours-config.js?v=2" defer></script>
<script src="app.js?v=20" defer></script>
<script>
document.addEventListener("DOMContentLoaded", () => {
const note = document.querySelector("[data-hours-note]");
const h = window.SmOS_CC_Hours;
if (note && h?.homeNoteHtml) note.innerHTML = h.homeNoteHtml;
});
</script>
</body>
</html>
|