Oliver/derez.ai
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Affiliate page: match main site design (same header, footer, CSS, logo, color scheme)

Browse Source
This commit is contained in:
Oliver
2026-06-23 10:16:19 -03:00
parent edf82d5ffb
commit 1ac2d16cfe
1 changed files with 592 additions and 510 deletions
Download Patch File Download Diff File Expand all files Collapse all files
affiliate.html
+384 -302
View File
@@ -1,194 +1,149 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- ── SEO ───────────────────────────────────────────────── -->
<title>Affiliate Program — derez.ai</title> <title>Affiliate Program — derez.ai</title>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet"> <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> <style>
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } /* Override body top padding for fixed header */
:root {
--bg-base: #0a0a0b;
--bg-surface: #121213;
--bg-card: #18181b;
--bg-elevated: #1f1f23;
--bg-hover: #27272a;
--border-color: #2a2a2e;
--border-light: #3a3a40;
--text-primary: #f4f4f5;
--text-secondary: #a1a1aa;
--text-tertiary: #71717a;
--accent: #a78bfa;
--accent-dim: #7c3aed;
--accent-glow: rgba(167, 139, 250, 0.15);
--green: #4ade80;
--green-dim: #22c55e;
--yellow: #fbbf24;
--orange: #fb923c;
--red: #f87171;
--blue: #60a5fa;
--radius: 12px;
--radius-sm: 8px;
--radius-lg: 16px;
}
html { scroll-behavior: smooth; }
body { body {
font-family: 'Inter', system-ui, -apple-system, sans-serif; padding-top: 60px;
background: var(--bg-base);
color: var(--text-primary);
line-height: 1.6;
-webkit-font-smoothing: antialiased;
} }
/* ─── Header / Nav ─── */ /* ── Hero ────────────────────────────────────────────── */
header { .affiliate-hero {
padding: 24px 0 0; padding: 100px 0 60px;
border-bottom: 1px solid var(--border-color);
}
.nav-inner {
max-width: 1200px;
margin: 0 auto;
padding: 0 24px;
display: flex;
align-items: center;
justify-content: space-between;
}
.logo {
font-weight: 700;
font-size: 20px;
letter-spacing: -0.5px;
display: flex;
align-items: center;
gap: 8px;
}
.logo a { color: inherit; text-decoration: none; }
.logo span { color: var(--accent); }
.logo-icon {
width: 28px; height: 28px;
background: linear-gradient(135deg, var(--accent), var(--accent-dim));
border-radius: 6px;
display: inline-flex; align-items: center; justify-content: center;
font-size: 14px; font-weight: 800; color: #fff;
}
.nav-links { display: flex; gap: 24px; align-items: center; }
.nav-links a {
color: var(--text-secondary); text-decoration: none;
font-size: 14px; font-weight: 500; transition: color 0.2s;
}
.nav-links a:hover { color: var(--text-primary); }
/* ─── Hero ─── */
.hero {
max-width: 1200px; margin: 0 auto; padding: 80px 24px 60px;
text-align: center; text-align: center;
}
.hero-label {
display: inline-block;
padding: 4px 14px;
border-radius: 100px;
background: var(--accent-glow);
border: 1px solid rgba(167,139,250,0.25);
color: var(--accent);
font-size: 13px; font-weight: 600;
margin-bottom: 24px;
}
.hero h1 {
font-size: clamp(36px, 6vw, 64px);
font-weight: 800;
letter-spacing: -2px;
line-height: 1.1;
margin-bottom: 20px;
}
.hero h1 .highlight {
background: linear-gradient(135deg, var(--accent), #c084fc);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.hero p {
font-size: 18px;
color: var(--text-secondary);
max-width: 680px;
margin: 0 auto 32px;
}
/* ─── Content Sections ─── */
.section {
max-width: 1200px;
margin: 0 auto;
padding: 60px 24px;
}
.section h2 {
font-size: 28px;
font-weight: 700;
letter-spacing: -0.5px;
margin-bottom: 16px;
}
.section h2 .highlight {
background: linear-gradient(135deg, var(--accent), #c084fc);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.section p {
color: var(--text-secondary);
font-size: 16px;
max-width: 700px;
margin-bottom: 16px;
}
.section ul {
list-style: none;
margin: 0 0 24px;
}
.section ul li {
padding: 12px 0 12px 28px;
position: relative; position: relative;
color: var(--text-secondary); overflow: hidden;
font-size: 16px;
} }
.section ul li::before { .affiliate-hero::after {
content: ""; content: "";
position: absolute; position: absolute;
left: 0; top: -30%;
top: 18px; left: 50%;
width: 12px; transform: translateX(-50%);
height: 12px; width: 90%;
border-radius: 3px; height: 140%;
background: var(--accent-glow); background: radial-gradient(
border: 1px solid rgba(167,139,250,0.4); ellipse at center,
rgba(0, 245, 255, 0.05) 0%,
transparent 65%
);
pointer-events: none;
} }
.section ul li strong { .affiliate-hero h1 {
color: var(--text-primary); 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;
}
.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);
} }
/* ─── Cards ─── */ /* ── Section ─────────────────────────────────────────── */
.card-grid { .affiliate-section {
display: grid; padding: 80px 0;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 20px;
margin: 32px 0;
} }
.card { .affiliate-section h2 {
background: var(--bg-card); font-size: clamp(1.6rem, 3.5vw, 2.4rem);
border: 1px solid var(--border-color); font-weight: 700;
border-radius: var(--radius); letter-spacing: -0.02em;
padding: 28px; line-height: 1.2;
transition: border-color 0.2s; margin-bottom: 16px;
} }
.card:hover { border-color: var(--border-light); } .affiliate-section h2 .highlight {
.card h3 { background: linear-gradient(135deg, var(--accent), #66e5ff);
font-size: 18px; -webkit-background-clip: text;
font-weight: 600; -webkit-text-fill-color: transparent;
margin-bottom: 10px; background-clip: text;
} }
.card h3 .emoji { margin-right: 8px; } .affiliate-section > p {
.card p { color: var(--text-muted);
color: var(--text-secondary); max-width: 700px;
margin-bottom: 16px;
font-size: 14px; font-size: 14px;
line-height: 1.6; line-height: 1.6;
} }
/* ─── Steps ─── */ /* ── 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;
}
/* ── Steps ───────────────────────────────────────────── */
.steps { .steps {
counter-reset: step; counter-reset: step;
margin: 32px 0; margin: 32px 0;
@@ -198,152 +153,231 @@
display: flex; display: flex;
gap: 20px; gap: 20px;
padding: 24px 0; padding: 24px 0;
border-bottom: 1px solid var(--border-color); border-bottom: 1px solid var(--border);
}
.step:last-child {
border-bottom: none;
} }
.step:last-child { border-bottom: none; }
.step-num { .step-num {
flex-shrink: 0; flex-shrink: 0;
width: 40px; height: 40px; width: 40px;
height: 40px;
border-radius: 10px; border-radius: 10px;
background: var(--accent-glow); background: var(--accent-dim);
border: 1px solid rgba(167,139,250,0.3); border: 1px solid rgba(0, 245, 255, 0.3);
display: flex; align-items: center; justify-content: center; display: flex;
font-weight: 700; font-size: 16px; align-items: center;
justify-content: center;
font-weight: 700;
font-size: 16px;
color: var(--accent); color: var(--accent);
font-family: "Courier New", Courier, monospace;
} }
.step-body h3 { .step-body h3 {
font-size: 17px; font-size: 1.1rem;
font-weight: 600; font-weight: 700;
letter-spacing: -0.02em;
margin-bottom: 6px; margin-bottom: 6px;
} }
.step-body p { .step-body p {
color: var(--text-secondary); color: var(--text-muted);
font-size: 14px; font-size: 14px;
line-height: 1.6;
} }
/* ─── Highlight Box ─── */ /* ── Highlight box ───────────────────────────────────── */
.highlight-box { .highlight-box {
background: var(--bg-elevated); background: var(--bg-card);
border: 1px solid var(--border-color); border: 1px solid var(--border);
border-left: 3px solid var(--green); border-left: 3px solid var(--success);
border-radius: var(--radius); border-radius: var(--radius-card);
padding: 24px 28px; padding: 24px 28px;
margin: 32px 0; margin: 32px 0;
} }
.highlight-box h3 { .highlight-box h3 {
font-size: 16px; font-size: 1rem;
font-weight: 600; font-weight: 700;
color: var(--green); color: var(--success);
margin-bottom: 8px; margin-bottom: 8px;
} }
.highlight-box p { .highlight-box p {
color: var(--text-secondary); color: var(--text-muted);
font-size: 14px; font-size: 14px;
line-height: 1.6;
margin: 0; margin: 0;
} }
/* ─── CTA ─── */ /* ── 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 { .cta-section {
text-align: center; text-align: center;
padding: 80px 24px; padding: 80px 0;
border-top: 1px solid var(--border-color); border-top: 1px solid var(--border);
} }
.cta-section h2 { .cta-section h2 {
font-size: clamp(28px, 4vw, 40px); font-size: clamp(1.6rem, 3.5vw, 2.4rem);
font-weight: 800; font-weight: 700;
letter-spacing: -1px; letter-spacing: -0.02em;
margin-bottom: 12px; 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 { .cta-section p {
color: var(--text-secondary); color: var(--text-muted);
font-size: 16px; font-size: 14px;
max-width: 500px; max-width: 560px;
margin: 0 auto 32px; margin: 0 auto 12px;
line-height: 1.6;
} }
.btn { .cta-actions {
display: inline-block; display: flex;
padding: 14px 32px; align-items: center;
border-radius: var(--radius); justify-content: center;
font-weight: 600; gap: 14px;
font-size: 15px; flex-wrap: wrap;
text-decoration: none; margin-top: 28px;
transition: all 0.2s;
cursor: pointer;
}
.btn-primary {
background: var(--accent);
color: #000;
}
.btn-primary:hover {
background: #b794fc;
transform: translateY(-1px);
}
.btn-secondary {
background: var(--bg-elevated);
color: var(--text-primary);
border: 1px solid var(--border-color);
margin-left: 12px;
}
.btn-secondary:hover {
background: var(--bg-hover);
border-color: var(--border-light);
} }
/* ─── Footer ─── */ /* ── Responsive ──────────────────────────────────────── */
footer { @media (max-width: 700px) {
border-top: 1px solid var(--border-color); .affiliate-hero {
padding: 24px; padding: 80px 0 40px;
text-align: center;
} }
footer p { .affiliate-section {
color: var(--text-tertiary); padding: 50px 0;
font-size: 13px; }
.step {
flex-direction: column;
gap: 12px;
}
.cta-section {
padding: 50px 0;
} }
footer a { color: var(--accent); text-decoration: none; }
/* ─── Responsive ─── */
@media (max-width: 640px) {
.nav-inner { flex-direction: column; gap: 16px; }
.hero { padding: 48px 20px 40px; }
.section { padding: 40px 20px; }
.step { flex-direction: column; gap: 12px; }
.btn-secondary { margin-left: 0; margin-top: 12px; display: inline-block; }
} }
</style> </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> </head>
<body> <body>
<!-- ─── HEADER ─── --> <!-- ═══════════════════════════════════════════════════════════
<header> HEADER
<div class="nav-inner"> ═══════════════════════════════════════════════════════════ -->
<div class="logo"> <header class="site-header" id="site-header">
<a href="https://derez.ai"> <div class="container">
<div class="logo-icon">d</div> <a href="/" class="site-logo">
derez<span>.ai</span> <img
src="assets/images/logo.svg"
alt="derez.ai"
width="132"
height="34"
class="site-logo-img"
/>
</a> </a>
</div>
<div class="nav-links"> <ul class="nav-links" id="nav-links">
<a href="https://derez.ai/#pricing">Pricing</a> <li><a href="https://derez.ai/#pricing">Pricing</a></li>
<a href="https://derez.ai/#faq">FAQ</a> <li><a href="https://derez.ai/#faq">FAQ</a></li>
<a href="https://derez.ai/#blog">Blog</a> <li><a href="https://derez.ai/#blog">Blog</a></li>
<a href="https://derez.ai/#topics">Topics</a> <li><a href="https://derez.ai/#topics">Topics</a></li>
<a href="https://derez.ai/" style="color:var(--accent)">Home →</a> </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>
</div> </div>
</header> </header>
<!-- ─── HERO ─── --> <!-- ═══════════════════════════════════════════════════════════
<section class="hero"> HERO
<div class="hero-label">Affiliate Program</div> ═══════════════════════════════════════════════════════════ -->
<h1>Earn With <span class="highlight">derez.ai</span></h1> <section class="affiliate-hero">
<div class="container">
<h1>
Earn With <span class="highlight">derez.ai</span>
</h1>
<p> <p>
You create great content about AI agents. We handle the hosting. You create great content about AI agents. We handle the hosting.
When your audience signs up through your link, you get paid — When your audience signs up through your link, you get paid &mdash;
and we give you a second way to earn, too. and we give you a second way to earn, too.
</p> </p>
</div>
</section> </section>
<!-- ─── WHY THIS PROGRAM ─── --> <!-- ═══════════════════════════════════════════════════════════
<section class="section"> WHY DIFFERENT
═══════════════════════════════════════════════════════════ -->
<section class="affiliate-section">
<div class="container">
<h2>Why Our Program is <span class="highlight">Different</span></h2> <h2>Why Our Program is <span class="highlight">Different</span></h2>
<p> <p>
We believe in building a great product at a fair price. That means we We believe in building a great product at a fair price. That means we
@@ -355,35 +389,39 @@
<div class="card-grid"> <div class="card-grid">
<div class="card"> <div class="card">
<h3><span class="emoji">🎯</span>Higher Conversion</h3> <h3>🎯 Higher Conversion</h3>
<p> <p>
Your viewers who tried setting up an agent and hit the technical Your viewers who tried setting up an agent and hit the technical
wall? We catch them. derez.ai turns their frustration into a wall? We catch them. derez.ai turns their frustration into a
working agent in 10 minutes — no SSH, no VPS fiddling. working agent in 10 minutes &mdash; no SSH, no VPS fiddling.
</p> </p>
</div> </div>
<div class="card"> <div class="card">
<h3><span class="emoji">💰</span>Two Ways to Earn</h3> <h3>💰 Two Ways to Earn</h3>
<p> <p>
You earn when someone signs up through your link. Plus, when they You earn when someone signs up through your link. Plus, when they
use the wizard to add integrations, you can place your own affiliate use the wizard to add integrations, you can place your own
links there too — a second chance to earn on the tools your affiliate links there too &mdash; a second chance to earn on the
audience needs. tools your audience needs.
</p> </p>
</div> </div>
<div class="card"> <div class="card">
<h3><span class="emoji">🔄</span>Built Into the Wizard</h3> <h3>🔄 Built Into the Wizard</h3>
<p> <p>
Your link lives inside the derez.ai setup wizard — not just a Your link lives inside the derez.ai setup wizard &mdash; not just
static URL in a video description. Every user who goes through a static URL in a video description. Every user who goes through
the flow sees it at the right moment. the flow sees it at the right moment.
</p> </p>
</div> </div>
</div> </div>
</div>
</section> </section>
<!-- ─── HOW IT WORKS ─── --> <!-- ═══════════════════════════════════════════════════════════
<section class="section" style="border-top: 1px solid var(--border-color);"> 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> <h2>How It <span class="highlight">Works</span></h2>
<p> <p>
Once you're an affiliate, you get access to your own dashboard where Once you're an affiliate, you get access to your own dashboard where
@@ -397,7 +435,7 @@
<h3>Sign up as an affiliate</h3> <h3>Sign up as an affiliate</h3>
<p> <p>
If you already have an account on derez.ai, you're already If you already have an account on derez.ai, you're already
eligible — just head to your dashboard to get started. No eligible &mdash; just head to your dashboard to get started. No
separate signup process. separate signup process.
</p> </p>
</div> </div>
@@ -419,41 +457,45 @@
<h3>Add your affiliate links to integrations</h3> <h3>Add your affiliate links to integrations</h3>
<p> <p>
Here's where it gets interesting. When a user goes through the Here's where it gets interesting. When a user goes through the
derez.ai wizard to add a skill like Semrush, Shopify, or Stripe, derez.ai wizard to add a skill like Semrush, Shopify, or
you can submit your own affiliate link for that tool. For example: Stripe, you can submit your own affiliate link for that tool.
"Help the content creator and sign up for Semrush" — with your For example: "Help the content creator and sign up for Semrush"
affiliate code baked in. After entering the link, we take about &mdash; with your affiliate code baked in. After entering the
24 hours to review and approve it. link, we take about 24 hours to review and approve it.
</p> </p>
</div> </div>
</div> </div>
<div class="step"> <div class="step">
<div class="step-num">4</div> <div class="step-num">4</div>
<div class="step-body"> <div class="step-body">
<h3>Your audience gets a working agent — fast</h3> <h3>Your audience gets a working agent &mdash; fast</h3>
<p> <p>
With the hard part (VPS setup, installation, configuration) out With the hard part (VPS setup, installation, configuration) out
of the way, your viewers are much more likely to actually start of the way, your viewers are much more likely to actually start
building. And once they have a working agent, they're ready to building. And once they have a working agent, they're ready to
explore integrations — which is where your second affiliate explore integrations &mdash; which is where your second
links kick in. affiliate links kick in.
</p> </p>
</div> </div>
</div> </div>
</div> </div>
</div>
</section> </section>
<!-- ─── THE SECOND-EARN OPPORTUNITY ─── --> <!-- ═══════════════════════════════════════════════════════════
<section class="section" style="border-top: 1px solid var(--border-color); padding-bottom: 0;"> 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> <h2>The <span class="highlight">Second Chance</span> to Earn</h2>
<p> <p>
Most affiliate programs give you one shot: someone clicks your link Most affiliate programs give you one shot: someone clicks your link
and either converts or doesn't. We give you a second. and either converts or doesn't. We give you a second.
</p> </p>
<p> <p>
When a derez.ai user opens the wizard to integrate a new tool — When a derez.ai user opens the wizard to integrate a new tool &mdash;
whether it's Semrush for SEO, Shopify for ecommerce, Stripe for whether it's Semrush for SEO, Shopify for ecommerce, Stripe for
payments, or any of the other integrations we support — your payments, or any of the other integrations we support &mdash; your
affiliate link for that service gets shown. You help the content affiliate link for that service gets shown. You help the content
creator find the right tool <em>and</em> you earn a commission on creator find the right tool <em>and</em> you earn a commission on
that signup too. that signup too.
@@ -472,17 +514,21 @@
Your affiliate tools are right there alongside your agent. Your affiliate tools are right there alongside your agent.
</p> </p>
</div> </div>
</div>
</section> </section>
<!-- ─── WHY THIS WORKS FOR YOUR AUDIENCE ─── --> <!-- ═══════════════════════════════════════════════════════════
<section class="section" style="border-top: 1px solid var(--border-color);"> 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> <h2>Why Your Audience Will <span class="highlight">Thank You</span></h2>
<p> <p>
Your viewers come to you because they want to work with AI agents — Your viewers come to you because they want to work with AI agents &mdash;
not because they want to debug SSH configs at 2 AM. derez.ai removes not because they want to debug SSH configs at 2 AM. derez.ai removes
every barrier: every barrier:
</p> </p>
<ul> <ul class="affiliate-list">
<li> <li>
<strong>No VPS setup needed.</strong> We create the server, install <strong>No VPS setup needed.</strong> We create the server, install
everything, and hand them a working agent in minutes. everything, and hand them a working agent in minutes.
@@ -493,7 +539,8 @@
</li> </li>
<li> <li>
<strong>One-click integrations.</strong> Semrush, Shopify, Stripe, <strong>One-click integrations.</strong> Semrush, Shopify, Stripe,
Odoo, n8n — if it's in the wizard, it's minutes away from working. Odoo, n8n &mdash; if it's in the wizard, it's minutes away from
working.
</li> </li>
<li> <li>
<strong>Full SSH access.</strong> For the power users who want <strong>Full SSH access.</strong> For the power users who want
@@ -505,10 +552,14 @@
created. Your audience gets more value from their agent, and you created. Your audience gets more value from their agent, and you
get credit for sending them to a solution that actually works. get credit for sending them to a solution that actually works.
</p> </p>
</div>
</section> </section>
<!-- ─── CTA ─── --> <!-- ═══════════════════════════════════════════════════════════
CTA
═══════════════════════════════════════════════════════════ -->
<section class="cta-section"> <section class="cta-section">
<div class="container">
<h2>Ready to <span class="highlight">Partner Up?</span></h2> <h2>Ready to <span class="highlight">Partner Up?</span></h2>
<p> <p>
Join the derez.ai affiliate program. Earn from every signup and Join the derez.ai affiliate program. Earn from every signup and
@@ -518,19 +569,50 @@
Already have a derez.ai account? Your affiliate dashboard is waiting Already have a derez.ai account? Your affiliate dashboard is waiting
in your account settings. in your account settings.
</p> </p>
<div> <div class="cta-actions">
<a href="https://derez.ai" class="btn btn-primary">Get Started →</a> <a href="https://derez.ai/#pricing" class="btn btn-primary btn-lg"
<a href="mailto:affiliate@derez.ai" class="btn btn-secondary">Contact Us</a> >Get Started &rarr;</a
>
<a
href="mailto:affiliate@derez.ai"
class="btn btn-ghost btn-lg"
>Contact Us</a
>
</div>
</div> </div>
</section> </section>
<!-- ─── FOOTER ─── --> <!-- ═══════════════════════════════════════════════════════════
<footer> FOOTER
<p> ═══════════════════════════════════════════════════════════ -->
&copy; 2026 <a href="https://derez.ai">derez.ai</a> &mdash; <footer class="site-footer">
AI Agent Hosting &bull; <div class="container">
<a href="https://ODOO4projects.com?utm_source=derez">Powered by ODOO4projects LLC</a> <span>&copy; 2026 derez.ai &mdash; AI Agent Hosting</span>
</p> <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> </footer>
<!-- ── JavaScript ─────────────────────────────────────────── -->
<script src="assets/js/script.js?v3" defer></script>
</body> </body>
</html> </html>