harb/landing/public/pitch-deck.html

496 lines
16 KiB
HTML
Raw Permalink Normal View History

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>KrAIken ($KRK) — Protocol Overview</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
--bg: #07111B;
--surface: rgba(255,255,255,0.04);
--border: rgba(255,255,255,0.08);
--text: #E6E6E6;
--text-muted: rgba(240,240,240,0.7);
--accent: #4FC3F7;
--accent-dim: rgba(79,195,247,0.15);
}
html { font-size: 16px; }
body {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
background: var(--bg);
color: var(--text);
line-height: 1.6;
-webkit-font-smoothing: antialiased;
}
.slide {
min-height: 100vh;
max-width: 960px;
margin: 0 auto;
padding: 80px 48px;
display: flex;
flex-direction: column;
justify-content: center;
page-break-after: always;
}
.slide:last-child { page-break-after: avoid; }
h1 { font-size: 3rem; font-weight: 700; letter-spacing: -0.02em; margin-bottom: 24px; }
h2 { font-size: 2rem; font-weight: 600; letter-spacing: -0.01em; margin-bottom: 20px; }
h3 { font-size: 1.25rem; font-weight: 600; margin-bottom: 12px; }
p { color: var(--text-muted); font-size: 1.125rem; margin-bottom: 16px; max-width: 680px; }
.lead { font-size: 1.35rem; line-height: 1.5; }
.tag {
display: inline-block;
background: var(--accent-dim);
color: var(--accent);
font-size: 0.8rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.08em;
padding: 6px 14px;
border-radius: 20px;
margin-bottom: 20px;
}
.grid { display: grid; gap: 24px; margin-top: 32px; }
.grid-3 { grid-template-columns: repeat(3, 1fr); }
.grid-2 { grid-template-columns: repeat(2, 1fr); }
.card {
background: var(--surface);
border: 1px solid var(--border);
border-radius: 12px;
padding: 28px 24px;
}
.card h3 { color: var(--accent); }
.card p { font-size: 1rem; margin-bottom: 0; }
.step-number {
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
background: var(--accent-dim);
color: var(--accent);
font-weight: 700;
border-radius: 50%;
margin-bottom: 12px;
font-size: 1rem;
}
.formula {
background: var(--surface);
border: 1px solid var(--border);
border-radius: 8px;
padding: 20px 28px;
font-family: 'Courier New', monospace;
font-size: 1.1rem;
color: var(--accent);
display: inline-block;
margin: 16px 0;
}
.highlight-box {
border-left: 3px solid var(--accent);
padding: 16px 24px;
background: var(--surface);
border-radius: 0 8px 8px 0;
margin: 24px 0;
}
.highlight-box p { margin-bottom: 0; }
.comparison-table {
width: 100%;
border-collapse: collapse;
margin-top: 24px;
font-size: 1rem;
}
.comparison-table th,
.comparison-table td {
text-align: left;
padding: 14px 16px;
border-bottom: 1px solid var(--border);
}
.comparison-table th {
color: var(--text-muted);
font-weight: 500;
font-size: 0.85rem;
text-transform: uppercase;
letter-spacing: 0.06em;
}
.comparison-table td:first-child { font-weight: 500; }
.yes { color: var(--accent); }
.no { color: rgba(240,240,240,0.3); }
.cta-block {
margin-top: 40px;
padding: 32px;
background: var(--surface);
border: 1px solid var(--border);
border-radius: 12px;
text-align: center;
}
.cta-block a {
display: inline-block;
background: var(--accent);
color: var(--bg);
font-weight: 600;
text-decoration: none;
padding: 14px 32px;
border-radius: 8px;
font-size: 1rem;
margin-top: 16px;
}
a { color: var(--accent); }
.footer-note {
margin-top: 48px;
padding-top: 24px;
border-top: 1px solid var(--border);
font-size: 0.85rem;
color: rgba(240,240,240,0.4);
}
@media (max-width: 768px) {
.slide { padding: 48px 24px; }
h1 { font-size: 2rem; }
h2 { font-size: 1.5rem; }
.grid-3, .grid-2 { grid-template-columns: 1fr; }
.lead { font-size: 1.1rem; }
}
@media print {
body { background: white; color: #111; }
.slide { padding: 48px 32px; min-height: auto; height: 100vh; }
.card, .highlight-box, .cta-block, .formula { border-color: #ccc; background: #f8f8f8; }
.tag { background: #e0f0ff; color: #0066aa; }
.card h3, .accent, .yes, .formula { color: #0077bb; }
.step-number { background: #e0f0ff; color: #0077bb; }
p, .comparison-table th { color: #444; }
.no { color: #bbb; }
.footer-note { color: #999; border-top-color: #ddd; }
a { color: #0066aa; }
.cta-block a { background: #0077bb; color: white; }
}
</style>
</head>
<body>
<!-- SLIDE 1: Title -->
<section class="slide">
<span class="tag">Protocol Overview</span>
<h1>KrAIken ($KRK)</h1>
<p class="lead">
A DeFi token with a price floor backed by real ETH.
No rug pulls. No promises. Programmatic guarantees enforced by immutable smart contracts.
</p>
<p>Built on Base (Ethereum L2) &middot; Traded on Uniswap V3</p>
</section>
<!-- SLIDE 2: The Problem -->
<section class="slide">
<span class="tag">The Problem</span>
<h2>Most DeFi tokens have no bottom</h2>
<p class="lead">
When sentiment turns, there is nothing stopping a token from going to zero.
Liquidity disappears, holders are left with worthless bags, and the project is dead.
</p>
<div class="highlight-box">
<p><strong>What if every token had a minimum redemption price backed by actual ETH reserves?</strong></p>
</div>
<p>
KrAIken solves this with a protocol-managed floor price. Every $KRK token is backed
by ETH locked in smart contracts. You can always redeem at or above the floor.
</p>
</section>
<!-- SLIDE 3: How the Floor Works -->
<section class="slide">
<span class="tag">Core Mechanism</span>
<h2>The Floor: How It Works</h2>
<p>
The protocol holds ETH in a Uniswap V3 concentrated liquidity position.
This ETH backing creates a minimum redemption price for every $KRK token:
</p>
<div class="formula">floor price = ETH reserves &divide; total KRK supply</div>
<p>
The floor is enforced by immutable smart contracts &mdash; not promises, not multisigs, not teams.
A programmatic guarantee.
</p>
<div class="highlight-box">
<p>
<strong>Asymmetric slippage:</strong> The protocol's three-position liquidity layout means
buys push the price up more than sells push it down. With balanced trading,
ETH accumulates structurally, raising the floor over time.
</p>
</div>
</section>
<!-- SLIDE 4: Three-Position Liquidity -->
<section class="slide">
<span class="tag">Liquidity Architecture</span>
<h2>Self-Adjusting Liquidity</h2>
<p>
The LiquidityManager deploys ETH across three Uniswap V3 positions, each serving a distinct purpose:
</p>
<div class="grid grid-3">
<div class="card">
<h3>Floor</h3>
<p>Deep liquidity at VWAP-adjusted prices. The safety net that backs every token.</p>
</div>
<div class="card">
<h3>Anchor</h3>
<p>Near current price. Handles active trading with concentrated liquidity for fast price discovery.</p>
</div>
<div class="card">
<h3>Discovery</h3>
<p>Wide range above current price. Captures upside and manages supply expansion during demand.</p>
</div>
</div>
<p style="margin-top:24px">
The protocol recenters all three positions atomically &mdash; no human triggers needed.
An on-chain optimizer reads staking sentiment to adjust positioning automatically.
</p>
</section>
<!-- SLIDE 5: Three User Funnels -->
<section class="slide">
<span class="tag">User Funnels</span>
<h2>Three Ways to Participate</h2>
<div class="grid grid-3">
<div class="card">
<div class="step-number">1</div>
<h3>Hold</h3>
<p>
Buy $KRK and hold. The floor gives you asymmetric downside protection &mdash;
your tokens always have a minimum ETH value. The protocol does the rest.
</p>
</div>
<div class="card">
<div class="step-number">2</div>
<h3>Stake</h3>
<p>
Stake $KRK for leveraged directional exposure. Declare a tax rate to claim
a share of the staking pool. When someone buys KRK, stakers get a proportional share.
</p>
</div>
<div class="card">
<div class="step-number">3</div>
<h3>Compete</h3>
<p>
Find underpriced staking positions and snatch them. Challenge positions by committing
to a higher tax rate. The displaced staker gets paid out at full market value.
</p>
</div>
</div>
</section>
<!-- SLIDE 6: How to Buy -->
<section class="slide">
<span class="tag">Get Started</span>
<h2>How to Buy $KRK</h2>
<div class="grid grid-2">
<div>
<div class="card" style="margin-bottom: 24px">
<div class="step-number">1</div>
<h3>Set Up</h3>
<p>Get a Web3 wallet (MetaMask, Coinbase Wallet, etc.) with ETH on the <strong>Base</strong> network.</p>
</div>
<div class="card" style="margin-bottom: 24px">
<div class="step-number">2</div>
<h3>Swap</h3>
<p>Go to <strong>kraiken.org</strong> and click "Get $KRK". This takes you to Uniswap on Base with the right pair pre-selected.</p>
</div>
<div class="card">
<div class="step-number">3</div>
<h3>Done</h3>
<p>Your $KRK is in your wallet. It's backed by the floor from the moment you hold it. No staking required to benefit from the floor.</p>
</div>
</div>
<div>
<div class="highlight-box">
<h3>Network: Base (Ethereum L2)</h3>
<p>Low gas fees. Fast confirmations. Add Base to your wallet at <strong>chainlist.org</strong>.</p>
</div>
<div class="highlight-box" style="margin-top:16px">
<h3>Pool: KRK/WETH (1% fee tier)</h3>
<p>The protocol's dominant liquidity position on Uniswap V3. All trading flows through this pool.</p>
</div>
</div>
</div>
</section>
<!-- SLIDE 7: How to Stake -->
<section class="slide">
<span class="tag">Staking</span>
<h2>How to Stake $KRK</h2>
<p>Staking is optional. It gives you leveraged exposure to protocol growth via Harberger tax mechanics.</p>
<div class="grid grid-2">
<div>
<div class="card" style="margin-bottom:24px">
<div class="step-number">1</div>
<h3>Open the Staking App</h3>
<p>Go to <strong>kraiken.org/app/stake</strong> and connect your wallet.</p>
</div>
<div class="card" style="margin-bottom:24px">
<div class="step-number">2</div>
<h3>Choose Amount &amp; Tax Rate</h3>
<p>Pick how much KRK to stake and your yearly tax rate. Higher rate = more expensive to hold, but harder for others to challenge your position.</p>
</div>
<div class="card">
<div class="step-number">3</div>
<h3>Confirm &amp; Earn</h3>
<p>Approve the transaction. You now hold staking slots. When new KRK is minted (from buys), you receive a proportional share.</p>
</div>
</div>
<div>
<div class="highlight-box">
<h3>Harberger Tax Mechanics</h3>
<p>
Your tax rate serves two purposes: it's the cost of holding your position,
and it's a signal to the protocol. High aggregate staking + low taxes =
community confidence = the optimizer positions liquidity more aggressively.
</p>
</div>
<div class="highlight-box" style="margin-top:16px">
<h3>Challenges Are Fair</h3>
<p>
If someone snatches your position, you receive the full market value
of your staked tokens, including any earnings. You can always re-stake.
</p>
</div>
</div>
</div>
</section>
<!-- SLIDE 8: Why the Floor Matters -->
<section class="slide">
<span class="tag">Value Proposition</span>
<h2>Why the Floor Matters</h2>
<p class="lead">
The floor creates asymmetric risk: limited downside, full upside exposure.
</p>
<div class="grid grid-2">
<div class="card">
<h3>For Holders</h3>
<p>
Your tokens always have a minimum ETH value. Even in a bear market,
the floor gives you a redemption price that no other DeFi token offers.
You don't need to trust anyone &mdash; the contracts are immutable and verifiable.
</p>
</div>
<div class="card">
<h3>For Traders</h3>
<p>
The floor acts as a known support level. Price discovery happens above the floor,
with the protocol's asymmetric slippage structurally favoring accumulation
during balanced trading activity.
</p>
</div>
</div>
<div class="highlight-box" style="margin-top:24px">
<p>
<strong>No rug pulls possible.</strong> Liquidity is locked in smart contracts.
There is no admin function to drain the pool. The LiquidityManager address
is set once on the token contract and cannot be changed.
</p>
</div>
</section>
<!-- SLIDE 9: Comparison -->
<section class="slide">
<span class="tag">Differentiators</span>
<h2>KrAIken vs. Typical DeFi Tokens</h2>
<table class="comparison-table">
<thead>
<tr>
<th>Feature</th>
<th>Typical DeFi Token</th>
<th>$KRK</th>
</tr>
</thead>
<tbody>
<tr>
<td>ETH-backed floor price</td>
<td class="no">No</td>
<td class="yes">Yes &mdash; every token backed by real ETH</td>
</tr>
<tr>
<td>Liquidity management</td>
<td class="no">Manual / third-party</td>
<td class="yes">Autonomous, on-chain, sentiment-driven</td>
</tr>
<tr>
<td>Rug-pull protection</td>
<td class="no">Trust the team</td>
<td class="yes">Immutable contracts, no admin drain</td>
</tr>
<tr>
<td>Supply mechanics</td>
<td class="no">Fixed or inflationary</td>
<td class="yes">Elastic &mdash; mint on buy, burn on sell</td>
</tr>
<tr>
<td>Community sentiment</td>
<td class="no">Ignored</td>
<td class="yes">Staking rates feed the optimizer directly</td>
</tr>
<tr>
<td>Upside exposure</td>
<td>Full</td>
<td class="yes">Full &mdash; plus floor-backed downside protection</td>
</tr>
</tbody>
</table>
</section>
<!-- SLIDE 10: CTA -->
<section class="slide">
<span class="tag">Next Steps</span>
<h2>Get Involved</h2>
<p class="lead">
KrAIken is live on Base. The protocol is transparent, the contracts are verifiable,
and the floor is real.
</p>
<div class="cta-block">
<h3>Start here</h3>
<p style="color:var(--text-muted);max-width:none">Buy $KRK, explore the protocol dashboard, or dive into the docs.</p>
<a href="https://kraiken.org">kraiken.org</a>
</div>
<div class="grid grid-3" style="margin-top:32px">
<div class="card" style="text-align:center">
<h3>Buy $KRK</h3>
<p>kraiken.org/app/get-krk</p>
</div>
<div class="card" style="text-align:center">
<h3>Stake</h3>
<p>kraiken.org/app/stake</p>
</div>
<div class="card" style="text-align:center">
<h3>Community</h3>
<p>t.me/kraikenportal</p>
</div>
</div>
<div class="footer-note">
<p>
This document is for informational purposes only. $KRK is an unaudited DeFi protocol.
The floor price can decrease under heavy sell pressure. Staking involves leveraged exposure
with real downside risk. Only use funds you are comfortable risking.
Smart contracts are verifiable on Basescan.
</p>
</div>
</section>
</body>
</html>