mirror of
https://github.com/Fluffy-Bean/TastyBites.git
synced 2025-06-04 01:13:14 +00:00
Add About and Booking page
Add help dropdowns on checkout Add Image With Text component
This commit is contained in:
parent
d9bea89c0b
commit
cd2aaa355c
6 changed files with 123 additions and 13 deletions
|
@ -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;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue