resume/docker/resume/consulting-packs.html

118 lines
4.4 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="noindex, nofollow">
<meta name="description" content="Colin Knapp - Private Consulting Packs">
<title>Consulting Packs (Private) - Colin Knapp</title>
<link rel="icon" type="image/x-icon" href="favicon.ico">
<link rel="stylesheet" href="styles.css" integrity="sha256-mjzh8Lh0zDbg3xduiLiH6jR4dfkgwJKGGoF2jAOY/AI=">
<script src="theme.js" integrity="sha256-+dDNTo7WAOmn2YC875+vn9oH4UkMwlVOGlARp2uq3A4="></script>
<script src="includes.js" integrity="sha256-0VPPSi+jVc1DuyZaSYTq+fnpIfv7ft+ZDenYE6pDPqA="></script>
<style>
.pricing-section {
padding: 2rem 0;
}
.pricing-grid {
display: grid;
grid-template-columns: 1fr;
gap: 1.5rem;
margin: 2rem 0;
}
@media (min-width: 900px) {
.pricing-grid {
grid-template-columns: repeat(2, 1fr);
}
}
.pricing-card {
border: 1px solid var(--border-color);
border-radius: 12px;
padding: 1.5rem;
background: var(--card-bg);
box-shadow: 0 1px 2px rgba(0,0,0,0.04);
}
.pricing-card h3 {
margin: 0 0 0.5rem 0;
color: var(--text-color);
}
.pricing-card p {
margin: 0.5rem 0;
color: var(--text-secondary);
}
.pricing-features {
margin: 0.75rem 0 1rem 1.5rem;
color: var(--text-secondary);
}
.pricing-features li {
margin: 0.25rem 0;
}
.cta-row {
margin-top: 1rem;
}
.btn-consulting {
display: inline-block;
padding: 0.75rem 1.5rem;
background-color: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 600;
transition: background-color 0.2s;
}
.btn-consulting:hover {
background-color: var(--accent-hover);
}
.intro-section {
margin: 2rem 0;
text-align: center;
color: var(--text-secondary);
}
</style>
</head>
<body>
<!-- Header Include -->
<div id="header-include"></div>
<div class="container-fluid" role="main" id="main-content">
<div class="intro-section">
<h1>Consulting Packs</h1>
<p>This page is unlisted. For specialized work only.</p>
<p>Architecture and implementation guidance. Async research between sessions as needed. Weekly summary with clear next steps.</p>
<p>We offer AI risk assessments and help with bespoke AI toolbuilding. Building AI tooling that ensures you have xray vision into the things you need done in your segment of the world—we want to help you realise your <span id="current-year"></span> cyborg potential.</p>
</div>
<hr>
<section class="pricing-section">
<div class="pricing-grid">
<div class="pricing-card">
<h3>20-Hour Pack (Prepaid Discount)</h3>
<p>Buy 20 hours at a time to save on per-hour rates. Pricing and taxes shown at checkout.</p>
<div class="cta-row">
<a class="btn-consulting" href="https://buy.stripe.com/3cI4gybxh3WI8H27ox4ko0J" target="_blank" rel="nofollow noopener">Buy 20-Hour Pack</a>
</div>
</div>
<div class="pricing-card">
<h3>AI Consultation (1 Hour)</h3>
<p>AI risk assessments, bespoke toolbuilding, feasibility studies, and architecture guidance.</p>
<div class="cta-row">
<a class="btn-consulting" href="https://buy.stripe.com/8x29ASgRB3WI8H26kt4ko0N" target="_blank" rel="nofollow noopener">Book AI Consultation</a>
</div>
</div>
</div>
</section>
</div>
<!-- Footer Include -->
<div id="footer-include"></div>
<script>
// Set current year dynamically
document.getElementById('current-year').textContent = new Date().getFullYear();
</script>
</body>
</html>