Oliver/derez.ai
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
64a46780e907efe4f229663de8ab19e0ad6c8526
derez.ai/affiliate.html
T

619 lines
26 KiB
HTML
Raw Blame History

<!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;
}
.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;
}
/* ── Steps ───────────────────────────────────────────── */
.steps {
counter-reset: step;
margin: 32px 0;
}
.step {
counter-increment: step;
display: flex;
gap: 20px;
padding: 24px 0;
border-bottom: 1px solid var(--border);
}
.step:last-child {
border-bottom: none;
}
.step-num {
flex-shrink: 0;
width: 40px;
height: 40px;
border-radius: 10px;
background: var(--accent-dim);
border: 1px solid rgba(0, 245, 255, 0.3);
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 16px;
color: var(--accent);
font-family: "Courier New", Courier, monospace;
}
.step-body h3 {
font-size: 1.1rem;
font-weight: 700;
letter-spacing: -0.02em;
margin-bottom: 6px;
}
.step-body p {
color: var(--text-muted);
font-size: 14px;
line-height: 1.6;
}
/* ── 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;
}
.step {
flex-direction: column;
gap: 12px;
}
.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>
<!-- ═══════════════════════════════════════════════════════════
HERO
═══════════════════════════════════════════════════════════ -->
<section class="affiliate-hero">
<div class="container">
<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 &mdash; 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 &mdash; 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 &mdash; 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 &mdash; 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>
Once you're an affiliate, you get access to your own dashboard where
you can configure your links and track performance. Here's the flow:
</p>
<div class="steps">
<div class="step">
<div class="step-num">1</div>
<div class="step-body">
<h3>Sign up as an affiliate</h3>
<p>
If you already have an account on derez.ai, you're already
eligible &mdash; just head to your dashboard to get started. No
separate signup process.
</p>
</div>
</div>
<div class="step">
<div class="step-num">2</div>
<div class="step-body">
<h3>Get your unique referral link</h3>
<p>
We generate a link that tracks every signup you send our way.
Share it in your video descriptions, pinned comments, or
community posts.
</p>
</div>
</div>
<div class="step">
<div class="step-num">3</div>
<div class="step-body">
<h3>Add your affiliate links to integrations</h3>
<p>
Here's where it gets interesting. When a user goes through the
derez.ai wizard to add a skill like Semrush, Shopify, or
Stripe, you can submit your own affiliate link for that tool.
For example: "Help the content creator and sign up for Semrush"
&mdash; with your affiliate code baked in. After entering the
link, we take about 24 hours to review and approve it.
</p>
</div>
</div>
<div class="step">
<div class="step-num">4</div>
<div class="step-body">
<h3>Your audience gets a working agent &mdash; fast</h3>
<p>
With the hard part (VPS setup, installation, configuration) out
of the way, your viewers are much more likely to actually start
building. And once they have a working agent, they're ready to
explore integrations &mdash; which is where your second
affiliate links kick in.
</p>
</div>
</div>
</div>
</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 &mdash;
whether it's Semrush for SEO, Shopify for ecommerce, Stripe for
payments, or any of the other integrations we support &mdash; 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 &mdash;
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 &mdash; 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. Earn from every signup and
every integration your audience enables.
</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"
>Get Started &rarr;</a
>
<a
href="mailto:affiliate@derez.ai"
class="btn btn-ghost btn-lg"
>Contact Us</a
>
</div>
</div>
</section>
<!-- ═══════════════════════════════════════════════════════════
FOOTER
═══════════════════════════════════════════════════════════ -->
<footer class="site-footer">
<div class="container">
<span>&copy; 2026 derez.ai &mdash; 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>
Reference in New Issue View Git Blame Copy Permalink