-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
199 lines (185 loc) · 8.36 KB
/
index.html
File metadata and controls
199 lines (185 loc) · 8.36 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
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
<!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 ">
<meta name="theme-color" content="#555273">
<!-- 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>DiningHero</h1>
<p>new innovative approach to connecting mobile technology with the experience of traditional dining</p>
<ul class="actions">
<li><a href="#app" 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/back_dininghero.jpg" alt="back_dininghero" /></span>
</div>
</section>
<!-- App Section -->
<section id="app">
<header>
<h2>the app</h2>
</header>
<div class="content">
<p><strong>DiningHero is the future of dining! Join the movement now!</strong></p>
<p>DiningHero is the future of dining! Developed to connect mobile technology with traditional dining experiences to allow customers to effortlessly check-in, waitlist and be seated, order in great detail, communicate with staff members, and even pay through our mobile interface. Restaurants benefit from an easy to use interface, improved staff efficiency and quality of customer relations, detailed and concise customer orders with no ambiguity, and ease of financial management.</p>
<p><strong>Do you have issues with any of the following:</strong></p>
<div class="table-wrapper">
<table>
<thead>
<tr>
<th>Consumer</th>
<th>Restaurant</th>
</tr>
</thead>
<tbody>
<tr>
<td><ul><li>Endless menu searching</li></ul></td>
<td><ul><li>Complicated interfaces</li></ul></td>
</tr>
<tr>
<td><ul><li>Waiting forever to waitlist</li></ul></td>
<td><ul><li>Changing menus frequently and reprinting menus</li></ul></td>
</tr>
<tr>
<td><ul><li>Incorrect orders/dietary needs</li></ul></td>
<td><ul><li>Inefficient/nonoptimal service </li></ul></td>
</tr>
<tr>
<td><ul><li>Waiting long periods for staff attention</li></ul></td>
<td><ul><li>Incorrect orders from verbal communication errors</li></ul></td>
</tr>
<tr>
<td><ul><li>Remembering your wallet</li></ul></td>
<td><ul><li>Unorganized dining rooms</li></ul></td>
</tr>
<tr>
<td><ul><li>Dining alone</li></ul></td>
<td><ul><li>Lack of financial detail</li></ul></td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="2"></td>
</tr>
</tfoot>
</table>
</div>
<!-- <p><strong>How you know you should use DiningHero</strong></p> -->
<!-- <div class="table-wrapper">
<table>
<thead>
<tr>
<th>Consumer</th>
<th>Restaurant</th>
</tr>
</thead>
<tbody>
<tr>
<td><li>Tired of searching multiple websites for menus that are frequently inaccurate</li></td>
<td><li>Want a simple to use interface to manage your business</li></td>
</tr>
<tr>
<td><li>Dislike waiting lines to get on a waitlist</li></td>
<td><li>Want multiple detailed time sensitive menus in one area so customers can easily access them</li></td>
</tr>
<tr>
<td><li>Errors occur frequently on your order? Maybe you like customizing your order</li></td>
<td><li>Want to increase service and overall productivity of staff members</li></td>
</tr>
<tr>
<td><li>In a rush and can't wait for the bill to arrive. Maybe you don't have your wallet on you</li></td>
<td><li>Want to get orders and dietary needs correct everytime without potential miscommunications</li></td>
</tr>
<tr>
<td><li>Want to effortlessly dine with friends</li></td>
<td><li>Is your dining room unorganized?</li></td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="2"></td>
</tr>
</tfoot>
</table>
</div> -->
<p><strong>These are just a few reasons why you need DiningHero. Check it out below!</strong></p>
<p><strong>Select a platform:</strong></p>
<!-- <p><strong>DiningHero is the future of dining.</strong> We provide restaurants and users an easy way to communicate with each other in all aspects of dining experience. For more specific information in regards to what we do, please select a category below.</p> -->
<ul class="actions">
<li><a href="/user.html" class="button primary large">User Platform</a></li>
<li><a href="/restaurant.html" class="button large">Restaurant Platform</a></li>
</ul>
</div>
</section>
<!-- About Section -->
<section>
<header>
<h2>About Us</h2>
</header>
<div class="content">
<p><strong>Want to learn more about DiningHero and its mission?</strong></p>
<ul class="actions">
<li><a href="/about.html" class="button primary large">The Company</a></li>
<li><a href="/contact.html" class="button large">Contact Us</a></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>