Hugging Face's logo

Spaces:
thetwistedpixie
/
fox
Running

App Files Community
thetwistedpixie commited on
Commit
d1efa38
·
verified ·
1 Parent(s): 4d6d342

Please make this website way better than it is https://foxandhoundsactonturvilledotorg.wordpress.com/?fbclid=IwdGRjcAMnPz9jbGNrAyc_OWV4dG4DYWVtAjExAAEermHz6YaTYK52UM3GOMEEkZuE-D4haz_7XtuEcEq31nFQcfSB9_kEl_0LlGk_aem_NFy_h0WaQuzosgEJEGBSfA - Initial Deployment

Browse files
Files changed (5) hide show
  1. README.md +7 -5
  2. about.html +349 -0
  3. index.html +462 -18
  4. menu.html +433 -0
  5. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Fox
3
- emoji: 👁
4
- colorFrom: pink
5
- colorTo: red
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: fox
3
+ emoji: 🐳
4
+ colorFrom: purple
5
+ colorTo: yellow
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
about.html ADDED
@@ -0,0 +1,349 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>About Us | The Fox & Hounds Acton Turville</title>
7
+ <meta name="description" content="Learn about the history and values of The Fox & Hounds, a traditional countryside pub in Acton Turville.">
8
+ <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
9
+
10
+ <!-- Tailwind CSS -->
11
+ <script src="https://cdn.tailwindcss.com"></script>
12
+ <script>
13
+ tailwind.config = {
14
+ theme: {
15
+ extend: {
16
+ colors: {
17
+ primary: '#283618',
18
+ secondary: '#606C38',
19
+ accent: '#DDA15E',
20
+ light: '#FEFAE0',
21
+ dark: '#BC6C25'
22
+ },
23
+ fontFamily: {
24
+ sans: ['Montserrat', 'sans-serif'],
25
+ serif: ['Playfair Display', 'serif'],
26
+ },
27
+ }
28
+ }
29
+ }
30
+ </script>
31
+
32
+ <!-- Fonts -->
33
+ <link rel="preconnect" href="https://fonts.googleapis.com">
34
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
35
+ <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap" rel="stylesheet">
36
+
37
+ <!-- AOS Animation -->
38
+ <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
39
+ <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
40
+
41
+ <!-- Feather Icons -->
42
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
43
+ <script src="https://unpkg.com/feather-icons"></script>
44
+
45
+ <style>
46
+ .about-hero {
47
+ background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('http://static.photos/indoor/1200x630/3');
48
+ background-size: cover;
49
+ background-position: center;
50
+ background-repeat: no-repeat;
51
+ }
52
+
53
+ .timeline-item:not(:last-child)::after {
54
+ content: '';
55
+ position: absolute;
56
+ left: 50%;
57
+ bottom: -20px;
58
+ transform: translateX(-50%);
59
+ width: 2px;
60
+ height: 20px;
61
+ background-color: #DDA15E;
62
+ }
63
+
64
+ .team-card:hover {
65
+ transform: translateY(-5px);
66
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
67
+ }
68
+ </style>
69
+ </head>
70
+ <body class="bg-light font-sans text-primary">
71
+ <!-- Navigation -->
72
+ <nav class="bg-primary text-light shadow-lg sticky top-0 z-50">
73
+ <div class="container mx-auto px-4 py-3">
74
+ <div class="flex justify-between items-center">
75
+ <div class="flex items-center space-x-2">
76
+ <i data-feather="home" class="text-accent"></i>
77
+ <a href="index.html" class="text-xl font-serif font-bold">The Fox & Hounds</a>
78
+ </div>
79
+
80
+ <!-- Mobile menu button -->
81
+ <div class="md:hidden">
82
+ <button id="mobile-menu-button" class="text-light focus:outline-none">
83
+ <i data-feather="menu"></i>
84
+ </button>
85
+ </div>
86
+
87
+ <!-- Desktop Menu -->
88
+ <div class="hidden md:flex space-x-8">
89
+ <a href="index.html" class="hover:text-accent transition">Home</a>
90
+ <a href="about.html" class="hover:text-accent transition">About</a>
91
+ <a href="menu.html" class="hover:text-accent transition">Menu</a>
92
+ <a href="events.html" class="hover:text-accent transition">Events</a>
93
+ <a href="gallery.html" class="hover:text-accent transition">Gallery</a>
94
+ <a href="contact.html" class="hover:text-accent transition">Contact</a>
95
+ </div>
96
+ </div>
97
+
98
+ <!-- Mobile Menu -->
99
+ <div id="mobile-menu" class="hidden md:hidden mt-4 pb-4">
100
+ <a href="index.html" class="block py-2 hover:text-accent transition">Home</a>
101
+ <a href="about.html" class="block py-2 hover:text-accent transition">About</a>
102
+ <a href="menu.html" class="block py-2 hover:text-accent transition">Menu</a>
103
+ <a href="events.html" class="block py-2 hover:text-accent transition">Events</a>
104
+ <a href="gallery.html" class="block py-2 hover:text-accent transition">Gallery</a>
105
+ <a href="contact.html" class="block py-2 hover:text-accent transition">Contact</a>
106
+ </div>
107
+ </div>
108
+ </nav>
109
+
110
+ <!-- Hero Section -->
111
+ <section class="about-hero h-96 flex items-center justify-center text-center text-light">
112
+ <div class="container mx-auto px-4" data-aos="fade-up">
113
+ <h1 class="text-4xl md:text-5xl font-serif font-bold mb-4">Our Story</h1>
114
+ <p class="text-xl md:text-2xl">Two centuries of hospitality in the heart of Acton Turville</p>
115
+ </div>
116
+ </section>
117
+
118
+ <!-- History Section -->
119
+ <section class="py-16 bg-light">
120
+ <div class="container mx-auto px-4">
121
+ <div class="text-center mb-12" data-aos="fade-up">
122
+ <h2 class="text-3xl font-serif font-bold mb-4">A Rich History</h2>
123
+ <p class="text-lg max-w-3xl mx-auto">Since 1823, The Fox & Hounds has been at the heart of Acton Turville, serving generations of locals and visitors alike.</p>
124
+ </div>
125
+
126
+ <div class="max-w-4xl mx-auto">
127
+ <!-- Timeline -->
128
+ <div class="relative">
129
+ <!-- Timeline item 1 -->
130
+ <div class="flex flex-col md:flex-row mb-12" data-aos="fade-up">
131
+ <div class="md:w-1/2 md:pr-8 mb-4 md:mb-0 text-right">
132
+ <h3 class="text-xl font-serif font-bold">1823</h3>
133
+ <p class="text-gray-600">The Fox & Hounds first opens its doors as a coaching inn</p>
134
+ </div>
135
+ <div class="hidden md:block md:w-1/2"></div>
136
+ </div>
137
+
138
+ <!-- Timeline item 2 -->
139
+ <div class="flex flex-col md:flex-row mb-12" data-aos="fade-up" data-aos-delay="100">
140
+ <div class="hidden md:block md:w-1/2 md:pr-8"></div>
141
+ <div class="md:w-1/2 md:pl-8">
142
+ <h3 class="text-xl font-serif font-bold">1920s</h3>
143
+ <p class="text-gray-600">Survives prohibition era by focusing on food and accommodation</p>
144
+ </div>
145
+ </div>
146
+
147
+ <!-- Timeline item 3 -->
148
+ <div class="flex flex-col md:flex-row mb-12" data-aos="fade-up" data-aos-delay="200">
149
+ <div class="md:w-1/2 md:pr-8 mb-4 md:mb-0 text-right">
150
+ <h3 class="text-xl font-serif font-bold">1954</h3>
151
+ <p class="text-gray-600">Major renovation expands the dining area and adds modern amenities</p>
152
+ </div>
153
+ <div class="hidden md:block md:w-1/2"></div>
154
+ </div>
155
+
156
+ <!-- Timeline item 4 -->
157
+ <div class="flex flex-col md:flex-row mb-12" data-aos="fade-up" data-aos-delay="300">
158
+ <div class="hidden md:block md:w-1/2 md:pr-8"></div>
159
+ <div class="md:w-1/2 md:pl-8">
160
+ <h3 class="text-xl font-serif font-bold">2003</h3>
161
+ <p class="text-gray-600">Current owners take over, preserving tradition while modernizing the kitchen</p>
162
+ </div>
163
+ </div>
164
+
165
+ <!-- Timeline item 5 -->
166
+ <div class="flex flex-col md:flex-row" data-aos="fade-up" data-aos-delay="400">
167
+ <div class="md:w-1/2 md:pr-8 mb-4 md:mb-0 text-right">
168
+ <h3 class="text-xl font-serif font-bold">Present Day</h3>
169
+ <p class="text-gray-600">Continues to thrive as a beloved local institution with award-winning food</p>
170
+ </div>
171
+ <div class="hidden md:block md:w-1/2"></div>
172
+ </div>
173
+ </div>
174
+ </div>
175
+ </div>
176
+ </section>
177
+
178
+ <!-- Values Section -->
179
+ <section class="py-16 bg-secondary text-light">
180
+ <div class="container mx-auto px-4">
181
+ <div class="text-center mb-12" data-aos="fade-up">
182
+ <h2 class="text-3xl font-serif font-bold mb-4">Our Values</h2>
183
+ <p class="text-lg max-w-3xl mx-auto">What makes The Fox & Hounds special</p>
184
+ </div>
185
+
186
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
187
+ <!-- Value 1 -->
188
+ <div class="bg-primary p-6 rounded-lg" data-aos="fade-up" data-aos-delay="100">
189
+ <div class="flex justify-center mb-4">
190
+ <div class="w-16 h-16 rounded-full bg-accent flex items-center justify-center text-primary">
191
+ <i data-feather="heart" class="w-8 h-8"></i>
192
+ </div>
193
+ </div>
194
+ <h3 class="text-xl font-serif font-bold text-center mb-3">Community</h3>
195
+ <p class="text-center">We're proud to be at the heart of Acton Turville, supporting local events and charities, and providing a welcoming space for all.</p>
196
+ </div>
197
+
198
+ <!-- Value 2 -->
199
+ <div class="bg-primary p-6 rounded-lg" data-aos="fade-up" data-aos-delay="200">
200
+ <div class="flex justify-center mb-4">
201
+ <div class="w-16 h-16 rounded-full bg-accent flex items-center justify-center text-primary">
202
+ <i data-feather="leaf" class="w-8 h-8"></i>
203
+ </div>
204
+ </div>
205
+ <h3 class="text-xl font-serif font-bold text-center mb-3">Sustainability</h3>
206
+ <p class="text-center">We source ingredients locally where possible, reduce waste, and maintain eco-friendly practices throughout our operations.</p>
207
+ </div>
208
+
209
+ <!-- Value 3 -->
210
+ <div class="bg-primary p-6 rounded-lg" data-aos="fade-up" data-aos-delay="300">
211
+ <div class="flex justify-center mb-4">
212
+ <div class="w-16 h-16 rounded-full bg-accent flex items-center justify-center text-primary">
213
+ <i data-feather="award" class="w-8 h-8"></i>
214
+ </div>
215
+ </div>
216
+ <h3 class="text-xl font-serif font-bold text-center mb-3">Quality</h3>
217
+ <p class="text-center">From our carefully selected drinks to our homemade dishes, we never compromise on quality or flavor.</p>
218
+ </div>
219
+ </div>
220
+ </div>
221
+ </section>
222
+
223
+ <!-- Team Section -->
224
+ <section class="py-16 bg-light">
225
+ <div class="container mx-auto px-4">
226
+ <div class="text-center mb-12" data-aos="fade-up">
227
+ <h2 class="text-3xl font-serif font-bold mb-4">Meet Our Team</h2>
228
+ <p class="text-lg max-w-3xl mx-auto">The friendly faces behind The Fox & Hounds</p>
229
+ </div>
230
+
231
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
232
+ <!-- Team Member 1 -->
233
+ <div class="bg-white rounded-lg shadow-md overflow-hidden team-card transition duration-300" data-aos="fade-up" data-aos-delay="100">
234
+ <img src="http://static.photos/people/640x360/1" alt="James Wilson" class="w-full h-64 object-cover">
235
+ <div class="p-6">
236
+ <h3 class="text-xl font-serif font-bold">James Wilson</h3>
237
+ <p class="text-accent font-semibold mb-3">Owner & Head Chef</p>
238
+ <p class="text-gray-600">With over 20 years of culinary experience, James brings passion and creativity to our kitchen.</p>
239
+ </div>
240
+ </div>
241
+
242
+ <!-- Team Member 2 -->
243
+ <div class="bg-white rounded-lg shadow-md overflow-hidden team-card transition duration-300" data-aos="fade-up" data-aos-delay="200">
244
+ <img src="http://static.photos/people/640x360/2" alt="Sarah Thompson" class="w-full h-64 object-cover">
245
+ <div class="p-6">
246
+ <h3 class="text-xl font-serif font-bold">Sarah Thompson</h3>
247
+ <p class="text-accent font-semibold mb-3">Manager</p>
248
+ <p class="text-gray-600">Sarah ensures everything runs smoothly and that every guest feels welcome and valued.</p>
249
+ </div>
250
+ </div>
251
+
252
+ <!-- Team Member 3 -->
253
+ <div class="bg-white rounded-lg shadow-md overflow-hidden team-card transition duration-300" data-aos="fade-up" data-aos-delay="300">
254
+ <img src="http://static.photos/people/640x360/3" alt="Michael Brown" class="w-full h-64 object-cover">
255
+ <div class="p-6">
256
+ <h3 class="text-xl font-serif font-bold">Michael Brown</h3>
257
+ <p class="text-accent font-semibold mb-3">Head Bartender</p>
258
+ <p class="text-gray-600">Michael's extensive knowledge of beers, wines and spirits helps guests find their perfect drink.</p>
259
+ </div>
260
+ </div>
261
+ </div>
262
+ </div>
263
+ </section>
264
+
265
+ <!-- Local Suppliers Section -->
266
+ <section class="py-16 bg-primary text-light">
267
+ <div class="container mx-auto px-4">
268
+ <div class="text-center mb-12" data-aos="fade-up">
269
+ <h2 class="text-3xl font-serif font-bold mb-4">Our Local Suppliers</h2>
270
+ <p class="text-lg max-w-3xl mx-auto">We're proud to support these excellent local producers</p>
271
+ </div>
272
+
273
+ <div class="grid grid-cols-2 md:grid-cols-4 gap-8">
274
+ <div class="flex flex-col items-center" data-aos="fade-up" data-aos-delay="100">
275
+ <div class="w-24 h-24 rounded-full bg-light flex items-center justify-center mb-4">
276
+ <i data-feather="coffee" class="text-primary w-10 h-10"></i>
277
+ </div>
278
+ <h3 class="font-bold">Acton Farm</h3>
279
+ <p class="text-sm text-center">Fresh vegetables</p>
280
+ </div>
281
+
282
+ <div class="flex flex-col items-center" data-aos="fade-up" data-aos-delay="150">
283
+ <div class="w-24 h-24 rounded-full bg-light flex items-center justify-center mb-4">
284
+ <i data-feather="droplet" class="text-primary w-10 h-10"></i>
285
+ </div>
286
+ <h3 class="font-bold">Turville Dairy</h3>
287
+ <p class="text-sm text-center">Dairy products</p>
288
+ </div>
289
+
290
+ <div class="flex flex-col items-center" data-aos="fade-up" data-aos-delay="200">
291
+ <div class="w-24 h-24 rounded-full bg-light flex items-center justify-center mb-4">
292
+ <i data-feather="package" class="text-primary w-10 h-10"></i>
293
+ </div>
294
+ <h3 class="font-bold">Cotswold Butchers</h3>
295
+ <p class="text-sm text-center">Quality meats</p>
296
+ </div>
297
+
298
+ <div class="flex flex-col items-center" data-aos="fade-up" data-aos-delay="250">
299
+ <div class="w-24 h-24 rounded-full bg-light flex items-center justify-center mb-4">
300
+ <i data-feather="wine" class="text-primary w-10 h-10"></i>
301
+ </div>
302
+ <h3 class="font-bold">Gloucester Vineyard</h3>
303
+ <p class="text-sm text-center">Local wines</p>
304
+ </div>
305
+ </div>
306
+ </div>
307
+ </section>
308
+
309
+ <!-- Footer -->
310
+ <footer class="bg-primary text-light py-8">
311
+ <div class="container mx-auto px-4">
312
+ <div class="flex flex-col md:flex-row justify-between items-center">
313
+ <div class="mb-4 md:mb-0">
314
+ <div class="flex items-center space-x-2">
315
+ <i data-feather="home" class="text-accent"></i>
316
+ <a href="index.html" class="text-xl font-serif font-bold">The Fox & Hounds</a>
317
+ </div>
318
+ <p class="text-sm mt-2">© 2023 The Fox & Hounds Acton Turville. All rights reserved.</p>
319
+ </div>
320
+
321
+ <div class="flex flex-col md:flex-row md:space-x-8 space-y-2 md:space-y-0 text-sm">
322
+ <a href="privacy.html" class="hover:text-accent transition">Privacy Policy</a>
323
+ <a href="terms.html" class="hover:text-accent transition">Terms of Service</a>
324
+ <a href="sitemap.html" class="hover:text-accent transition">Sitemap</a>
325
+ </div>
326
+ </div>
327
+ </div>
328
+ </footer>
329
+
330
+ <!-- Scripts -->
331
+ <script>
332
+ // Mobile menu toggle
333
+ document.getElementById('mobile-menu-button').addEventListener('click', function() {
334
+ const menu = document.getElementById('mobile-menu');
335
+ menu.classList.toggle('hidden');
336
+ });
337
+
338
+ // Initialize animations
339
+ AOS.init({
340
+ duration: 800,
341
+ easing: 'ease-in-out',
342
+ once: true
343
+ });
344
+
345
+ // Initialize feather icons
346
+ feather.replace();
347
+ </script>
348
+ </body>
349
+ </html>
index.html CHANGED
@@ -1,19 +1,463 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
19
  </html>
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>The Fox & Hounds | Acton Turville</title>
7
+ <meta name="description" content="A traditional countryside pub in Acton Turville offering great food, drinks, and hospitality in a warm, inviting atmosphere.">
8
+ <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
9
+
10
+ <!-- Tailwind CSS -->
11
+ <script src="https://cdn.tailwindcss.com"></script>
12
+ <script>
13
+ tailwind.config = {
14
+ theme: {
15
+ extend: {
16
+ colors: {
17
+ primary: '#283618',
18
+ secondary: '#606C38',
19
+ accent: '#DDA15E',
20
+ light: '#FEFAE0',
21
+ dark: '#BC6C25'
22
+ },
23
+ fontFamily: {
24
+ sans: ['Montserrat', 'sans-serif'],
25
+ serif: ['Playfair Display', 'serif'],
26
+ },
27
+ }
28
+ }
29
+ }
30
+ </script>
31
+
32
+ <!-- Fonts -->
33
+ <link rel="preconnect" href="https://fonts.googleapis.com">
34
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
35
+ <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap" rel="stylesheet">
36
+
37
+ <!-- AOS Animation -->
38
+ <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
39
+ <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
40
+
41
+ <!-- Feather Icons -->
42
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
43
+ <script src="https://unpkg.com/feather-icons"></script>
44
+
45
+ <style>
46
+ .hero-image {
47
+ background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('http://static.photos/nature/1200x630/42');
48
+ background-size: cover;
49
+ background-position: center;
50
+ background-repeat: no-repeat;
51
+ }
52
+
53
+ .menu-category {
54
+ transition: all 0.3s ease;
55
+ }
56
+
57
+ .menu-category:hover {
58
+ transform: translateY(-5px);
59
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
60
+ }
61
+
62
+ .testimonial-card {
63
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
64
+ transition: all 0.3s ease;
65
+ }
66
+
67
+ .testimonial-card:hover {
68
+ transform: translateY(-5px);
69
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
70
+ }
71
+
72
+ .gallery-image {
73
+ transition: all 0.3s ease;
74
+ }
75
+
76
+ .gallery-image:hover {
77
+ transform: scale(1.03);
78
+ }
79
+ </style>
80
+ </head>
81
+ <body class="bg-light font-sans text-primary">
82
+ <!-- Navigation -->
83
+ <nav class="bg-primary text-light shadow-lg sticky top-0 z-50">
84
+ <div class="container mx-auto px-4 py-3">
85
+ <div class="flex justify-between items-center">
86
+ <div class="flex items-center space-x-2">
87
+ <i data-feather="home" class="text-accent"></i>
88
+ <a href="index.html" class="text-xl font-serif font-bold">The Fox & Hounds</a>
89
+ </div>
90
+
91
+ <!-- Mobile menu button -->
92
+ <div class="md:hidden">
93
+ <button id="mobile-menu-button" class="text-light focus:outline-none">
94
+ <i data-feather="menu"></i>
95
+ </button>
96
+ </div>
97
+
98
+ <!-- Desktop Menu -->
99
+ <div class="hidden md:flex space-x-8">
100
+ <a href="index.html" class="hover:text-accent transition">Home</a>
101
+ <a href="about.html" class="hover:text-accent transition">About</a>
102
+ <a href="menu.html" class="hover:text-accent transition">Menu</a>
103
+ <a href="events.html" class="hover:text-accent transition">Events</a>
104
+ <a href="gallery.html" class="hover:text-accent transition">Gallery</a>
105
+ <a href="contact.html" class="hover:text-accent transition">Contact</a>
106
+ </div>
107
+ </div>
108
+
109
+ <!-- Mobile Menu -->
110
+ <div id="mobile-menu" class="hidden md:hidden mt-4 pb-4">
111
+ <a href="index.html" class="block py-2 hover:text-accent transition">Home</a>
112
+ <a href="about.html" class="block py-2 hover:text-accent transition">About</a>
113
+ <a href="menu.html" class="block py-2 hover:text-accent transition">Menu</a>
114
+ <a href="events.html" class="block py-2 hover:text-accent transition">Events</a>
115
+ <a href="gallery.html" class="block py-2 hover:text-accent transition">Gallery</a>
116
+ <a href="contact.html" class="block py-2 hover:text-accent transition">Contact</a>
117
+ </div>
118
+ </div>
119
+ </nav>
120
+
121
+ <!-- Hero Section -->
122
+ <section class="hero-image h-screen flex items-center justify-center text-center text-light">
123
+ <div class="container mx-auto px-4" data-aos="fade-up">
124
+ <h1 class="text-4xl md:text-6xl font-serif font-bold mb-4">Welcome to The Fox & Hounds</h1>
125
+ <p class="text-xl md:text-2xl mb-8">A traditional countryside pub in the heart of Acton Turville</p>
126
+ <div class="flex flex-col md:flex-row justify-center gap-4">
127
+ <a href="menu.html" class="bg-accent hover:bg-dark text-light font-bold py-3 px-6 rounded-full transition duration-300">View Our Menu</a>
128
+ <a href="contact.html" class="border-2 border-light hover:bg-primary hover:border-primary text-light font-bold py-3 px-6 rounded-full transition duration-300">Book a Table</a>
129
+ </div>
130
+ </div>
131
+ </section>
132
+
133
+ <!-- About Section -->
134
+ <section class="py-16 bg-light">
135
+ <div class="container mx-auto px-4">
136
+ <div class="flex flex-col md:flex-row items-center">
137
+ <div class="md:w-1/2 mb-8 md:mb-0 md:pr-8" data-aos="fade-right">
138
+ <img src="http://static.photos/indoor/640x360/1" alt="Pub interior" class="rounded-lg shadow-lg w-full">
139
+ </div>
140
+ <div class="md:w-1/2 md:pl-8" data-aos="fade-left">
141
+ <h2 class="text-3xl font-serif font-bold mb-4">Our Story</h2>
142
+ <p class="text-lg mb-4">Established in 1823, The Fox & Hounds has been serving the community of Acton Turville for nearly two centuries. Our pub combines traditional charm with modern comforts to create a welcoming atmosphere for all.</p>
143
+ <p class="text-lg mb-6">We pride ourselves on serving locally sourced, seasonal food alongside a carefully curated selection of beers, wines, and spirits.</p>
144
+ <a href="about.html" class="inline-block bg-primary hover:bg-secondary text-light font-bold py-2 px-6 rounded-full transition duration-300">Learn More</a>
145
+ </div>
146
+ </div>
147
+ </div>
148
+ </section>
149
+
150
+ <!-- Menu Highlights Section -->
151
+ <section class="py-16 bg-secondary text-light">
152
+ <div class="container mx-auto px-4">
153
+ <h2 class="text-3xl font-serif font-bold mb-12 text-center" data-aos="fade-up">Our Menu Highlights</h2>
154
+
155
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
156
+ <!-- Starters -->
157
+ <div class="bg-primary rounded-lg p-6 menu-category" data-aos="fade-up" data-aos-delay="100">
158
+ <div class="flex justify-between items-center mb-4">
159
+ <h3 class="text-xl font-serif font-bold">Starters</h3>
160
+ <i data-feather="coffee" class="text-accent"></i>
161
+ </div>
162
+ <ul class="space-y-3">
163
+ <li class="border-b border-accent pb-2">Homemade Scotch Egg with Piccalilli</li>
164
+ <li class="border-b border-accent pb-2">Potted Duck with Toast</li>
165
+ <li class="border-b border-accent pb-2">Soup of the Day with Crusty Bread</li>
166
+ </ul>
167
+ <a href="menu.html" class="inline-block mt-4 text-accent hover:text-light transition">View All Starters →</a>
168
+ </div>
169
+
170
+ <!-- Mains -->
171
+ <div class="bg-primary rounded-lg p-6 menu-category" data-aos="fade-up" data-aos-delay="200">
172
+ <div class="flex justify-between items-center mb-4">
173
+ <h3 class="text-xl font-serif font-bold">Main Courses</h3>
174
+ <i data-feather="dinner" class="text-accent"></i>
175
+ </div>
176
+ <ul class="space-y-3">
177
+ <li class="border-b border-accent pb-2">Beef & Ale Pie with Mash</li>
178
+ <li class="border-b border-accent pb-2">Pan-Fried Sea Bass with Seasonal Vegetables</li>
179
+ <li class="border-b border-accent pb-2">Wild Mushroom Risotto</li>
180
+ </ul>
181
+ <a href="menu.html" class="inline-block mt-4 text-accent hover:text-light transition">View All Mains →</a>
182
+ </div>
183
+
184
+ <!-- Desserts -->
185
+ <div class="bg-primary rounded-lg p-6 menu-category" data-aos="fade-up" data-aos-delay="300">
186
+ <div class="flex justify-between items-center mb-4">
187
+ <h3 class="text-xl font-serif font-bold">Desserts</h3>
188
+ <i data-feather="pie-chart" class="text-accent"></i>
189
+ </div>
190
+ <ul class="space-y-3">
191
+ <li class="border-b border-accent pb-2">Sticky Toffee Pudding with Custard</li>
192
+ <li class="border-b border-accent pb-2">Local Cheese Board with Chutney</li>
193
+ <li class="border-b border-accent pb-2">Chocolate Brownie with Ice Cream</li>
194
+ </ul>
195
+ <a href="menu.html" class="inline-block mt-4 text-accent hover:text-light transition">View All Desserts →</a>
196
+ </div>
197
+ </div>
198
+
199
+ <div class="text-center mt-12" data-aos="fade-up">
200
+ <a href="menu.html" class="inline-block bg-accent hover:bg-dark text-light font-bold py-3 px-8 rounded-full transition duration-300">View Full Menu</a>
201
+ </div>
202
+ </div>
203
+ </section>
204
+
205
+ <!-- Events Section -->
206
+ <section class="py-16 bg-light">
207
+ <div class="container mx-auto px-4">
208
+ <h2 class="text-3xl font-serif font-bold mb-12 text-center" data-aos="fade-up">Upcoming Events</h2>
209
+
210
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
211
+ <!-- Event 1 -->
212
+ <div class="bg-white rounded-lg shadow-lg overflow-hidden" data-aos="fade-up" data-aos-delay="100">
213
+ <img src="http://static.photos/event/640x360/1" alt="Live Music Night" class="w-full h-48 object-cover">
214
+ <div class="p-6">
215
+ <div class="flex justify-between items-center mb-2">
216
+ <span class="text-sm text-accent font-bold">Friday, June 10</span>
217
+ <span class="text-sm bg-primary text-light px-2 py-1 rounded">7:30 PM</span>
218
+ </div>
219
+ <h3 class="text-xl font-serif font-bold mb-2">Live Music Night</h3>
220
+ <p class="text-gray-600 mb-4">Join us for an evening of live music featuring local artists. Free entry, great atmosphere!</p>
221
+ <a href="events.html" class="text-accent hover:text-dark font-bold">More Details →</a>
222
+ </div>
223
+ </div>
224
+
225
+ <!-- Event 2 -->
226
+ <div class="bg-white rounded-lg shadow-lg overflow-hidden" data-aos="fade-up" data-aos-delay="200">
227
+ <img src="http://static.photos/event/640x360/2" alt="Quiz Night" class="w-full h-48 object-cover">
228
+ <div class="p-6">
229
+ <div class="flex justify-between items-center mb-2">
230
+ <span class="text-sm text-accent font-bold">Wednesday, June 15</span>
231
+ <span class="text-sm bg-primary text-light px-2 py-1 rounded">8:00 PM</span>
232
+ </div>
233
+ <h3 class="text-xl font-serif font-bold mb-2">Pub Quiz Night</h3>
234
+ <p class="text-gray-600 mb-4">Test your knowledge with our famous pub quiz. Teams of up to 6, £2 entry per person.</p>
235
+ <a href="events.html" class="text-accent hover:text-dark font-bold">More Details →</a>
236
+ </div>
237
+ </div>
238
+
239
+ <!-- Event 3 -->
240
+ <div class="bg-white rounded-lg shadow-lg overflow-hidden" data-aos="fade-up" data-aos-delay="300">
241
+ <img src="http://static.photos/event/640x360/3" alt="Sunday Roast" class="w-full h-48 object-cover">
242
+ <div class="p-6">
243
+ <div class="flex justify-between items-center mb-2">
244
+ <span class="text-sm text-accent font-bold">Every Sunday</span>
245
+ <span class="text-sm bg-primary text-light px-2 py-1 rounded">12-4 PM</span>
246
+ </div>
247
+ <h3 class="text-xl font-serif font-bold mb-2">Sunday Roast</h3>
248
+ <p class="text-gray-600 mb-4">Our famous Sunday roasts with all the trimmings. Booking recommended.</p>
249
+ <a href="events.html" class="text-accent hover:text-dark font-bold">More Details →</a>
250
+ </div>
251
+ </div>
252
+ </div>
253
+
254
+ <div class="text-center mt-12" data-aos="fade-up">
255
+ <a href="events.html" class="inline-block bg-primary hover:bg-secondary text-light font-bold py-3 px-8 rounded-full transition duration-300">View All Events</a>
256
+ </div>
257
+ </div>
258
+ </section>
259
+
260
+ <!-- Gallery Section -->
261
+ <section class="py-16 bg-primary text-light">
262
+ <div class="container mx-auto px-4">
263
+ <h2 class="text-3xl font-serif font-bold mb-12 text-center" data-aos="fade-up">Our Gallery</h2>
264
+
265
+ <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4">
266
+ <div class="overflow-hidden rounded-lg gallery-image" data-aos="fade-up" data-aos-delay="100">
267
+ <img src="http://static.photos/indoor/640x360/4" alt="Pub interior" class="w-full h-full object-cover hover:opacity-90 transition">
268
+ </div>
269
+ <div class="overflow-hidden rounded-lg gallery-image" data-aos="fade-up" data-aos-delay="150">
270
+ <img src="http://static.photos/food/640x360/1" alt="Food" class="w-full h-full object-cover hover:opacity-90 transition">
271
+ </div>
272
+ <div class="overflow-hidden rounded-lg gallery-image" data-aos="fade-up" data-aos-delay="200">
273
+ <img src="http://static.photos/outdoor/640x360/1" alt="Pub garden" class="w-full h-full object-cover hover:opacity-90 transition">
274
+ </div>
275
+ <div class="overflow-hidden rounded-lg gallery-image" data-aos="fade-up" data-aos-delay="250">
276
+ <img src="http://static.photos/drinks/640x360/1" alt="Drinks" class="w-full h-full object-cover hover:opacity-90 transition">
277
+ </div>
278
+ <div class="overflow-hidden rounded-lg gallery-image" data-aos="fade-up" data-aos-delay="300">
279
+ <img src="http://static.photos/event/640x360/4" alt="Event" class="w-full h-full object-cover hover:opacity-90 transition">
280
+ </div>
281
+ <div class="overflow-hidden rounded-lg gallery-image" data-aos="fade-up" data-aos-delay="350">
282
+ <img src="http://static.photos/indoor/640x360/5" alt="Pub interior" class="w-full h-full object-cover hover:opacity-90 transition">
283
+ </div>
284
+ <div class="overflow-hidden rounded-lg gallery-image" data-aos="fade-up" data-aos-delay="400">
285
+ <img src="http://static.photos/food/640x360/2" alt="Food" class="w-full h-full object-cover hover:opacity-90 transition">
286
+ </div>
287
+ <div class="overflow-hidden rounded-lg gallery-image" data-aos="fade-up" data-aos-delay="450">
288
+ <img src="http://static.photos/outdoor/640x360/2" alt="Pub garden" class="w-full h-full object-cover hover:opacity-90 transition">
289
+ </div>
290
+ </div>
291
+
292
+ <div class="text-center mt-12" data-aos="fade-up">
293
+ <a href="gallery.html" class="inline-block bg-accent hover:bg-dark text-light font-bold py-3 px-8 rounded-full transition duration-300">View Full Gallery</a>
294
+ </div>
295
+ </div>
296
+ </section>
297
+
298
+ <!-- Testimonials Section -->
299
+ <section class="py-16 bg-light">
300
+ <div class="container mx-auto px-4">
301
+ <h2 class="text-3xl font-serif font-bold mb-12 text-center" data-aos="fade-up">What Our Customers Say</h2>
302
+
303
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
304
+ <!-- Testimonial 1 -->
305
+ <div class="bg-white p-6 rounded-lg testimonial-card" data-aos="fade-up" data-aos-delay="100">
306
+ <div class="flex items-center mb-4">
307
+ <div class="w-12 h-12 rounded-full bg-primary flex items-center justify-center text-light font-bold mr-4">JS</div>
308
+ <div>
309
+ <h4 class="font-bold">John Smith</h4>
310
+ <div class="flex text-accent">
311
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
312
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
313
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
314
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
315
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
316
+ </div>
317
+ </div>
318
+ </div>
319
+ <p class="text-gray-600">"The Sunday roast is absolutely fantastic! The beef was cooked to perfection and the Yorkshire puddings were enormous. Highly recommend!"</p>
320
+ </div>
321
+
322
+ <!-- Testimonial 2 -->
323
+ <div class="bg-white p-6 rounded-lg testimonial-card" data-aos="fade-up" data-aos-delay="200">
324
+ <div class="flex items-center mb-4">
325
+ <div class="w-12 h-12 rounded-full bg-primary flex items-center justify-center text-light font-bold mr-4">EP</div>
326
+ <div>
327
+ <h4 class="font-bold">Emma Parker</h4>
328
+ <div class="flex text-accent">
329
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
330
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
331
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
332
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
333
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
334
+ </div>
335
+ </div>
336
+ </div>
337
+ <p class="text-gray-600">"Lovely atmosphere and fantastic food. The staff are so friendly and welcoming. We come here regularly and it never disappoints."</p>
338
+ </div>
339
+
340
+ <!-- Testimonial 3 -->
341
+ <div class="bg-white p-6 rounded-lg testimonial-card" data-aos="fade-up" data-aos-delay="300">
342
+ <div class="flex items-center mb-4">
343
+ <div class="w-12 h-12 rounded-full bg-primary flex items-center justify-center text-light font-bold mr-4">TW</div>
344
+ <div>
345
+ <h4 class="font-bold">Thomas Wilson</h4>
346
+ <div class="flex text-accent">
347
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
348
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
349
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
350
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
351
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
352
+ </div>
353
+ </div>
354
+ </div>
355
+ <p class="text-gray-600">"The best pub in the area! Great selection of local ales and the food is always excellent. The garden is perfect for summer evenings."</p>
356
+ </div>
357
+ </div>
358
+ </div>
359
+ </section>
360
+
361
+ <!-- Contact & Hours Section -->
362
+ <section class="py-16 bg-secondary text-light">
363
+ <div class="container mx-auto px-4">
364
+ <div class="flex flex-col md:flex-row">
365
+ <!-- Contact Info -->
366
+ <div class="md:w-1/2 mb-8 md:mb-0 md:pr-8" data-aos="fade-right">
367
+ <h2 class="text-3xl font-serif font-bold mb-6">Contact Us</h2>
368
+
369
+ <div class="space-y-4">
370
+ <div class="flex items-start">
371
+ <i data-feather="map-pin" class="mr-4 text-accent mt-1"></i>
372
+ <div>
373
+ <h3 class="font-bold">Address</h3>
374
+ <p>High Street, Acton Turville,<br>Gloucestershire, GL9 1HJ</p>
375
+ </div>
376
+ </div>
377
+
378
+ <div class="flex items-start">
379
+ <i data-feather="phone" class="mr-4 text-accent mt-1"></i>
380
+ <div>
381
+ <h3 class="font-bold">Phone</h3>
382
+ <p>01454 238765</p>
383
+ </div>
384
+ </div>
385
+
386
+ <div class="flex items-start">
387
+ <i data-feather="mail" class="mr-4 text-accent mt-1"></i>
388
+ <div>
389
+ <h3 class="font-bold">Email</h3>
390
+ <p>info@foxandhoundsactonturville.org</p>
391
+ </div>
392
+ </div>
393
+
394
+ <div class="flex items-start">
395
+ <i data-feather="clock" class="mr-4 text-accent mt-1"></i>
396
+ <div>
397
+ <h3 class="font-bold">Opening Hours</h3>
398
+ <p>Monday - Thursday: 11am - 11pm<br>
399
+ Friday - Saturday: 11am - 12am<br>
400
+ Sunday: 12pm - 10:30pm</p>
401
+ </div>
402
+ </div>
403
+ </div>
404
+
405
+ <div class="mt-6 flex space-x-4">
406
+ <a href="#" class="hover:text-accent transition"><i data-feather="facebook"></i></a>
407
+ <a href="#" class="hover:text-accent transition"><i data-feather="instagram"></i></a>
408
+ <a href="#" class="hover:text-accent transition"><i data-feather="twitter"></i></a>
409
+ </div>
410
+ </div>
411
+
412
+ <!-- Map -->
413
+ <div class="md:w-1/2" data-aos="fade-left">
414
+ <h2 class="text-3xl font-serif font-bold mb-6">Find Us</h2>
415
+ <div class="aspect-w-16 aspect-h-9 bg-gray-300 rounded-lg overflow-hidden">
416
+ <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2482.768293184127!2d-2.273987684229343!3d51.5253791796369!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4871a7a0a6a3a7d5%3A0x1e3a1b1b1b1b1b1b!2sThe%20Fox%20%26%20Hounds!5e0!3m2!1sen!2suk!4v1623345678909!5m2!1sen!2suk" width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
417
+ </div>
418
+ </div>
419
+ </div>
420
+ </div>
421
+ </section>
422
+
423
+ <!-- Footer -->
424
+ <footer class="bg-primary text-light py-8">
425
+ <div class="container mx-auto px-4">
426
+ <div class="flex flex-col md:flex-row justify-between items-center">
427
+ <div class="mb-4 md:mb-0">
428
+ <div class="flex items-center space-x-2">
429
+ <i data-feather="home" class="text-accent"></i>
430
+ <a href="index.html" class="text-xl font-serif font-bold">The Fox & Hounds</a>
431
+ </div>
432
+ <p class="text-sm mt-2">© 2023 The Fox & Hounds Acton Turville. All rights reserved.</p>
433
+ </div>
434
+
435
+ <div class="flex flex-col md:flex-row md:space-x-8 space-y-2 md:space-y-0 text-sm">
436
+ <a href="privacy.html" class="hover:text-accent transition">Privacy Policy</a>
437
+ <a href="terms.html" class="hover:text-accent transition">Terms of Service</a>
438
+ <a href="sitemap.html" class="hover:text-accent transition">Sitemap</a>
439
+ </div>
440
+ </div>
441
+ </div>
442
+ </footer>
443
+
444
+ <!-- Scripts -->
445
+ <script>
446
+ // Mobile menu toggle
447
+ document.getElementById('mobile-menu-button').addEventListener('click', function() {
448
+ const menu = document.getElementById('mobile-menu');
449
+ menu.classList.toggle('hidden');
450
+ });
451
+
452
+ // Initialize animations
453
+ AOS.init({
454
+ duration: 800,
455
+ easing: 'ease-in-out',
456
+ once: true
457
+ });
458
+
459
+ // Initialize feather icons
460
+ feather.replace();
461
+ </script>
462
+ </body>
463
  </html>
menu.html ADDED
@@ -0,0 +1,433 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Menu | The Fox & Hounds Acton Turville</title>
7
+ <meta name="description" content="Explore our delicious menu featuring locally sourced ingredients and traditional pub favorites at The Fox & Hounds.">
8
+ <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
9
+
10
+ <!-- Tailwind CSS -->
11
+ <script src="https://cdn.tailwindcss.com"></script>
12
+ <script>
13
+ tailwind.config = {
14
+ theme: {
15
+ extend: {
16
+ colors: {
17
+ primary: '#283618',
18
+ secondary: '#606C38',
19
+ accent: '#DDA15E',
20
+ light: '#FEFAE0',
21
+ dark: '#BC6C25'
22
+ },
23
+ fontFamily: {
24
+ sans: ['Montserrat', 'sans-serif'],
25
+ serif: ['Playfair Display', 'serif'],
26
+ },
27
+ }
28
+ }
29
+ }
30
+ </script>
31
+
32
+ <!-- Fonts -->
33
+ <link rel="preconnect" href="https://fonts.googleapis.com">
34
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
35
+ <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap" rel="stylesheet">
36
+
37
+ <!-- AOS Animation -->
38
+ <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
39
+ <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
40
+
41
+ <!-- Feather Icons -->
42
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
43
+ <script src="https://unpkg.com/feather-icons"></script>
44
+
45
+ <style>
46
+ .menu-hero {
47
+ background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('http://static.photos/food/1200x630/3');
48
+ background-size: cover;
49
+ background-position: center;
50
+ background-repeat: no-repeat;
51
+ }
52
+
53
+ .menu-category {
54
+ transition: all 0.3s ease;
55
+ }
56
+
57
+ .menu-category:hover {
58
+ transform: translateY(-5px);
59
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
60
+ }
61
+
62
+ .menu-item {
63
+ transition: all 0.3s ease;
64
+ }
65
+
66
+ .menu-item:hover {
67
+ background-color: rgba(221, 161, 94, 0.1);
68
+ }
69
+
70
+ .dietary-icon {
71
+ width: 20px;
72
+ height: 20px;
73
+ display: inline-flex;
74
+ align-items: center;
75
+ justify-content: center;
76
+ border-radius: 50%;
77
+ margin-right: 4px;
78
+ font-size: 10px;
79
+ font-weight: bold;
80
+ }
81
+ </style>
82
+ </head>
83
+ <body class="bg-light font-sans text-primary">
84
+ <!-- Navigation -->
85
+ <nav class="bg-primary text-light shadow-lg sticky top-0 z-50">
86
+ <div class="container mx-auto px-4 py-3">
87
+ <div class="flex justify-between items-center">
88
+ <div class="flex items-center space-x-2">
89
+ <i data-feather="home" class="text-accent"></i>
90
+ <a href="index.html" class="text-xl font-serif font-bold">The Fox & Hounds</a>
91
+ </div>
92
+
93
+ <!-- Mobile menu button -->
94
+ <div class="md:hidden">
95
+ <button id="mobile-menu-button" class="text-light focus:outline-none">
96
+ <i data-feather="menu"></i>
97
+ </button>
98
+ </div>
99
+
100
+ <!-- Desktop Menu -->
101
+ <div class="hidden md:flex space-x-8">
102
+ <a href="index.html" class="hover:text-accent transition">Home</a>
103
+ <a href="about.html" class="hover:text-accent transition">About</a>
104
+ <a href="menu.html" class="hover:text-accent transition">Menu</a>
105
+ <a href="events.html" class="hover:text-accent transition">Events</a>
106
+ <a href="gallery.html" class="hover:text-accent transition">Gallery</a>
107
+ <a href="contact.html" class="hover:text-accent transition">Contact</a>
108
+ </div>
109
+ </div>
110
+
111
+ <!-- Mobile Menu -->
112
+ <div id="mobile-menu" class="hidden md:hidden mt-4 pb-4">
113
+ <a href="index.html" class="block py-2 hover:text-accent transition">Home</a>
114
+ <a href="about.html" class="block py-2 hover:text-accent transition">About</a>
115
+ <a href="menu.html" class="block py-2 hover:text-accent transition">Menu</a>
116
+ <a href="events.html" class="block py-2 hover:text-accent transition">Events</a>
117
+ <a href="gallery.html" class="block py-2 hover:text-accent transition">Gallery</a>
118
+ <a href="contact.html" class="block py-2 hover:text-accent transition">Contact</a>
119
+ </div>
120
+ </div>
121
+ </nav>
122
+
123
+ <!-- Hero Section -->
124
+ <section class="menu-hero h-96 flex items-center justify-center text-center text-light">
125
+ <div class="container mx-auto px-4" data-aos="fade-up">
126
+ <h1 class="text-4xl md:text-5xl font-serif font-bold mb-4">Our Menu</h1>
127
+ <p class="text-xl md:text-2xl">Seasonal dishes made with locally sourced ingredients</p>
128
+ </div>
129
+ </section>
130
+
131
+ <!-- Menu Navigation -->
132
+ <section class="py-8 bg-secondary text-light sticky top-16 z-40 shadow-md">
133
+ <div class="container mx-auto px-4">
134
+ <div class="flex overflow-x-auto space-x-6 py-2 hide-scrollbar">
135
+ <a href="#starters" class="whitespace-nowrap hover:text-accent transition">Starters</a>
136
+ <a href="#mains" class="whitespace-nowrap hover:text-accent transition">Main Courses</a>
137
+ <a href="#desserts" class="whitespace-nowrap hover:text-accent transition">Desserts</a>
138
+ <a href="#sides" class="whitespace-nowrap hover:text-accent transition">Sides</a>
139
+ <a href="#drinks" class="whitespace-nowrap hover:text-accent transition">Drinks</a>
140
+ <a href="#wine" class="whitespace-nowrap hover:text-accent transition">Wine List</a>
141
+ <a href="#kids" class="whitespace-nowrap hover:text-accent transition">Kids Menu</a>
142
+ </div>
143
+ </div>
144
+ </section>
145
+
146
+ <!-- Menu Sections -->
147
+ <section class="py-16 bg-light">
148
+ <div class="container mx-auto px-4">
149
+ <!-- Starters -->
150
+ <div id="starters" class="mb-16" data-aos="fade-up">
151
+ <div class="flex items-center mb-8">
152
+ <h2 class="text-3xl font-serif font-bold">Starters</h2>
153
+ <div class="ml-4 w-16 h-px bg-accent"></div>
154
+ </div>
155
+
156
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
157
+ <!-- Starter 1 -->
158
+ <div class="bg-white p-6 rounded-lg shadow-md menu-category">
159
+ <div class="flex justify-between items-start mb-2">
160
+ <h3 class="text-xl font-serif font-bold">Homemade Scotch Egg</h3>
161
+ <span class="text-accent font-bold">£6.50</span>
162
+ </div>
163
+ <p class="text-gray-600 mb-3">Free-range egg wrapped in our special-recipe sausage meat, served with piccalilli</p>
164
+ <div class="flex">
165
+ <span class="dietary-icon bg-green-100 text-green-800">GF</span>
166
+ <span class="dietary-icon bg-blue-100 text-blue-800">DF</span>
167
+ </div>
168
+ </div>
169
+
170
+ <!-- Starter 2 -->
171
+ <div class="bg-white p-6 rounded-lg shadow-md menu-category">
172
+ <div class="flex justify-between items-start mb-2">
173
+ <h3 class="text-xl font-serif font-bold">Potted Duck</h3>
174
+ <span class="text-accent font-bold">£7.50</span>
175
+ </div>
176
+ <p class="text-gray-600 mb-3">Slow-cooked duck with orange and spices, served with toasted sourdough</p>
177
+ <div class="flex">
178
+ <span class="dietary-icon bg-yellow-100 text-yellow-800">N</span>
179
+ </div>
180
+ </div>
181
+
182
+ <!-- Starter 3 -->
183
+ <div class="bg-white p-6 rounded-lg shadow-md menu-category">
184
+ <div class="flex justify-between items-start mb-2">
185
+ <h3 class="text-xl font-serif font-bold">Soup of the Day</h3>
186
+ <span class="text-accent font-bold">£5.50</span>
187
+ </div>
188
+ <p class="text-gray-600 mb-3">Seasonal homemade soup served with crusty bread and butter</p>
189
+ <div class="flex">
190
+ <span class="dietary-icon bg-green-100 text-green-800">V</span>
191
+ <span class="dietary-icon bg-blue-100 text-blue-800">DF</span>
192
+ </div>
193
+ </div>
194
+
195
+ <!-- Starter 4 -->
196
+ <div class="bg-white p-6 rounded-lg shadow-md menu-category">
197
+ <div class="flex justify-between items-start mb-2">
198
+ <h3 class="text-xl font-serif font-bold">Baked Camembert</h3>
199
+ <span class="text-accent font-bold">£8.50</span>
200
+ </div>
201
+ <p class="text-gray-600 mb-3">Whole baked camembert with garlic, rosemary and honey, served with bread and crackers</p>
202
+ <div class="flex">
203
+ <span class="dietary-icon bg-green-100 text-green-800">V</span>
204
+ </div>
205
+ </div>
206
+ </div>
207
+ </div>
208
+
209
+ <!-- Mains -->
210
+ <div id="mains" class="mb-16" data-aos="fade-up">
211
+ <div class="flex items-center mb-8">
212
+ <h2 class="text-3xl font-serif font-bold">Main Courses</h2>
213
+ <div class="ml-4 w-16 h-px bg-accent"></div>
214
+ </div>
215
+
216
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
217
+ <!-- Main 1 -->
218
+ <div class="bg-white p-6 rounded-lg shadow-md menu-category">
219
+ <div class="flex justify-between items-start mb-2">
220
+ <h3 class="text-xl font-serif font-bold">Beef & Ale Pie</h3>
221
+ <span class="text-accent font-bold">£14.50</span>
222
+ </div>
223
+ <p class="text-gray-600 mb-3">Slow-cooked local beef in rich ale gravy, topped with flaky pastry, served with mash and seasonal vegetables</p>
224
+ <div class="flex">
225
+ <span class="dietary-icon bg-yellow-100 text-yellow-800">N</span>
226
+ </div>
227
+ </div>
228
+
229
+ <!-- Main 2 -->
230
+ <div class="bg-white p-6 rounded-lg shadow-md menu-category">
231
+ <div class="flex justify-between items-start mb-2">
232
+ <h3 class="text-xl font-serif font-bold">Pan-Fried Sea Bass</h3>
233
+ <span class="text-accent font-bold">£16.50</span>
234
+ </div>
235
+ <p class="text-gray-600 mb-3">Fresh sea bass with lemon butter sauce, crushed new potatoes and samphire</p>
236
+ <div class="flex">
237
+ <span class="dietary-icon bg-green-100 text-green-800">GF</span>
238
+ <span class="dietary-icon bg-blue-100 text-blue-800">DF</span>
239
+ </div>
240
+ </div>
241
+
242
+ <!-- Main 3 -->
243
+ <div class="bg-white p-6 rounded-lg shadow-md menu-category">
244
+ <div class="flex justify-between items-start mb-2">
245
+ <h3 class="text-xl font-serif font-bold">Wild Mushroom Risotto</h3>
246
+ <span class="text-accent font-bold">£13.50</span>
247
+ </div>
248
+ <p class="text-gray-600 mb-3">Creamy arborio rice with wild mushrooms, parmesan and truffle oil</p>
249
+ <div class="flex">
250
+ <span class="dietary-icon bg-green-100 text-green-800">V</span>
251
+ </div>
252
+ </div>
253
+
254
+ <!-- Main 4 -->
255
+ <div class="bg-white p-6 rounded-lg shadow-md menu-category">
256
+ <div class="flex justify-between items-start mb-2">
257
+ <h3 class="text-xl font-serif font-bold">Sunday Roast</h3>
258
+ <span class="text-accent font-bold">£15.50</span>
259
+ </div>
260
+ <p class="text-gray-600 mb-3">Slow-roasted beef, Yorkshire pudding, roast potatoes, seasonal vegetables and gravy</p>
261
+ <div class="flex">
262
+ <span class="dietary-icon bg-yellow-100 text-yellow-800">N</span>
263
+ </div>
264
+ </div>
265
+ </div>
266
+ </div>
267
+
268
+ <!-- Desserts -->
269
+ <div id="desserts" class="mb-16" data-aos="fade-up">
270
+ <div class="flex items-center mb-8">
271
+ <h2 class="text-3xl font-serif font-bold">Desserts</h2>
272
+ <div class="ml-4 w-16 h-px bg-accent"></div>
273
+ </div>
274
+
275
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
276
+ <!-- Dessert 1 -->
277
+ <div class="bg-white p-6 rounded-lg shadow-md menu-category">
278
+ <div class="flex justify-between items-start mb-2">
279
+ <h3 class="text-xl font-serif font-bold">Sticky Toffee Pudding</h3>
280
+ <span class="text-accent font-bold">£6.50</span>
281
+ </div>
282
+ <p class="text-gray-600 mb-3">Warm date sponge with toffee sauce and vanilla ice cream</p>
283
+ <div class="flex">
284
+ <span class="dietary-icon bg-yellow-100 text-yellow-800">N</span>
285
+ </div>
286
+ </div>
287
+
288
+ <!-- Dessert 2 -->
289
+ <div class="bg-white p-6 rounded-lg shadow-md menu-category">
290
+ <div class="flex justify-between items-start mb-2">
291
+ <h3 class="text-xl font-serif font-bold">Local Cheese Board</h3>
292
+ <span class="text-accent font-bold">£8.50</span>
293
+ </div>
294
+ <p class="text-gray-600 mb-3">Selection of three local cheeses with crackers, chutney and grapes</p>
295
+ <div class="flex">
296
+ <span class="dietary-icon bg-green-100 text-green-800">V</span>
297
+ </div>
298
+ </div>
299
+
300
+ <!-- Dessert 3 -->
301
+ <div class="bg-white p-6 rounded-lg shadow-md menu-category">
302
+ <div class="flex justify-between items-start mb-2">
303
+ <h3 class="text-xl font-serif font-bold">Chocolate Brownie</h3>
304
+ <span class="text-accent font-bold">£6.00</span>
305
+ </div>
306
+ <p class="text-gray-600 mb-3">Rich chocolate brownie with chocolate sauce and clotted cream</p>
307
+ <div class="flex">
308
+ <span class="dietary-icon bg-yellow-100 text-yellow-800">N</span>
309
+ </div>
310
+ </div>
311
+
312
+ <!-- Dessert 4 -->
313
+ <div class="bg-white p-6 rounded-lg shadow-md menu-category">
314
+ <div class="flex justify-between items-start mb-2">
315
+ <h3 class="text-xl font-serif font-bold">Eton Mess</h3>
316
+ <span class="text-accent font-bold">£5.50</span>
317
+ </div>
318
+ <p class="text-gray-600 mb-3">Classic combination of meringue, strawberries and cream</p>
319
+ <div class="flex">
320
+ <span class="dietary-icon bg-yellow-100 text-yellow-800">N</span>
321
+ </div>
322
+ </div>
323
+ </div>
324
+ </div>
325
+
326
+ <!-- Sides -->
327
+ <div id="sides" class="mb-16" data-aos="fade-up">
328
+ <div class="flex items-center mb-8">
329
+ <h2 class="text-3xl font-serif font-bold">Sides</h2>
330
+ <div class="ml-4 w-16 h-px bg-accent"></div>
331
+ </div>
332
+
333
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
334
+ <!-- Side 1 -->
335
+ <div class="bg-white p-6 rounded-lg shadow-md menu-category">
336
+ <div class="flex justify-between items-start mb-2">
337
+ <h3 class="text-xl font-serif font-bold">Hand-cut Chips</h3>
338
+ <span class="text-accent font-bold">£3.50</span>
339
+ </div>
340
+ <p class="text-gray-600 mb-3">Thick-cut chips cooked in beef dripping</p>
341
+ <div class="flex">
342
+ <span class="dietary-icon bg-yellow-100 text-yellow-800">N</span>
343
+ </div>
344
+ </div>
345
+
346
+ <!-- Side 2 -->
347
+ <div class="bg-white p-6 rounded-lg shadow-md menu-category">
348
+ <div class="flex justify-between items-start mb-2">
349
+ <h3 class="text-xl font-serif font-bold">Seasonal Vegetables</h3>
350
+ <span class="text-accent font-bold">£3.00</span>
351
+ </div>
352
+ <p class="text-gray-600 mb-3">Selection of market-fresh seasonal vegetables</p>
353
+ <div class="flex">
354
+ <span class="dietary-icon bg-green-100 text-green-800">V</span>
355
+ <span class="dietary-icon bg-blue-100 text-blue-800">DF</span>
356
+ </div>
357
+ </div>
358
+
359
+ <!-- Side 3 -->
360
+ <div class="bg-white p-6 rounded-lg shadow-md menu-category">
361
+ <div class="flex justify-between items-start mb-2">
362
+ <h3 class="text-xl font-serif font-bold">Garlic Bread</h3>
363
+ <span class="text-accent font-bold">£3.00</span>
364
+ </div>
365
+ <p class="text-gray-600 mb-3">Freshly baked garlic bread with parsley butter</p>
366
+ <div class="flex">
367
+ <span class="dietary-icon bg-green-100 text-green-800">V</span>
368
+ </div>
369
+ </div>
370
+
371
+ <!-- Side 4 -->
372
+ <div class="bg-white p-6 rounded-lg shadow-md menu-category">
373
+ <div class="flex justify-between items-start mb-2">
374
+ <h3 class="text-xl font-serif font-bold">Side Salad</h3>
375
+ <span class="text-accent font-bold">£3.00</span>
376
+ </div>
377
+ <p class="text-gray-600 mb-3">Mixed leaves with cherry tomatoes, cucumber and balsamic dressing</p>
378
+ <div class="flex">
379
+ <span class="dietary-icon bg-green-100 text-green-800">V</span>
380
+ <span class="dietary-icon bg-blue-100 text-blue-800">DF</span>
381
+ </div>
382
+ </div>
383
+ </div>
384
+ </div>
385
+
386
+ <!-- Dietary Key -->
387
+ <div class="bg-primary text-light p-6 rounded-lg mb-16" data-aos="fade-up">
388
+ <h3 class="text-xl font-serif font-bold mb-4">Dietary Information</h3>
389
+ <div class="grid grid-cols-2 md:grid-cols-4 gap-4">
390
+ <div class="flex items-center">
391
+ <span class="dietary-icon bg-green-100 text-green-800">V</span>
392
+ <span class="ml-2">Vegetarian</span>
393
+ </div>
394
+ <div class="flex items-center">
395
+ <span class="dietary-icon bg-blue-100 text-blue-800">DF</span>
396
+ <span class="ml-2">Dairy Free</span>
397
+ </div>
398
+ <div class="flex items-center">
399
+ <span class="dietary-icon bg-yellow-100 text-yellow-800">N</span>
400
+ <span class="ml-2">Contains Nuts</span>
401
+ </div>
402
+ <div class="flex items-center">
403
+ <span class="dietary-icon bg-green-100 text-green-800">GF</span>
404
+ <span class="ml-2">Gluten Free</span>
405
+ </div>
406
+ </div>
407
+ <p class="mt-4 text-sm">Please inform your server of any allergies or dietary requirements. While we take every care to avoid cross-contamination, we cannot guarantee that any dish is completely free from any allergen.</p>
408
+ </div>
409
+
410
+ <!-- Download Menu -->
411
+ <div class="text-center" data-aos="fade-up">
412
+ <a href="#" class="inline-block bg-accent hover:bg-dark text-light font-bold py-3 px-8 rounded-full transition duration-300">
413
+ <div class="flex items-center">
414
+ <i data-feather="download" class="mr-2"></i>
415
+ Download Full Menu (PDF)
416
+ </div>
417
+ </a>
418
+ </div>
419
+ </div>
420
+ </section>
421
+
422
+ <!-- Footer -->
423
+ <footer class="bg-primary text-light py-8">
424
+ <div class="container mx-auto px-4">
425
+ <div class="flex flex-col md:flex-row justify-between items-center">
426
+ <div class="mb-4 md:mb-0">
427
+ <div class="flex items-center space-x-2">
428
+ <i data-feather="home" class="text-accent"></i>
429
+ <a href="index.html" class="text-xl font-serif font-bold">The Fox & Hounds</a>
430
+ </div>
431
+ <p class="text-sm mt-2">© 2023 The Fox & Hounds Act
432
+ </body>
433
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ Please make this website way better than it is https://foxandhoundsactonturvilledotorg.wordpress.com/?fbclid=IwdGRjcAMnPz9jbGNrAyc_OWV4dG4DYWVtAjExAAEermHz6YaTYK52UM3GOMEEkZuE-D4haz_7XtuEcEq31nFQcfSB9_kEl_0LlGk_aem_NFy_h0WaQuzosgEJEGBSfA