export default {
async fetch(request, env, ctx) {
const html = `
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PMCEO | Pelayo Medical Cannabis Education & Outreach</title>
<style>
:root {
--navy: #1a365d;
--sage: #4a7c6e;
--gold: #b8974d;
--light-gray: #f4f7f6;
--text: #2d3748;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
background-color: white;
color: var(--text);
line-height: 1.6;
display: flex;
align-items: center;
justify-content: center;
min-height: 100vh;
padding: 20px;
}
.wrapper {
max-width: 900px;
width: 100%;
text-align: center;
}
.logo-section {
margin-bottom: 40px;
}
.icon-box {
font-size: 64px;
margin-bottom: 15px;
color: var(--navy);
}
.sdvob-tag {
display: inline-block;
background: var(--navy);
color: white;
padding: 6px 16px;
border-radius: 4px;
font-size: 12px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 20px;
}
h1 {
font-size: 2.5rem;
color: var(--navy);
line-height: 1.2;
margin-bottom: 10px;
font-weight: 800;
}
.tagline {
font-size: 1.25rem;
color: var(--sage);
font-weight: 500;
margin-bottom: 50px;
}
.grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
margin-bottom: 50px;
}
.card {
background: var(--light-gray);
padding: 30px;
border-radius: 12px;
border-bottom: 4px solid transparent;
transition: transform 0.2s ease;
text-align: left;
}
.card:hover {
border-bottom: 4px solid var(--sage);
transform: translateY(-5px);
}
.card h3 {
color: var(--navy);
margin-bottom: 10px;
font-size: 1.1rem;
}
.card p {
font-size: 0.95rem;
color: #4a5568;
}
.cta {
border-top: 1px solid #e2e8f0;
padding-top: 40px;
margin-top: 40px;
}
.status-pill {
display: inline-block;
background: #e6fffa;
color: #2c7a7b;
padding: 4px 12px;
border-radius: 20px;
font-size: 14px;
font-weight: 600;
margin-bottom: 20px;
}
footer {
margin-top: 50px;
font-size: 13px;
color: #718096;
}
a { color: var(--navy); text-decoration: none; font-weight: 600; }
@media (max-width: 600px) {
h1 { font-size: 1.8rem; }
}
</style>
</head>
<body>
<div class="wrapper">
<div class="logo-section">
<div class="icon-box">🛡️</div>
<div class="sdvob-tag">Service-Disabled Veteran-Owned Business</div>
<h1>Pelayo Medical Cannabis Education & Outreach</h1>
<p class="tagline">Clinical Excellence. Veteran Integrity. Community Equity.</p>
</div>
<div class="grid">
<div class="card">
<h3>Veteran Outreach</h3>
<p>Deploying the "Veteran-to-Veteran" trust model to bridge the gap between VA care and medical cannabis education.</p>
</div>
<div class="card">
<h3>Clinical Education</h3>
<p>Evidence-based curriculum designed for healthcare practitioners and patients in New York State.</p>
</div>
<div class="card">
<h3>Health Equity</h3>
<p>Providing actionable resources and workshops within OCM-designated Social & Economic Equity (SEE) zones.</p>
</div>
</div>
<div class="cta">
<div class="status-pill">System Deployment: Phase 1 (Spring 2026)</div>
<p>PMCEO is currently preparing documentation for <strong>NYS OCM RFP #OCM-2026-04</strong>.</p>
<p style="margin-top: 15px;">Official Inquiries: <a href="mailto:info@pmceoutreach.org">info@pmceoutreach.org</a></p>
</div>
<footer>
© 2026 Pelayo Medical Cannabis Education & Outreach (PMCEO).<br>
A Veteran-Owned Clinical Initiative. All rights reserved.
</footer>
</div>
</body>
</html>
`;
return new Response(html, {
headers: {
"content-type": "text/html;charset=UTF-8",
},
});
},
};