Add About and Booking page

Add help dropdowns on checkout
Add Image With Text component
This commit is contained in:
Michał Gdula 2024-05-05 13:04:17 +01:00
parent d9bea89c0b
commit cd2aaa355c
6 changed files with 123 additions and 13 deletions

View file

@ -5,8 +5,8 @@
import L from 'leaflet';
import { getPopularToday } from "../lib/test-api";
import LoadingBar from "../components/LoadingBar.svelte";
import AnnouncementBanner from "../components/AnnouncementBanner.svelte";
import LoadingBar from "../components/LoadingBar.svelte";
import MenuList from "../components/MenuList.svelte";
let items = getPopularToday();
@ -44,12 +44,20 @@
<tr><td>Sunday</td><td>11am</td><td>2am</td></tr>
</table>
</div>
<a href="/book" use:link>Ready to book a table?</a>
<a href="/booking" use:link>Ready to book a table?</a>
</div>
</div>
<div class="spacer" />
<h2>About Us</h2>
<div class="container padding">
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. At deserunt est quos dicta ipsa! Soluta laudantium dolore temporibus nisi aspernatur expedita vel, unde natus a nulla rerum officiis optio neque.</p>
</div>
<a href="/about" use:link>Continue reading <ArrowUpRight /></a>
<div class="spacer" />
<h2>Popular Today</h2>
<div id="popular">
{#await items}
@ -62,12 +70,6 @@
</div>
<a href="/menu" use:link>See All <ArrowUpRight /></a>
<div class="spacer" />
<h2>About Us</h2>contact
<p>Want to know the story of the restaurant?</p>
<a href="/about" use:link>Continue reading <ArrowUpRight /></a>
<style lang="scss">
@import "../styles/vars";
@ -182,6 +184,10 @@
position: relative;
}
.padding {
padding: $spacing-normal;
}
@media only screen and (max-width: 900px) {
#map {
min-width: 400px;