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

This commit is contained in:
Oliver committed 2026-06-23 10:16:19 -03:00
1 parent edf82d5ffb
commit 1ac2d16cfe
1 file changed
+384 -302
+384 -302
View File
@@ -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 &mdash;
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 &mdash; 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 &mdash; 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 &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="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 &mdash; 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"
&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 — fast</h3>
<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 — which is where your second affiliate
links kick in.
explore integrations &mdash; 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 &mdash;
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
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 &mdash;
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 &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
@@ -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 &rarr;</a
>
<a
href="mailto:affiliate@derez.ai"
class="btn btn-ghost btn-lg"
>Contact Us</a
>
</div>
</div>
</section>
<!-- ─── FOOTER ─── -->
<footer>
<p>
&copy; 2026 <a href="https://derez.ai">derez.ai</a> &mdash;
AI Agent Hosting &bull;
<a href="https://ODOO4projects.com?utm_source=derez">Powered by ODOO4projects LLC</a>
</p>
<!-- ═══════════════════════════════════════════════════════════
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>