-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
378 lines (343 loc) · 18.3 KB
/
index.html
File metadata and controls
378 lines (343 loc) · 18.3 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
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>The Culinary Guild</title>
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Source+Sans+Pro:wght@400;700&display=swap" rel="stylesheet">
</head>
<body>
<!-- NAVBAR -->
<nav class="navbar">
<h2 class="logo">🍽️ The Culinary Guild</h2>
<ul class="nav-links">
<li><a href="index.html" class="active">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<!-- HERO -->
<header class="hero">
<div class="slides">
<div class="slide active">
<img src="catering-service.webp" alt="Catering Service">
</div>
<div class="slide">
<img src="1c682c1e2eb0b78a.jpeg" alt="Food Buffet">
</div>
<div class="slide">
<img src="GES624-Catering-Professional-935x572.jpg" alt="Professional Catering">
</div>
</div>
<div class="hero-text">
<h1>Welcome to The Culinary Guild</h1>
<p>Empowering Caterers & Serving the Community in Kenya</p>
<a href="services.html">Explore Services</a>
<a href="contact.html">Join the Guild</a>
</div>
</header>
<main>
<hr>
<!-- INTRO STATEMENT -->
<section class="intro-section">
<div class="section-header">
<h2>Kenya's Premier Catering Network</h2>
<p>The Culinary Guild is more than a catering company — it is a thriving community of professional caterers, culinary educators, and event specialists united to raise the standard of food service across Nairobi and beyond.</p>
</div>
<div class="stats-row">
<div class="stat-box">
<span class="stat-num">500+</span>
<span class="stat-label">Events Catered</span>
</div>
<div class="stat-box">
<span class="stat-num">50+</span>
<span class="stat-label">Guild Members</span>
</div>
<div class="stat-box">
<span class="stat-num">15+</span>
<span class="stat-label">Professional Chefs</span>
</div>
<div class="stat-box">
<span class="stat-num">98%</span>
<span class="stat-label">Client Satisfaction</span>
</div>
</div>
</section>
<hr>
<!-- ABOUT PREVIEW -->
<section class="about-preview">
<div class="about-preview-grid">
<div class="about-preview-text">
<div class="section-header">
<h2>About The Culinary Guild</h2>
<p>Founded in 2026 by a group of passionate food professionals, the Culinary Guild was built to support the growing catering industry in Kenya.</p>
</div>
<p class="about-body">Our mission is to connect chefs, caterers, and food enthusiasts — giving every member the tools, training, and community they need to thrive. We believe in the power of food to bring people together, and we are committed to raising the standard of culinary excellence across the country.</p>
<div class="about-values">
<div class="about-value-item">
<span class="value-icon">❤️</span>
<div>
<strong>Passion</strong>
<p>Cooking should be enjoyable, rewarding, and shared.</p>
</div>
</div>
<div class="about-value-item">
<span class="value-icon">🌍</span>
<div>
<strong>Community</strong>
<p>A welcoming space where food professionals connect and grow together.</p>
</div>
</div>
<div class="about-value-item">
<span class="value-icon">⭐</span>
<div>
<strong>Quality</strong>
<p>High standards in every dish, every event, every interaction.</p>
</div>
</div>
</div>
<a href="about.html" class="about-preview-link">Read Our Full Story</a>
</div>
<div class="about-preview-cards">
<div class="about-highlight-card dark">
<span class="highlight-icon">📖</span>
<h3>Our Story</h3>
<p>Started by food lovers who saw a gap in how caterers collaborated and grew their businesses in Kenya.</p>
</div>
<div class="about-highlight-card orange">
<span class="highlight-icon">🎯</span>
<h3>Our Mission</h3>
<p>To provide a platform for food professionals to connect, share expertise, and build sustainable catering businesses.</p>
</div>
<div class="about-highlight-card dark">
<span class="highlight-icon">👥</span>
<h3>Our Team</h3>
<p>A diverse group of professional chefs, food educators, and business mentors — all united behind one goal.</p>
</div>
</div>
</div>
</section>
<hr>
<!-- WHY CHOOSE US -->
<section class="why-section">
<div class="section-header">
<h2>Why Choose The Culinary Guild?</h2>
<p>Whether you are a client looking to hire or a caterer looking to grow, the Guild has something for you.</p>
</div>
<div class="why-grid">
<div class="why-card">
<span class="why-icon">🤝</span>
<h3>A Trusted Network</h3>
<p>Every Guild member is vetted and held to strict quality standards, so clients always get reliable, professional service and caterers always work alongside trusted peers.</p>
</div>
<div class="why-card">
<span class="why-icon">📡</span>
<h3>Lead Sharing System</h3>
<p>Our private "Overflow" board means no lead ever goes to waste. Members pass on bookings they can't fulfill, so clients are always matched with someone who can serve them.</p>
</div>
<div class="why-card">
<span class="why-icon">🎓</span>
<h3>Continuous Education</h3>
<p>From hands-on plating workshops to food safety certifications, Guild members are always growing — and clients benefit from a team that is always improving.</p>
</div>
<div class="why-card">
<span class="why-icon">🍽️</span>
<h3>Fresh, Quality Ingredients</h3>
<p>We source only the finest locally available produce and ingredients, ensuring every dish we serve is as fresh and flavourful as possible.</p>
</div>
<div class="why-card">
<span class="why-icon">🔧</span>
<h3>Professional Equipment</h3>
<p>Guild members have access to a shared library of premium catering equipment — from chafing sets to crystal glassware — so every event is set up for success.</p>
</div>
<div class="why-card">
<span class="why-icon">⏰</span>
<h3>Timely & Reliable</h3>
<p>Punctuality and professionalism are non-negotiable in the Guild. Every member commits to showing up prepared, on time, every time.</p>
</div>
</div>
</section>
<hr>
<!-- WHAT WE OFFER -->
<section class="offer-section">
<div class="section-header">
<h2>What We Offer</h2>
<p>Four core pillars that power the Guild — for caterers and clients alike.</p>
</div>
<!-- Lead Sharing -->
<div class="offer-block dark">
<div class="offer-text">
<h3>📡 The Lead Sharing Network</h3>
<p>Never turn away a client again. Our private "Overflow" system lets Guild members pass leads they can't fulfill to trusted peers — so every event gets covered and every caterer builds reputation.</p>
<div class="process-steps">
<div class="step">
<span class="step-num">01</span>
<h4>Post Lead</h4>
<p>Share event details to the member board.</p>
</div>
<div class="step">
<span class="step-num">02</span>
<h4>Peer Match</h4>
<p>An available member claims the job.</p>
</div>
<div class="step">
<span class="step-num">03</span>
<h4>Earn Credit</h4>
<p>Build your reputation for future referrals.</p>
</div>
</div>
</div>
<a href="services.html" class="offer-link">Learn More</a>
</div>
<!-- Guild Education -->
<div class="offer-block light">
<div class="offer-text">
<h3>🎓 Guild Education</h3>
<p>Master your craft through professional mentorship and certification. Our education programme covers everything from advanced food presentation to business management for caterers.</p>
<div class="education-grid home-edu-grid">
<div class="edu-card">
<div class="edu-content">
<span class="edu-category">Workshop</span>
<h3>Plating & Presentation</h3>
<p>A hands-on masterclass on modern food styling and high-end banquet aesthetics.</p>
<span class="edu-date">Next Session: April 15th</span>
</div>
<a href="services.html" class="edu-link">Enroll Now</a>
</div>
<div class="edu-card">
<div class="edu-content">
<span class="edu-category">Certification</span>
<h3>Food Safety Standards</h3>
<p>Earn your Guild-Certified Health & Safety badge to display on your client proposals.</p>
<span class="edu-date">Online & Practical</span>
</div>
<a href="services.html" class="edu-link">Get Certified</a>
</div>
<div class="edu-card">
<div class="edu-content">
<span class="edu-category">Business</span>
<h3>Catering Accounting</h3>
<p>Learn how to price your menus for profit and manage large-scale event budgets.</p>
<span class="edu-date">Member Exclusive</span>
</div>
<a href="services.html" class="edu-link">Enroll Now</a>
</div>
</div>
</div>
<a href="services.html" class="offer-link">View All Courses</a>
</div>
<!-- Equipment Library -->
<div class="offer-block dark">
<div class="offer-text">
<h3>🔧 The Equipment Library</h3>
<p>Professional assets available for member rental. Stop turning down large events because of equipment gaps — the Guild library has you covered.</p>
<div class="inventory-grid">
<div class="item-card">
<span class="badge">Available</span>
<h3>Industrial Chafing Set</h3>
<span class="price">Ksh 500 / Day</span>
<a href="services.html" class="btn-outline">Reserve Gear</a>
</div>
<div class="item-card">
<span class="badge">Available</span>
<h3>Crystal Glassware (50pc)</h3>
<span class="price">Ksh 2,500 / Day</span>
<a href="services.html" class="btn-outline">Reserve Gear</a>
</div>
<div class="item-card">
<span class="badge">Available</span>
<h3>Premium Table Linens</h3>
<span class="price">Ksh 150 / Piece</span>
<a href="services.html" class="btn-outline">Reserve Gear</a>
</div>
</div>
</div>
<a href="services.html" class="offer-link">Browse Library</a>
</div>
<!-- Caterer Directory -->
<div class="offer-block light">
<div class="offer-text">
<h3>🔍 Hire a Guild Caterer</h3>
<p>Browse our directory of vetted, certified Guild members. Every caterer listed has passed our quality review and is ready to make your event exceptional.</p>
<div class="caterer-grid">
<article class="caterer-card">
<div class="card-info">
<span class="tag">Wedding & Gala</span>
<h3>Savory Harmony</h3>
<p>Specialists in Swahili-Fusion fine dining for weddings and upscale galas.</p>
<a href="services.html" class="btn-solid">View Profile</a>
</div>
</article>
<article class="caterer-card">
<div class="card-info">
<span class="tag">Corporate</span>
<h3>The Executive Table</h3>
<p>High-efficiency catering for board meetings, conferences, and corporate functions.</p>
<a href="services.html" class="btn-solid">View Profile</a>
</div>
</article>
</div>
</div>
<a href="services.html" class="offer-link">See Full Directory</a>
</div>
</section>
<hr>
<!-- TESTIMONIALS -->
<section>
<div class="section-header">
<h2>What Our Clients Say</h2>
<p>Real experiences from people and businesses we've served across Nairobi.</p>
</div>
<blockquote>
<p>"The food was absolutely amazing! Our wedding guests could not stop complimenting the meals. The Guild's team went above and beyond every expectation."</p>
<footer>— Sarah M., Wedding Client</footer>
</blockquote>
<blockquote>
<p>"Very professional and punctual. The Culinary Guild made our company event a huge success. We'll be using them for all future corporate functions."</p>
<footer>— James K., Corporate Client</footer>
</blockquote>
<blockquote>
<p>"Best private dinner experience I have ever had. The chef was incredible and the presentation was world-class. Highly recommend!"</p>
<footer>— Amina W., Private Dinner Client</footer>
</blockquote>
</section>
<hr>
<!-- CALL TO ACTION -->
<section class="cta-section">
<div class="section-header">
<h2>Ready to Get Started?</h2>
<p>Whether you're planning an event or looking to grow your catering business, the Guild is your next step.</p>
</div>
<div class="cta-buttons">
<a href="contact.html" class="cta-primary">Book an Event</a>
<a href="services.html" class="cta-secondary">Join the Guild</a>
</div>
</section>
</main>
<!-- FOOTER -->
<footer class="footer">
<div class="footer-content">
<p>📍 Nairobi, Kenya</p>
<p>📞 +254 743 993 715</p>
<p>✉️ info@culinaryguild.co.ke</p>
<p>© 2026 The Culinary Guild. All rights reserved.</p>
</div>
</footer>
<script>
const slides = document.querySelectorAll('.slide');
let current = 0;
function showSlide(index) {
slides.forEach(slide => slide.classList.remove('active'));
slides[index].classList.add('active');
}
function nextSlide() {
current = (current + 1) % slides.length;
showSlide(current);
}
setInterval(nextSlide, 3000);
</script>
</body>
</html>