Affiliate page: match main site design (same header, footer, CSS, logo, color scheme)
This commit is contained in:
Oliver
+384
-302
@@ -1,194 +1,149 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
|
||||
<!-- ── SEO ───────────────────────────────────────────────── -->
|
||||
<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>
|
||||
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
|
||||
: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; }
|
||||
/* Override body top padding for fixed header */
|
||||
body {
|
||||
font-family: 'Inter', system-ui, -apple-system, sans-serif;
|
||||
background: var(--bg-base);
|
||||
color: var(--text-primary);
|
||||
line-height: 1.6;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
padding-top: 60px;
|
||||
}
|
||||
|
||||
/* ─── Header / Nav ─── */
|
||||
header {
|
||||
padding: 24px 0 0;
|
||||
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;
|
||||
/* ── Hero ────────────────────────────────────────────── */
|
||||
.affiliate-hero {
|
||||
padding: 100px 0 60px;
|
||||
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;
|
||||
color: var(--text-secondary);
|
||||
font-size: 16px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.section ul li::before {
|
||||
.affiliate-hero::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 18px;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border-radius: 3px;
|
||||
background: var(--accent-glow);
|
||||
border: 1px solid rgba(167,139,250,0.4);
|
||||
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;
|
||||
}
|
||||
.section ul li strong {
|
||||
color: var(--text-primary);
|
||||
.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);
|
||||
}
|
||||
|
||||
/* ─── Cards ─── */
|
||||
.card-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
||||
gap: 20px;
|
||||
margin: 32px 0;
|
||||
/* ── Section ─────────────────────────────────────────── */
|
||||
.affiliate-section {
|
||||
padding: 80px 0;
|
||||
}
|
||||
.card {
|
||||
background: var(--bg-card);
|
||||
border: 1px solid var(--border-color);
|
||||
border-radius: var(--radius);
|
||||
padding: 28px;
|
||||
transition: border-color 0.2s;
|
||||
.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;
|
||||
}
|
||||
.card:hover { border-color: var(--border-light); }
|
||||
.card h3 {
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
margin-bottom: 10px;
|
||||
.affiliate-section h2 .highlight {
|
||||
background: linear-gradient(135deg, var(--accent), #66e5ff);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
background-clip: text;
|
||||
}
|
||||
.card h3 .emoji { margin-right: 8px; }
|
||||
.card p {
|
||||
color: var(--text-secondary);
|
||||
.affiliate-section > p {
|
||||
color: var(--text-muted);
|
||||
max-width: 700px;
|
||||
margin-bottom: 16px;
|
||||
font-size: 14px;
|
||||
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 {
|
||||
counter-reset: step;
|
||||
margin: 32px 0;
|
||||
@@ -198,152 +153,231 @@
|
||||
display: flex;
|
||||
gap: 20px;
|
||||
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 {
|
||||
flex-shrink: 0;
|
||||
width: 40px; height: 40px;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
border-radius: 10px;
|
||||
background: var(--accent-glow);
|
||||
border: 1px solid rgba(167,139,250,0.3);
|
||||
display: flex; align-items: center; justify-content: center;
|
||||
font-weight: 700; font-size: 16px;
|
||||
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: 17px;
|
||||
font-weight: 600;
|
||||
font-size: 1.1rem;
|
||||
font-weight: 700;
|
||||
letter-spacing: -0.02em;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
.step-body p {
|
||||
color: var(--text-secondary);
|
||||
color: var(--text-muted);
|
||||
font-size: 14px;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
/* ─── Highlight Box ─── */
|
||||
/* ── Highlight box ───────────────────────────────────── */
|
||||
.highlight-box {
|
||||
background: var(--bg-elevated);
|
||||
border: 1px solid var(--border-color);
|
||||
border-left: 3px solid var(--green);
|
||||
border-radius: var(--radius);
|
||||
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: 16px;
|
||||
font-weight: 600;
|
||||
color: var(--green);
|
||||
font-size: 1rem;
|
||||
font-weight: 700;
|
||||
color: var(--success);
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.highlight-box p {
|
||||
color: var(--text-secondary);
|
||||
color: var(--text-muted);
|
||||
font-size: 14px;
|
||||
line-height: 1.6;
|
||||
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 {
|
||||
text-align: center;
|
||||
padding: 80px 24px;
|
||||
border-top: 1px solid var(--border-color);
|
||||
padding: 80px 0;
|
||||
border-top: 1px solid var(--border);
|
||||
}
|
||||
.cta-section h2 {
|
||||
font-size: clamp(28px, 4vw, 40px);
|
||||
font-weight: 800;
|
||||
letter-spacing: -1px;
|
||||
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-secondary);
|
||||
font-size: 16px;
|
||||
max-width: 500px;
|
||||
margin: 0 auto 32px;
|
||||
color: var(--text-muted);
|
||||
font-size: 14px;
|
||||
max-width: 560px;
|
||||
margin: 0 auto 12px;
|
||||
line-height: 1.6;
|
||||
}
|
||||
.btn {
|
||||
display: inline-block;
|
||||
padding: 14px 32px;
|
||||
border-radius: var(--radius);
|
||||
font-weight: 600;
|
||||
font-size: 15px;
|
||||
text-decoration: none;
|
||||
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);
|
||||
.cta-actions {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 14px;
|
||||
flex-wrap: wrap;
|
||||
margin-top: 28px;
|
||||
}
|
||||
|
||||
/* ─── Footer ─── */
|
||||
footer {
|
||||
border-top: 1px solid var(--border-color);
|
||||
padding: 24px;
|
||||
text-align: center;
|
||||
/* ── Responsive ──────────────────────────────────────── */
|
||||
@media (max-width: 700px) {
|
||||
.affiliate-hero {
|
||||
padding: 80px 0 40px;
|
||||
}
|
||||
footer p {
|
||||
color: var(--text-tertiary);
|
||||
font-size: 13px;
|
||||
.affiliate-section {
|
||||
padding: 50px 0;
|
||||
}
|
||||
.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>
|
||||
|
||||
<!-- ── 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>
|
||||
<div class="nav-inner">
|
||||
<div class="logo">
|
||||
<a href="https://derez.ai">
|
||||
<div class="logo-icon">d</div>
|
||||
derez<span>.ai</span>
|
||||
<!-- ═══════════════════════════════════════════════════════════
|
||||
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>
|
||||
</div>
|
||||
<div class="nav-links">
|
||||
<a href="https://derez.ai/#pricing">Pricing</a>
|
||||
<a href="https://derez.ai/#faq">FAQ</a>
|
||||
<a href="https://derez.ai/#blog">Blog</a>
|
||||
<a href="https://derez.ai/#topics">Topics</a>
|
||||
<a href="https://derez.ai/" style="color:var(--accent)">Home →</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="hero">
|
||||
<div class="hero-label">Affiliate Program</div>
|
||||
<h1>Earn With <span class="highlight">derez.ai</span></h1>
|
||||
<!-- ═══════════════════════════════════════════════════════════
|
||||
HERO
|
||||
═══════════════════════════════════════════════════════════ -->
|
||||
<section class="affiliate-hero">
|
||||
<div class="container">
|
||||
<h1>
|
||||
Earn With <span class="highlight">derez.ai</span>
|
||||
</h1>
|
||||
<p>
|
||||
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 —
|
||||
and we give you a second way to earn, too.
|
||||
</p>
|
||||
</div>
|
||||
</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>
|
||||
<p>
|
||||
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">
|
||||
<h3><span class="emoji">🎯</span>Higher Conversion</h3>
|
||||
<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.
|
||||
working agent in 10 minutes — no SSH, no VPS fiddling.
|
||||
</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h3><span class="emoji">💰</span>Two Ways to Earn</h3>
|
||||
<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.
|
||||
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><span class="emoji">🔄</span>Built Into the Wizard</h3>
|
||||
<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
|
||||
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="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>
|
||||
<p>
|
||||
Once you're an affiliate, you get access to your own dashboard where
|
||||
@@ -397,7 +435,7 @@
|
||||
<h3>Sign up as an affiliate</h3>
|
||||
<p>
|
||||
If you already have an account on derez.ai, you're already
|
||||
eligible — just head to your dashboard to get started. No
|
||||
eligible — just head to your dashboard to get started. No
|
||||
separate signup process.
|
||||
</p>
|
||||
</div>
|
||||
@@ -419,41 +457,45 @@
|
||||
<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" — with your
|
||||
affiliate code baked in. After entering the link, we take about
|
||||
24 hours to review and approve it.
|
||||
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"
|
||||
— 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 — fast</h3>
|
||||
<h3>Your audience gets a working agent — 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 — which is where your second affiliate
|
||||
links kick in.
|
||||
explore integrations — which is where your second
|
||||
affiliate links kick in.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</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>
|
||||
<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 —
|
||||
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
|
||||
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.
|
||||
@@ -472,17 +514,21 @@
|
||||
Your affiliate tools are right there alongside your agent.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</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>
|
||||
<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 —
|
||||
not because they want to debug SSH configs at 2 AM. derez.ai removes
|
||||
every barrier:
|
||||
</p>
|
||||
<ul>
|
||||
<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.
|
||||
@@ -493,7 +539,8 @@
|
||||
</li>
|
||||
<li>
|
||||
<strong>One-click integrations.</strong> Semrush, Shopify, Stripe,
|
||||
Odoo, n8n — if it's in the wizard, it's minutes away from working.
|
||||
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
|
||||
@@ -505,10 +552,14 @@
|
||||
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 ─── -->
|
||||
<!-- ═══════════════════════════════════════════════════════════
|
||||
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
|
||||
@@ -518,19 +569,50 @@
|
||||
Already have a derez.ai account? Your affiliate dashboard is waiting
|
||||
in your account settings.
|
||||
</p>
|
||||
<div>
|
||||
<a href="https://derez.ai" class="btn btn-primary">Get Started →</a>
|
||||
<a href="mailto:affiliate@derez.ai" class="btn btn-secondary">Contact Us</a>
|
||||
<div class="cta-actions">
|
||||
<a href="https://derez.ai/#pricing" class="btn btn-primary btn-lg"
|
||||
>Get Started →</a
|
||||
>
|
||||
<a
|
||||
href="mailto:affiliate@derez.ai"
|
||||
class="btn btn-ghost btn-lg"
|
||||
>Contact Us</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ─── FOOTER ─── -->
|
||||
<footer>
|
||||
<p>
|
||||
© 2026 <a href="https://derez.ai">derez.ai</a> —
|
||||
AI Agent Hosting •
|
||||
<a href="https://ODOO4projects.com?utm_source=derez">Powered by ODOO4projects LLC</a>
|
||||
</p>
|
||||
<!-- ═══════════════════════════════════════════════════════════
|
||||
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>
|
||||
Reference in New Issue
Block a user