-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathrestaurant.html
More file actions
143 lines (129 loc) · 7.73 KB
/
restaurant.html
File metadata and controls
143 lines (129 loc) · 7.73 KB
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
143
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<meta name="description" content="DiningHero - New innovative way to search for, dine at, and pay at restaurants" />
<meta name="keywords" content="menu order restaurant app waitlist notification payment dashboard table" />
<meta name="author" content="Austin Lau & Nicolas Peyrichou ">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-135913456-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-135913456-1');
</script>
<link rel="stylesheet" href="assets/css/main.css" />
<link rel="icon" type="image/x-icon" href="/favicon.ico?v=2"/>
<title>DiningHero | Innovative Restaurant Experience</title>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Intro Section-->
<section class="intro">
<header>
<h1>Restaurant Platform</h1>
<p>Connecting businesses with users through forward-thinking mobile technology.</p>
<ul class="actions">
<li><a href="#restaurant" class="arrow scrolly"><span class="label">Next</span></a></li>
</ul>
</header>
<div class="content">
<span class="image fill" data-position="center"><img src="images/restaurant_platform.jpg" alt="restaurant"/></span>
</div>
</section>
<!-- Mission Section -->
<section>
<header id="restaurant">
<h2>How it works</h2>
</header>
<div class="content">
<ul class="feature-icons">
<li class="icon fa-chevron-circle-right"><strong>Subscribe to DiningHero to use our service</strong></li>
<li class="icon fa-chevron-circle-right"><strong>Open your business, watch customer service improve, and dining room organization and efficiency increase</strong></li>
<li class="icon fa-chevron-circle-right"><strong>Follow the simple guide to setup your account and system</strong></li>
<li class="icon fa-chevron-circle-right"><strong>Enjoy watching happy satisfied diners leave your restaurant</strong></li>
</ul>
</div>
</section>
<!-- Perks Section -->
<section>
<header>
<h2>perks</h2>
</header>
<div class="content">
<span class="image main"><img src="images/macbookgold_mockup.png" alt="macbook_mockup" /></span>
<ul class="alt">
<li class="icon fa-chevron-circle-right"> Simple User Interface</li>
<li class="icon fa-chevron-circle-right"> Secure restaurant business accounts</li>
<li class="icon fa-chevron-circle-right"> Easily add/delete/edit items on menus</li>
<li class="icon fa-chevron-circle-right"> Easily add/delete/edit multiple menus</li>
<li class="icon fa-chevron-circle-right"> Set availability times for mobile platform users to order from specific menus</li>
<li class="icon fa-chevron-circle-right"> Easy drag and drop interface to set the dining room layout which can also be viewed by diners if you enable the feature. If enabled, diners will be able to see the layout of your dining room on the DiningHero mobile platform</li>
<li class="icon fa-chevron-circle-right"> Option to have customers seat themselves when a table is prepared and available; also shows which tables are currently occupied</li>
<li class="icon fa-chevron-circle-right"> Displays maximum capacity to customers and how many diners are currently seated</li>
<li class="icon fa-chevron-circle-right"> Increased dining room efficiency because all orders are placed through the DiningHero mobile platform</li>
<li class="icon fa-chevron-circle-right"> Improved customer service because servers will be able to allocate more time tending to diner needs which leads to more gradituity</li>
<li class="icon fa-chevron-circle-right"> Orders can be displayed on either a monitor for business who want to go paper free or be printed using a conventional ticket system</li>
<li class="icon fa-chevron-circle-right"> Orders are extremely detailed to avoid any miscommunications in how food should be prepared or any dietary needs</li>
<li class="icon fa-chevron-circle-right"> Has a chatbot feature which will easily answer questions about the menu or any dietary concerns.</li>
<li class="icon fa-chevron-circle-right"> Has a chat interface where customers can express dietary needs that exceed the capabilities our ordering interface</li>
<li class="icon fa-chevron-circle-right"> Diners have the option to checkout through the DiningHero mobile platform or conventionally with credit card or cash</li>
<li class="icon fa-chevron-circle-right"> Creates detailed revenue reports and logs revenue data and history so you can compare data</li>
</ul>
</div>
</section>
<!-- Get Started Section -->
<section>
<header>
<h2>Get Started</h2>
</header>
<div class="content">
<p>Make your restaurant run more efficiently and improve customer service at the same time. Also impress your service and kitchen staff by making their lives easier so they can do their jobs better and more efficiently.</p>
<p><strong> Subscribe to DiningHero now! Let's enter the future of dining!</strong></p>
<ul class="actions">
<!-- <li><a href="#" class="button primary large">Get Started</a></li> -->
<li><span class="button primary large disabled">Get Started</span></li>
</ul>
</div>
</section>
<!-- Social Media Section -->
<section>
<header>
</header>
<div class="content">
<ul class="icons">
<li><a href="https://twitter.com/dining_hero" class="icon fa-twitter" target="_blank" rel="noopener noreferrer"><span class="label">Twitter</span></a></li>
<li><a href="https://www.facebook.com/DiningHero-403809933746791" class="icon fa-facebook" target="_blank" rel="noopener noreferrer"><span class="label">Facebook</span></a></li>
<li><a href="https://www.instagram.com/dininghero/" class="icon fa-instagram" target="_blank" rel="noopener noreferrer"><span class="label">Instagram</span></a></li>
<li><a href="https://www.linkedin.com/company/dininghero" class="icon fa-linkedin" target="_blank" rel="noopener noreferrer"><span class="label">LinkedIn</span></a></li>
<li><a href="#" class="icon fa-angellist"><span class="label" target="_blank" rel="noopener noreferrer">Angel List</span></a></li>
</ul>
</div>
</section>
<!-- Bottom Navbar -->
<div class="navbar">
<a class="menu-a-logo" href="/"><img src="/images/dininghero_logo.png" alt="dininghero_logo"/>DiningHero</a>
<span class="menu-span">|</span>
<a class="menu-a" href="/about.html">About</a>
<span class="menu-span">|</span>
<a class="menu-a" href="/user.html">Mobile</a>
<span class="menu-span">|</span>
<a class="menu-a" href="/restaurant.html">Restaurant</a>
<span class="menu-span">|</span>
<a class="menu-a" href="/contact.html">Contact</a>
</div>
<!-- Copyright Section -->
<div class="copyright">© DiningHero. All rights reserved. Design: <a href="https://html5up.net" target="_blank" rel="noopener noreferrer">HTML5 UP</a>.</div>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>