Oliver
595 lines
25 KiB
HTML
595 lines
25 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
|
|
<!-- ── SEO ───────────────────────────────────────────────── -->
|
|
<title>Affiliate Program — derez.ai</title>
|
|
<meta
|
|
name="description"
|
|
content="Partner with derez.ai. Earn commissions on referrals and integration signups. Two ways to earn from one audience."
|
|
/>
|
|
<meta name="robots" content="index, follow" />
|
|
<link rel="canonical" href="https://derez.ai/affiliate.html" />
|
|
|
|
<!-- ── OG ─────────────────────────────────────────────────── -->
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:url" content="https://derez.ai/affiliate.html" />
|
|
<meta property="og:title" content="Affiliate Program — derez.ai" />
|
|
<meta
|
|
property="og:description"
|
|
content="Partner with derez.ai. Earn commissions on referrals and integration signups. Two ways to earn from one audience."
|
|
/>
|
|
<meta property="og:image" content="https://derez.ai/og-image.png" />
|
|
<meta property="og:site_name" content="derez.ai" />
|
|
|
|
<!-- ── Twitter ────────────────────────────────────────────── -->
|
|
<meta name="twitter:card" content="summary_large_image" />
|
|
<meta name="twitter:title" content="Affiliate Program — derez.ai" />
|
|
<meta
|
|
name="twitter:description"
|
|
content="Partner with derez.ai. Earn commissions on referrals and integration signups. Two ways to earn from one audience."
|
|
/>
|
|
|
|
<!-- ── Stylesheet ─────────────────────────────────────────── -->
|
|
<link rel="stylesheet" href="assets/css/style.css" />
|
|
|
|
<!-- ── Page-specific styles ───────────────────────────────── -->
|
|
<style>
|
|
/* Override body top padding for fixed header */
|
|
body {
|
|
padding-top: 60px;
|
|
}
|
|
|
|
/* ── Hero ────────────────────────────────────────────── */
|
|
.affiliate-hero {
|
|
padding: 100px 0 60px;
|
|
text-align: center;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.affiliate-hero::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: -30%;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
width: 90%;
|
|
height: 140%;
|
|
background: radial-gradient(
|
|
ellipse at center,
|
|
rgba(0, 245, 255, 0.05) 0%,
|
|
transparent 65%
|
|
);
|
|
pointer-events: none;
|
|
}
|
|
.affiliate-hero h1 {
|
|
font-size: clamp(2.2rem, 5.5vw, 3.8rem);
|
|
font-weight: 700;
|
|
letter-spacing: -0.02em;
|
|
line-height: 1.2;
|
|
margin-bottom: 16px;
|
|
max-width: 820px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
.hero-badges {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
gap: 12px;
|
|
flex-wrap: wrap;
|
|
margin-bottom: 8px;
|
|
}
|
|
.affiliate-hero h1 .highlight {
|
|
background: linear-gradient(135deg, var(--accent), #66e5ff);
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
background-clip: text;
|
|
}
|
|
.affiliate-hero p {
|
|
font-size: clamp(1rem, 2vw, 1.2rem);
|
|
max-width: 620px;
|
|
margin: 0 auto;
|
|
line-height: 1.7;
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
/* ── Section ─────────────────────────────────────────── */
|
|
.affiliate-section {
|
|
padding: 80px 0;
|
|
}
|
|
.affiliate-section h2 {
|
|
font-size: clamp(1.6rem, 3.5vw, 2.4rem);
|
|
font-weight: 700;
|
|
letter-spacing: -0.02em;
|
|
line-height: 1.2;
|
|
margin-bottom: 16px;
|
|
}
|
|
.affiliate-section h2 .highlight {
|
|
background: linear-gradient(135deg, var(--accent), #66e5ff);
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
background-clip: text;
|
|
}
|
|
.affiliate-section > p {
|
|
color: var(--text-muted);
|
|
max-width: 700px;
|
|
margin-bottom: 16px;
|
|
font-size: 14px;
|
|
line-height: 1.6;
|
|
}
|
|
|
|
/* ── Card Grid ───────────────────────────────────────── */
|
|
.card-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
|
|
gap: 20px;
|
|
margin: 32px 0;
|
|
}
|
|
.card-grid .card {
|
|
background: var(--bg-card);
|
|
border: 1px solid var(--border);
|
|
border-radius: var(--radius-card);
|
|
padding: 28px;
|
|
transition: border-color 0.2s;
|
|
}
|
|
.card-grid .card:hover {
|
|
border-color: var(--border-hi);
|
|
}
|
|
.card-grid .card h3 {
|
|
font-size: 1.1rem;
|
|
font-weight: 700;
|
|
letter-spacing: -0.02em;
|
|
margin-bottom: 10px;
|
|
}
|
|
.card-grid .card p {
|
|
color: var(--text-muted);
|
|
font-size: 14px;
|
|
line-height: 1.6;
|
|
margin: 0;
|
|
}
|
|
|
|
/* ── Highlight box ───────────────────────────────────── */
|
|
.highlight-box {
|
|
background: var(--bg-card);
|
|
border: 1px solid var(--border);
|
|
border-left: 3px solid var(--success);
|
|
border-radius: var(--radius-card);
|
|
padding: 24px 28px;
|
|
margin: 32px 0;
|
|
}
|
|
.highlight-box h3 {
|
|
font-size: 1rem;
|
|
font-weight: 700;
|
|
color: var(--success);
|
|
margin-bottom: 8px;
|
|
}
|
|
.highlight-box p {
|
|
color: var(--text-muted);
|
|
font-size: 14px;
|
|
line-height: 1.6;
|
|
margin: 0;
|
|
}
|
|
|
|
/* ── Bullet list ─────────────────────────────────────── */
|
|
.affiliate-list {
|
|
list-style: none;
|
|
margin: 0 0 24px;
|
|
}
|
|
.affiliate-list li {
|
|
padding: 8px 0 8px 24px;
|
|
position: relative;
|
|
color: var(--text-muted);
|
|
font-size: 14px;
|
|
line-height: 1.6;
|
|
}
|
|
.affiliate-list li::before {
|
|
content: "";
|
|
position: absolute;
|
|
left: 0;
|
|
top: 15px;
|
|
width: 8px;
|
|
height: 8px;
|
|
border-radius: 2px;
|
|
background: var(--accent);
|
|
opacity: 0.5;
|
|
}
|
|
.affiliate-list li strong {
|
|
color: var(--text);
|
|
}
|
|
|
|
/* ── CTA section ─────────────────────────────────────── */
|
|
.cta-section {
|
|
text-align: center;
|
|
padding: 80px 0;
|
|
border-top: 1px solid var(--border);
|
|
}
|
|
.cta-section h2 {
|
|
font-size: clamp(1.6rem, 3.5vw, 2.4rem);
|
|
font-weight: 700;
|
|
letter-spacing: -0.02em;
|
|
margin-bottom: 12px;
|
|
line-height: 1.2;
|
|
}
|
|
.cta-section h2 .highlight {
|
|
background: linear-gradient(135deg, var(--accent), #66e5ff);
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
background-clip: text;
|
|
}
|
|
.cta-section p {
|
|
color: var(--text-muted);
|
|
font-size: 14px;
|
|
max-width: 560px;
|
|
margin: 0 auto 12px;
|
|
line-height: 1.6;
|
|
}
|
|
.cta-actions {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
gap: 14px;
|
|
flex-wrap: wrap;
|
|
margin-top: 28px;
|
|
}
|
|
|
|
/* ── Responsive ──────────────────────────────────────── */
|
|
@media (max-width: 700px) {
|
|
.affiliate-hero {
|
|
padding: 80px 0 40px;
|
|
}
|
|
.affiliate-section {
|
|
padding: 50px 0;
|
|
}
|
|
.cta-section {
|
|
padding: 50px 0;
|
|
}
|
|
}
|
|
</style>
|
|
|
|
<!-- ── Plausible Analytics ───────────────────────────────── -->
|
|
<script
|
|
defer
|
|
data-domain="derez.ai"
|
|
src="https://plausible.odoo4projects.com/js/script.file-downloads.outbound-links.tagged-events.js"
|
|
></script>
|
|
<script>
|
|
window.plausible =
|
|
window.plausible ||
|
|
function () {
|
|
(window.plausible.q = window.plausible.q || []).push(arguments);
|
|
};
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<!-- ═══════════════════════════════════════════════════════════
|
|
HEADER
|
|
═══════════════════════════════════════════════════════════ -->
|
|
<header class="site-header" id="site-header">
|
|
<div class="container">
|
|
<a href="/" class="site-logo">
|
|
<img
|
|
src="assets/images/logo.svg"
|
|
alt="derez.ai"
|
|
width="132"
|
|
height="34"
|
|
class="site-logo-img"
|
|
/>
|
|
</a>
|
|
|
|
<ul class="nav-links" id="nav-links">
|
|
<li><a href="https://derez.ai/#pricing">Pricing</a></li>
|
|
<li><a href="https://derez.ai/#faq">FAQ</a></li>
|
|
<li><a href="https://derez.ai/#blog">Blog</a></li>
|
|
<li><a href="https://derez.ai/#topics">Topics</a></li>
|
|
</ul>
|
|
<div class="header-actions">
|
|
<a href="https://app.derez.ai" class="btn-login">
|
|
<svg
|
|
width="14"
|
|
height="14"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
stroke-width="2"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
>
|
|
<rect x="3" y="11" width="18" height="11" rx="2" />
|
|
<path d="M7 11V7a5 5 0 0 1 10 0v4" />
|
|
</svg>
|
|
Sign In
|
|
</a>
|
|
<a
|
|
href="https://derez.ai/#pricing"
|
|
class="btn btn-primary btn-signup-header"
|
|
>Buy Agent</a
|
|
>
|
|
<button
|
|
class="hamburger"
|
|
id="hamburger"
|
|
aria-label="Toggle menu"
|
|
onclick="toggleMobile()"
|
|
>
|
|
<span></span><span></span><span></span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- ═══════════════════════════════════════════════════════════
|
|
CHAT WIDGET (floating bottom-right, same as main site)
|
|
═══════════════════════════════════════════════════════════ -->
|
|
<button
|
|
class="chat-fab"
|
|
id="chat-fab"
|
|
onclick="chatToggle()"
|
|
aria-label="Chat with Sales Agent"
|
|
>
|
|
<svg
|
|
width="28"
|
|
height="28"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
stroke-width="2"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
>
|
|
<path
|
|
d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"
|
|
/>
|
|
</svg>
|
|
</button>
|
|
<div class="chat-widget" id="chat-widget" aria-hidden="true">
|
|
<div class="chat-header">
|
|
<div class="chat-header-avatar">⚡</div>
|
|
<div class="chat-header-info">
|
|
<div class="chat-header-name">Sales Agent</div>
|
|
<div class="chat-header-status">Online</div>
|
|
</div>
|
|
<button
|
|
class="chat-header-close"
|
|
onclick="chatClose()"
|
|
aria-label="Close chat"
|
|
>
|
|
✕
|
|
</button>
|
|
</div>
|
|
<div class="chat-msgs" id="chat-msgs"></div>
|
|
<div class="chat-input-row">
|
|
<input
|
|
type="text"
|
|
class="chat-input-box"
|
|
id="chat-input"
|
|
placeholder="Ask your sales agent..."
|
|
onkeydown="chatKey(event)"
|
|
/>
|
|
<button
|
|
class="chat-send-btn"
|
|
id="chat-send-btn"
|
|
onclick="chatSend()"
|
|
>
|
|
➤
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ═══════════════════════════════════════════════════════════
|
|
HERO
|
|
═══════════════════════════════════════════════════════════ -->
|
|
<section class="affiliate-hero">
|
|
<div class="container">
|
|
<div class="hero-badges">
|
|
<span class="hero-badge">
|
|
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12" /></svg>
|
|
Work with your agent in under 10 minutes
|
|
</span>
|
|
<span class="hero-badge">
|
|
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12" /></svg>
|
|
Your affiliate links, baked into the wizard
|
|
</span>
|
|
</div>
|
|
<h1>
|
|
Earn With <span class="highlight">derez.ai</span>
|
|
</h1>
|
|
<p>
|
|
All clients referred by you will see your affiliate links to
|
|
3rd parties like Semrush, Stripe, and NordVPN during the
|
|
integration wizard. You earn when they sign up — without
|
|
lifting a finger.
|
|
</p>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ═══════════════════════════════════════════════════════════
|
|
WHY DIFFERENT
|
|
═══════════════════════════════════════════════════════════ -->
|
|
<section class="affiliate-section">
|
|
<div class="container">
|
|
<h2>Why Our Program is <span class="highlight">Different</span></h2>
|
|
<p>
|
|
We believe in building a great product at a fair price. That means we
|
|
don't have the deep pockets of big enterprise platforms, and we won't
|
|
pretend we do. Instead of chasing huge commissions that don't exist,
|
|
we focus on what actually works: a product your audience will love,
|
|
and the tools to make that happen.
|
|
</p>
|
|
|
|
<div class="card-grid">
|
|
<div class="card">
|
|
<h3>🎯 Higher Conversion</h3>
|
|
<p>
|
|
Your viewers who tried setting up an agent and hit the technical
|
|
wall? We catch them. derez.ai turns their frustration into a
|
|
working agent in 10 minutes — no SSH, no VPS fiddling.
|
|
</p>
|
|
</div>
|
|
<div class="card">
|
|
<h3>💰 Two Ways to Earn</h3>
|
|
<p>
|
|
You earn when someone signs up through your link. Plus, when they
|
|
use the wizard to add integrations, you can place your own
|
|
affiliate links there too — a second chance to earn on the
|
|
tools your audience needs.
|
|
</p>
|
|
</div>
|
|
<div class="card">
|
|
<h3>🔄 Built Into the Wizard</h3>
|
|
<p>
|
|
Your link lives inside the derez.ai setup wizard — not just
|
|
a static URL in a video description. Every user who goes through
|
|
the flow sees it at the right moment.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ═══════════════════════════════════════════════════════════
|
|
HOW IT WORKS
|
|
═══════════════════════════════════════════════════════════ -->
|
|
<section class="affiliate-section" style="border-top: 1px solid var(--border)">
|
|
<div class="container">
|
|
<h2>How It <span class="highlight">Works</span></h2>
|
|
<p>
|
|
When you register as a client and you get your first Agent with
|
|
derez.ai you already get all your affiliate package: your affiliate
|
|
code and link, access to the configuration of your outgoing links.
|
|
Easy as all of our services.
|
|
</p>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ═══════════════════════════════════════════════════════════
|
|
SECOND CHANCE
|
|
═══════════════════════════════════════════════════════════ -->
|
|
<section class="affiliate-section" style="border-top: 1px solid var(--border)">
|
|
<div class="container">
|
|
<h2>The <span class="highlight">Second Chance</span> to Earn</h2>
|
|
<p>
|
|
Most affiliate programs give you one shot: someone clicks your link
|
|
and either converts or doesn't. We give you a second.
|
|
</p>
|
|
<p>
|
|
When a derez.ai user opens the wizard to integrate a new tool —
|
|
whether it's Semrush for SEO, Shopify for ecommerce, Stripe for
|
|
payments, or any of the other integrations we support — your
|
|
affiliate link for that service gets shown. You help the content
|
|
creator find the right tool <em>and</em> you earn a commission on
|
|
that signup too.
|
|
</p>
|
|
<p>
|
|
Think of it this way: your main link gets them into derez.ai. Your
|
|
integration links help them build on top of it. Two revenue streams
|
|
from one audience.
|
|
</p>
|
|
|
|
<div class="highlight-box">
|
|
<h3>✅ Best Part</h3>
|
|
<p>
|
|
When you have an account on derez.ai, you already have access to
|
|
the affiliate area. No separate dashboard, no additional login.
|
|
Your affiliate tools are right there alongside your agent.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ═══════════════════════════════════════════════════════════
|
|
WHY YOUR AUDIENCE WILL THANK YOU
|
|
═══════════════════════════════════════════════════════════ -->
|
|
<section class="affiliate-section" style="border-top: 1px solid var(--border)">
|
|
<div class="container">
|
|
<h2>Why Your Audience Will <span class="highlight">Thank You</span></h2>
|
|
<p>
|
|
Your viewers come to you because they want to work with AI agents —
|
|
not because they want to debug SSH configs at 2 AM. derez.ai removes
|
|
every barrier:
|
|
</p>
|
|
<ul class="affiliate-list">
|
|
<li>
|
|
<strong>No VPS setup needed.</strong> We create the server, install
|
|
everything, and hand them a working agent in minutes.
|
|
</li>
|
|
<li>
|
|
<strong>Automatic backups.</strong> One click and their agent state
|
|
is saved. No more losing hours of work.
|
|
</li>
|
|
<li>
|
|
<strong>One-click integrations.</strong> Semrush, Shopify, Stripe,
|
|
Odoo, n8n — if it's in the wizard, it's minutes away from
|
|
working.
|
|
</li>
|
|
<li>
|
|
<strong>Full SSH access.</strong> For the power users who want
|
|
control. We don't lock anyone in.
|
|
</li>
|
|
</ul>
|
|
<p>
|
|
The result? More playtime, more experimentation, and more content
|
|
created. Your audience gets more value from their agent, and you
|
|
get credit for sending them to a solution that actually works.
|
|
</p>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ═══════════════════════════════════════════════════════════
|
|
CTA
|
|
═══════════════════════════════════════════════════════════ -->
|
|
<section class="cta-section">
|
|
<div class="container">
|
|
<h2>Ready to <span class="highlight">Partner Up?</span></h2>
|
|
<p>
|
|
Join the derez.ai affiliate program. Use code
|
|
<strong>friends950</strong> to get your first agent for one month
|
|
free and test our product and check the affiliate program.
|
|
</p>
|
|
<p>
|
|
Already have a derez.ai account? Your affiliate dashboard is waiting
|
|
in your account settings.
|
|
</p>
|
|
<div class="cta-actions">
|
|
<a href="https://derez.ai/#pricing" class="btn btn-primary btn-lg"
|
|
>Sign Up</a
|
|
>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ═══════════════════════════════════════════════════════════
|
|
FOOTER
|
|
═══════════════════════════════════════════════════════════ -->
|
|
<footer class="site-footer">
|
|
<div class="container">
|
|
<span>© 2026 derez.ai — AI Agent Hosting</span>
|
|
<div class="footer-links">
|
|
<a href="https://derez.ai/affiliate.html">Affiliate Program</a>
|
|
<a
|
|
href="https://www.youtube.com/@derez_ai"
|
|
target="_blank"
|
|
rel="noopener"
|
|
>YouTube</a
|
|
>
|
|
<a
|
|
href="https://www.linkedin.com/company/derez-ai"
|
|
target="_blank"
|
|
rel="noopener"
|
|
>LinkedIn</a
|
|
>
|
|
<a
|
|
href="https://ODOO4projects.com?utm_source=derez"
|
|
target="_blank"
|
|
rel="noopener"
|
|
>Powered by ODOO4projects LLC</a
|
|
>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- ── JavaScript ─────────────────────────────────────────── -->
|
|
<script src="assets/js/script.js?v3" defer></script>
|
|
</body>
|
|
</html> |