-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathabout.html
More file actions
270 lines (257 loc) · 13.5 KB
/
Copy pathabout.html
File metadata and controls
270 lines (257 loc) · 13.5 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="images/logo-mmv4.svg">
<link rel="shortcut icon" href="images/logo-mmv4.svg">
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta name="description" content="Learn the story behind Moni's Munchies — homemade bakery in Port Huron, MI, founded by Monica and Brandon Worobi."/>
<title>About Us — Moni's Munchies</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Fredoka+One&family=Nunito:wght@400;600;700;800;900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/style.css?v=3">
</head>
<body>
<!-- MARQUEE -->
<div class="marquee-bar" aria-hidden="true">
<div class="marquee-inner">
<span>🍪 FRESH BAKED IN PORT HURON, MI</span><span class="m-star">✦</span>
<span>COOKIES • BROWNIES • MUFFINS • DRY MIXES</span><span class="m-star">✦</span>
<span>CUSTOM ORDERS AVAILABLE</span><span class="m-star">✦</span>
<span>FIND US AT LOCAL FARMERS MARKETS</span><span class="m-star">✦</span>
<span>🍪 FRESH BAKED IN PORT HURON, MI</span><span class="m-star">✦</span>
<span>COOKIES • BROWNIES • MUFFINS • DRY MIXES</span><span class="m-star">✦</span>
<span>CUSTOM ORDERS AVAILABLE</span><span class="m-star">✦</span>
<span>FIND US AT LOCAL FARMERS MARKETS</span><span class="m-star">✦</span>
</div>
</div>
<!-- NAV -->
<nav class="site-nav" role="navigation" aria-label="Main navigation">
<a href="index.html" class="nav-logo"><img src="images/logo-mmv4.svg" alt="Moni's Munchies" class="nav-logo-img"></a>
<ul class="nav-links">
<li><a href="shop.html">Shop</a></li>
<li><a href="events.html">Events</a></li>
<li class="nav-dropdown">
<a href="about.html">About</a>
<div class="nav-dropdown-menu">
<a href="about.html">💜 About Us</a>
<a href="monis-table.html">🍽️ Moni's Table</a>
</div>
</li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="contact.html">Contact</a></li>
<li class="nav-order-dropdown">
<a href="order.html" class="nav-cta">Order Now ✦</a>
<div class="nav-order-menu">
<a href="order.html">📋 Menu Order</a>
<a href="custom-order.html">✨ Custom Order</a>
</div>
</li>
</ul>
<button class="nav-hamburger" aria-label="Open menu" aria-expanded="false">
<span></span><span></span><span></span>
</button>
</nav>
<nav class="nav-mobile" aria-label="Mobile navigation">
<a href="shop.html">🍪 Shop</a>
<a href="events.html">📍 Events</a>
<a href="about.html">💜 About Us</a>
<a href="monis-table.html">🍽️ Moni's Table</a>
<a href="order.html">📋 Menu Order</a>
<a href="custom-order.html">✨ Custom Order</a>
<a href="faq.html">❓ FAQ</a>
<a href="contact.html">📬 Contact</a>
</nav>
<!-- PAGE HEADER -->
<div class="page-header">
<div class="page-header-grid" aria-hidden="true"></div>
<span class="section-label">✦ Our Story</span>
<h1>Baked with <span class="text-pink glow-pink">Heart</span></h1>
<p>A little bit of love, a lot of butter, and a community that keeps coming back for more.</p>
</div>
<!-- OUR STORY -->
<section>
<div class="container">
<div class="about-grid">
<div class="about-img-placeholder fade-up">
<span>🧁</span>
<p>Photo Coming Soon</p>
</div>
<div class="about-text fade-up">
<span class="section-label">✦ Where It All Started</span>
<h2 class="section-title">From Hobby to <span class="accent">Community</span></h2>
<div class="divider"></div>
<p>Moni's Munchies started the way all great things do — with a love for baking and neighbors who kept asking for "just one more" cookie.</p>
<p>What began as weekend batches for family turned into something bigger when friends started placing requests, then coworkers, then the whole neighborhood. It wasn't long before Monica realized she wasn't just baking for fun anymore — she was building something.</p>
<p>Today, Moni's Munchies serves Port Huron and surrounding communities through farmers markets, local events, and direct orders. Every single item is still made by hand, in the same kitchen where it all started.</p>
</div>
</div>
</div>
</section>
<!-- VALUES -->
<section class="section-dark">
<div class="container">
<div class="text-center" style="margin-bottom: 3rem;">
<span class="section-label">✦ What We Believe</span>
<h2 class="section-title">Our <span class="accent">Values</span></h2>
<div class="divider centered"></div>
</div>
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 2rem;">
<div class="team-card fade-up" style="text-align: left;">
<div style="font-size: 2.5rem; margin-bottom: 1rem;">🏡</div>
<h3 style="font-size: 1.2rem; margin-bottom: 0.5rem;">Homemade Always</h3>
<p style="color: var(--text-muted); font-size: 0.92rem; line-height: 1.7;">No shortcuts. No preservatives. Every product is made from scratch in a real kitchen, by real hands, with real care. We believe you can taste the difference.</p>
</div>
<div class="team-card fade-up" style="text-align: left;">
<div style="font-size: 2.5rem; margin-bottom: 1rem;">💜</div>
<h3 style="font-size: 1.2rem; margin-bottom: 0.5rem;">Community First</h3>
<p style="color: var(--text-muted); font-size: 0.92rem; line-height: 1.7;">We're not a faceless brand — we're your neighbors. We show up at local markets, take pride in Port Huron, and believe in supporting the people around us.</p>
</div>
<div class="team-card fade-up" style="text-align: left;">
<div style="font-size: 2.5rem; margin-bottom: 1rem;">✨</div>
<h3 style="font-size: 1.2rem; margin-bottom: 0.5rem;">Quality Over Quantity</h3>
<p style="color: var(--text-muted); font-size: 0.92rem; line-height: 1.7;">We keep a tight, thoughtful menu so every item gets the attention it deserves. We'd rather do 10 things great than 50 things okay.</p>
</div>
<div class="team-card fade-up" style="text-align: left;">
<div style="font-size: 2.5rem; margin-bottom: 1rem;">🎉</div>
<h3 style="font-size: 1.2rem; margin-bottom: 0.5rem;">Fun & Family-Friendly</h3>
<p style="color: var(--text-muted); font-size: 0.92rem; line-height: 1.7;">Baked goods are meant to bring people together. We're playful, approachable, and love seeing our cookies show up at birthday parties, family dinners, and farmers markets.</p>
</div>
</div>
</div>
</section>
<!-- MEET THE TEAM -->
<section>
<div class="container">
<div class="text-center" style="margin-bottom: 3rem;">
<span class="section-label">✦ The People Behind the Bakes</span>
<h2 class="section-title">Meet the <span class="accent">Team</span></h2>
<div class="divider centered"></div>
</div>
<div class="team-grid">
<div class="team-card fade-up">
<div class="team-avatar">🧑🍳</div>
<div class="team-name">Monica Worobi</div>
<div class="team-role">CEO & Head Baker</div>
<p class="team-bio">Monica is the heart and hands behind every batch. If it's coming out of the oven, she's the one who made it — and made it right. Her passion for baking is matched only by her commitment to quality and her love for this community.</p>
</div>
<div class="team-card fade-up">
<div class="team-avatar">💼</div>
<div class="team-name">Brandon Worobi</div>
<div class="team-role">COO & Operations</div>
<p class="team-bio">Brandon keeps the business side running — from systems and marketing to this very website. As Monica's partner and co-owner, he makes sure that everything behind the scenes is as dialed-in as the baked goods out front.</p>
</div>
</div>
</div>
</section>
<!-- MICHIGAN MADE -->
<div class="trust-bar">
<div class="trust-grid" style="max-width: 760px;">
<div class="trust-item fade-up">
<div class="trust-icon" style="color: var(--blue);">📍</div>
<h4>Port Huron, MI</h4>
<p>Proudly serving our community and the surrounding St. Clair County area</p>
</div>
<div class="trust-item fade-up">
<div class="trust-icon" style="color: var(--yellow);">🏡</div>
<h4>Michigan Cottage Food</h4>
<p>Operating legally under Michigan's Cottage Food Law — safe, inspected, and community-licensed</p>
</div>
<div class="trust-item fade-up">
<div class="trust-icon" style="color: var(--pink);">🎪</div>
<h4>Markets & Events</h4>
<p>Follow us on Facebook to see where we'll be set up next</p>
</div>
</div>
</div>
<!-- CTA -->
<section>
<div class="container">
<div class="cta-banner fade-up">
<h2>Ready to Try Something <span class="text-pink">Delicious?</span></h2>
<p>Browse the full menu or place a custom order today. We can't wait to bake for you.</p>
<div style="display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap;">
<a href="shop.html" class="btn btn-primary">Browse the Shop</a>
<a href="order.html" class="btn btn-secondary">Place a Custom Order</a>
</div>
</div>
</div>
</section>
<!-- FOOTER -->
<footer class="site-footer">
<div class="footer-body">
<div class="footer-grid">
<div class="footer-col">
<h5>The Basics</h5>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="shop.html">Shop</a></li>
<li><a href="events.html">Events</a></li>
<li><a href="custom-order.html">Custom Order</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="faq.html">FAQ</a></li>
</ul>
</div>
<div class="footer-col">
<h5>The Goods</h5>
<ul>
<li><a href="shop.html">Cookies</a></li>
<li><a href="shop.html">Pastries</a></li>
<li><a href="shop.html">Brownies</a></li>
<li><a href="shop.html">Muffins</a></li>
<li><a href="shop.html">Dry Mixes</a></li>
</ul>
</div>
<div class="footer-col">
<h5>New Phone, Who this?</h5>
<ul>
<li><a href="contact.html">Contact</a></li>
<li><a href="monis-table.html">Moni's Table</a></li>
<li><a href="mailto:orders@monismunchies.com">orders@monismunchies.com</a></li>
<li><a href="https://facebook.com/monismunchies" target="_blank" rel="noopener">Facebook Page</a></li>
<li class="footer-coming-soon">Discord Server <em>(coming soon)</em></li>
</ul>
</div>
<div class="footer-col">
<h5>Important Stuff!</h5>
<ul>
<li><a href="labels.html">Product Labels</a></li>
<li><a href="brand.html">Brand</a></li>
<li><a href="privacy.html">Privacy Policy</a></li>
<li><a href="legal.html">Legal Mumbo-Jumbo</a></li>
<li><a href="https://www.michigan.gov/mdard/food-safety/cottage-food-law" target="_blank" rel="noopener">Michigan Cottage Food Law ↗</a></li>
</ul>
</div>
</div>
<div class="cottage-notice">
⚠️ <strong>Michigan Cottage Food Notice:</strong> Products sold by Moni's Munchies are made in a home kitchen not inspected by the Michigan Department of Agriculture and Rural Development. This operation complies with Michigan's Cottage Food Law. Products may contain common allergens including wheat, eggs, dairy, and tree nuts.
</div>
</div>
<div class="footer-bottom">
<p>© 2026 Moni's Munchies · Port Huron, MI</p>
<div class="footer-links">
<a href="brand.html">Brand</a>
<a href="privacy.html">Privacy Policy</a>
<a href="contact.html">Contact</a>
</div>
</div>
</footer>
<!-- Newsletter popup -->
<div id="newsletter-popup" class="newsletter-popup" role="dialog" aria-modal="true" aria-label="Newsletter signup">
<div class="popup-card">
<button class="popup-close" aria-label="Close popup">×</button>
<div class="popup-icon" aria-hidden="true">🍪</div>
<h3 class="popup-title">Want <span class="accent">Sweet</span> Alerts?</h3>
<p class="popup-desc">New flavors, market dates, secret drops — straight to your inbox. Zero spam.</p>
<form id="popup-signup-form" novalidate>
<input type="text" name="fname" placeholder="First name (optional)" class="form-input popup-input" autocomplete="given-name">
<input type="email" name="email" placeholder="Your email address" class="form-input popup-input" required autocomplete="email">
<button type="submit" class="btn btn-primary btn-block" style="margin-top: 0.75rem;">Yes! Keep Me Posted ✦</button>
</form>
<button class="popup-skip" onclick="document.getElementById('newsletter-popup').classList.remove('visible'); localStorage.setItem('mm_popup_dismissed', Date.now());">No thanks, I'll miss out</button>
</div>
</div>
<script src="js/config.js?v=3"></script>
<script src="js/main.js?v=3"></script>
</body>
</html>