forked from colin/resume
127 lines
5.0 KiB
HTML
127 lines
5.0 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-Y+6RTuKMnPfNa1TjCQCcFhxwo0G+xNy7t1MaAvn5SuU=">
|
|
<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>
|
|
</div>
|
|
|
|
<hr>
|
|
|
|
<section class="pricing-section">
|
|
<div class="pricing-grid">
|
|
<div class="pricing-card">
|
|
<h3>20-Hour Consulting Pack (Prepaid Discount)</h3>
|
|
<p>For larger initiatives. This is a prepaid discount service—buy 20 hours at a time to save on per-hour rates. Adjust quantity to add multiple packs. Pricing and taxes are shown on Stripe at checkout.</p>
|
|
<ul class="pricing-features">
|
|
<li>Architecture and implementation guidance</li>
|
|
<li>Async research between sessions as needed</li>
|
|
<li>Weekly summary with clear next steps</li>
|
|
</ul>
|
|
<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>Get expert guidance on AI-enabled products and workflows. 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>
|
|
<ul class="pricing-features">
|
|
<li>AI risk assessments and vulnerability audits</li>
|
|
<li>Bespoke AI toolbuilding for your specific needs</li>
|
|
<li>Feasibility studies, vendor proposal audits, and risk/ROI assessments</li>
|
|
<li>Architecture, prompt/system design, and automation mapping</li>
|
|
</ul>
|
|
<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>
|
|
|