<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>Midwest Crown Partners | Ben Kendzicky</title>
<meta name="description" content="Midwest Crown Partners (MCP) — restaurant operations and stewardship. Ben Kendzicky." />
<meta property="og:title" content="Midwest Crown Partners" />
<meta property="og:description" content="Restaurant operations and stewardship." />
<meta property="og:type" content="website" />
<meta name="theme-color" content="#0b0b0b" />
<style>
:root{
--bg:#0b0b0b;
--card:#111111;
--text:#f5f5f5;
--muted:#b9b9b9;
--line:#242424;
--accent:#ffffff;
--shadow: 0 10px 30px rgba(0,0,0,.35);
--radius: 18px;
--max: 980px;
}
*{box-sizing:border-box}
body{
margin:0;
font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
background: radial-gradient(1200px 600px at 50% -10%, rgba(255,255,255,.12), transparent 55%),
radial-gradient(900px 500px at 0% 20%, rgba(255,255,255,.06), transparent 55%),
var(--bg);
color:var(--text);
line-height:1.55;
}
a{color:var(--text); text-decoration:none}
a:hover{opacity:.9}
.wrap{
max-width:var(--max);
margin:0 auto;
padding:42px 20px 70px;
}
header{
display:flex;
justify-content:space-between;
align-items:center;
gap:18px;
margin-bottom:28px;
}
.brand{
display:flex;
align-items:center;
gap:14px;
min-width:220px;
}
.logo{
width:54px;
height:54px;
border-radius:14px;
background:#fff;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
box-shadow: var(--shadow);
}
.logo img{width:100%; height:100%; object-fit:contain; padding:8px; background:#fff;}
.brand h1{
font-size:16px;
margin:0;
letter-spacing:.2px;
}
.brand p{
margin:2px 0 0;
font-size:13px;
color:var(--muted);
}
nav{
display:flex;
gap:16px;
flex-wrap:wrap;
justify-content:flex-end;
}
nav a{
font-size:13px;
color:var(--muted);
padding:8px 10px;
border:1px solid transparent;
border-radius:999px;
}
nav a:hover{
color:var(--text);
border-color:var(--line);
background:rgba(255,255,255,.04);
}
.hero{
border:1px solid var(--line);
border-radius:var(--radius);
background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
box-shadow: var(--shadow);
padding:34px 28px;
display:grid;
gap:18px;
margin-bottom:18px;
}
.kicker{
display:inline-flex;
gap:10px;
align-items:center;
color:var(--muted);
font-size:13px;
letter-spacing:.2px;
}
.dot{
width:8px;height:8px;border-radius:99px;background:#7CFF9E;
box-shadow:0 0 0 6px rgba(124,255,158,.12);
}
.hero h2{
font-size:40px;
margin:0;
letter-spacing:-.6px;
line-height:1.1;
}
.hero .sub{
color:var(--muted);
max-width:72ch;
margin:0;
font-size:16px;
}
.ctaRow{
display:flex;
gap:12px;
flex-wrap:wrap;
margin-top:6px;
}
.btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;
border-radius:12px;
padding:12px 14px;
border:1px solid var(--line);
background:rgba(255,255,255,.04);
color:var(--text);
font-size:14px;
font-weight:600;
cursor:pointer;
}
.btn.primary{
background:var(--accent);
color:#111;
border-color:transparent;
}
.btn.primary:hover{filter:brightness(.95)}
.btn:hover{background:rgba(255,255,255,.06)}
.grid{
display:grid;
grid-template-columns: 1.2fr .8fr;
gap:16px;
margin-top:16px;
}
@media (max-width: 900px){
.grid{grid-template-columns:1fr}
.hero h2{font-size:34px}
}
.card{
border:1px solid var(--line);
border-radius:var(--radius);
background:rgba(17,17,17,.72);
box-shadow: var(--shadow);
padding:22px;
}
.card h3{
margin:0 0 8px;
font-size:16px;
letter-spacing:.2px;
}
.card p{
margin:0;
color:var(--muted);
font-size:14px;
}
.list{
margin:12px 0 0;
padding:0;
list-style:none;
display:grid;
gap:10px;
}
.list li{
padding:12px 12px;
border:1px solid var(--line);
border-radius:14px;
background:rgba(255,255,255,.03);
display:flex;
justify-content:space-between;
gap:14px;
align-items:center;
}
.list strong{font-size:14px}
.list span{color:var(--muted); font-size:13px}
.pill{
border:1px solid var(--line);
padding:6px 10px;
border-radius:999px;
font-size:12px;
color:var(--muted);
background:rgba(255,255,255,.03);
white-space:nowrap;
}
footer{
margin-top:26px;
color:var(--muted);
font-size:12px;
display:flex;
justify-content:space-between;
gap:12px;
flex-wrap:wrap;
padding:0 6px;
}
.fine a{color:var(--muted); text-decoration:underline; text-underline-offset:3px}
</style>
</head>
<body>
<div class="wrap">
<header>
<div class="brand">
<div class="logo">
<!-- Put your MCP logo file in the same folder and name it mcp-logo.png -->
<img src="mcp-logo.png" alt="MCP Logo" />
</div>
<div>
<h1>Midwest Crown Partners</h1>
<p>Ben Kendzicky</p>
</div>
</div>
<nav>
<a href="#about">About</a>
<a href="#locations">Locations</a>
<a href="#hiring">Hiring</a>
<a href="#contact">Contact</a>
</nav>
</header>
<section class="hero" id="top">
<div class="kicker"><span class="dot"></span> Privately held restaurant operating company</div>
<h2>Midwest Crown Partners</h2>
<p class="sub">
MCP is focused on operating and strengthening quick-service restaurant locations through disciplined execution,
strong teams, and long-term stewardship.
</p>
<div class="ctaRow">
<!-- TODO: replace this with your real hiring page link -->
<a class="btn primary" id="hiringBtn" href="https://olivia.paradox.ai/co/MidwestCrownPartnersBurgerKing/Jobs" target="_blank" rel="noopener">
View Open Roles
</a>
<a class="btn" href="mailto:ben@midwestcrownpartners.com">Email Ben</a>
</div>
<div class="kicker" style="margin-top:6px;">
Tip: You can update this site anytime by re-deploying a new index.html
</div>
</section>
<section class="grid">
<div class="card" id="about">
<h3>About</h3>
<p>
Midwest Crown Partners is an operator-led organization dedicated to building durable restaurant operations.
We prioritize hospitality, operational excellence, and smart reinvestment to support teams and guests.
</p>
<ul class="list" style="margin-top:14px;">
<li><strong>Operations</strong><span>Multi-unit oversight and execution</span><span class="pill">QSR</span></li>
<li><strong>People</strong><span>Training, accountability, culture</span><span class="pill">Team First</span></li>
<li><strong>Reinvestment</strong><span>Brand elevation and asset care</span><span class="pill">Long-term</span></li>
</ul>
</div>
<div class="card" id="hiring">
<h3>Hiring</h3>
<p>
We’re always looking for strong managers and team members. Use the hiring page to see current openings and apply.
</p>
<div class="ctaRow" style="margin-top:12px;">
<a class="btn primary" href="https://YOUR-HIRING-LINK-HERE" target="_blank" rel="noopener">Go to Hiring Page</a>
<a class="btn" href="#contact">Contact</a>
</div>
<p style="margin-top:12px; font-size:12px; color:var(--muted);">
If you don’t have a hiring link yet, tell me what you use (Indeed, TalentReef, BK Careers, etc.) and I’ll wire it in.
</p>
</div>
</section>
<section class="card" id="locations" style="margin-top:16px;">
<h3>Store Locations</h3>
<p>Current locations (Southeast Michigan):</p>
<ul class="list">
<li><strong>Brighton</strong><span class="pill">Burger King</span></li>
<li><strong>Howell</strong><span class="pill">Burger King</span></li>
<li><strong>Highland</strong><span class="pill">Burger King</span></li>
<li><strong>Commerce</strong><span class="pill">Burger King</span></li>
<li><strong>Farmington</strong><span class="pill">Burger King</span></li>
</ul>
<p style="margin-top:12px; font-size:12px; color:var(--muted);">
Want these as clickable Google Maps links? Send me the addresses and I’ll update the code.
</p>
</section>
<section class="card" id="contact" style="margin-top:16px;">
<h3>Contact</h3>
<p>
<strong>Email:</strong> <a href="mailto:ben@midwestcrownpartners.com">ben@midwestcrownpartners.com</a>
</p>
<p style="margin-top:10px; font-size:12px; color:var(--muted);">
© <span id="year"></span> Midwest Crown Partners. All rights reserved.
</p>
</section>
<footer>
<div class="fine">Built for MCP • Simple landing page</div>
<div class="fine"><a href="#top">Back to top</a></div>
</footer>
</div>
<script>
document.getElementById("year").textContent = new Date().getFullYear();
</script>
</body>
</html>