| <!DOCTYPE html> |
| <html lang="de"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>Der Programmatische Revenue Machine — Affiliate Playbook 2026</title> |
| <style> |
| :root { |
| --bg: #0a0a0f; |
| --surface: #12121a; |
| --surface-2: #1a1a2e; |
| --primary: #6366f1; |
| --primary-glow: #818cf8; |
| --accent-cyan: #06b6d4; |
| --accent-gold: #f59e0b; |
| --accent-rose: #f43f5e; |
| --text: #f1f5f9; |
| --text-muted: #94a3b8; |
| --text-dim: #64748b; |
| --border: rgba(99, 102, 241, 0.15); |
| --success: #10b981; |
| } |
| |
| * { margin: 0; padding: 0; box-sizing: border-box; } |
| |
| body { |
| font-family: 'Segoe UI', system-ui, -apple-system, sans-serif; |
| background: var(--bg); |
| color: var(--text); |
| line-height: 1.6; |
| overflow-x: hidden; |
| } |
| |
| |
| .particles { |
| position: fixed; |
| top: 0; left: 0; |
| width: 100%; height: 100%; |
| pointer-events: none; |
| z-index: 0; |
| opacity: 0.4; |
| } |
| |
| .particle { |
| position: absolute; |
| width: 2px; height: 2px; |
| background: var(--primary); |
| border-radius: 50%; |
| animation: float 20s infinite linear; |
| } |
| |
| @keyframes float { |
| 0% { transform: translateY(100vh) scale(0); opacity: 0; } |
| 10% { opacity: 1; } |
| 90% { opacity: 1; } |
| 100% { transform: translateY(-10vh) scale(1); opacity: 0; } |
| } |
| |
| |
| nav { |
| position: fixed; |
| top: 0; left: 0; right: 0; |
| z-index: 100; |
| padding: 1rem 2rem; |
| background: rgba(10, 10, 15, 0.8); |
| backdrop-filter: blur(20px); |
| border-bottom: 1px solid var(--border); |
| display: flex; |
| justify-content: space-between; |
| align-items: center; |
| } |
| |
| .logo { |
| font-size: 1.5rem; |
| font-weight: 800; |
| background: linear-gradient(135deg, var(--primary), var(--accent-cyan)); |
| -webkit-background-clip: text; |
| -webkit-text-fill-color: transparent; |
| } |
| |
| .nav-cta { |
| background: linear-gradient(135deg, var(--primary), var(--accent-cyan)); |
| color: white; |
| padding: 0.6rem 1.5rem; |
| border-radius: 50px; |
| text-decoration: none; |
| font-weight: 600; |
| font-size: 0.9rem; |
| transition: all 0.3s; |
| box-shadow: 0 4px 20px rgba(99, 102, 241, 0.3); |
| } |
| |
| .nav-cta:hover { |
| transform: translateY(-2px); |
| box-shadow: 0 8px 30px rgba(99, 102, 241, 0.5); |
| } |
| |
| |
| .hero { |
| position: relative; |
| min-height: 100vh; |
| display: flex; |
| align-items: center; |
| justify-content: center; |
| padding: 8rem 2rem 4rem; |
| overflow: hidden; |
| } |
| |
| .hero-bg-visual { |
| position: absolute; |
| top: 50%; left: 50%; |
| transform: translate(-50%, -50%); |
| width: 800px; height: 800px; |
| z-index: 1; |
| } |
| |
| .hero-content { |
| position: relative; |
| z-index: 2; |
| text-align: center; |
| max-width: 900px; |
| } |
| |
| .badge { |
| display: inline-flex; |
| align-items: center; |
| gap: 0.5rem; |
| background: rgba(99, 102, 241, 0.1); |
| border: 1px solid var(--border); |
| padding: 0.5rem 1.2rem; |
| border-radius: 50px; |
| font-size: 0.85rem; |
| color: var(--primary-glow); |
| margin-bottom: 1.5rem; |
| } |
| |
| .badge::before { |
| content: ''; |
| width: 8px; height: 8px; |
| background: var(--success); |
| border-radius: 50%; |
| animation: pulse 2s infinite; |
| } |
| |
| @keyframes pulse { |
| 0%, 100% { opacity: 1; } |
| 50% { opacity: 0.5; } |
| } |
| |
| h1 { |
| font-size: clamp(2.5rem, 6vw, 4.5rem); |
| font-weight: 900; |
| line-height: 1.1; |
| margin-bottom: 1.5rem; |
| background: linear-gradient(135deg, #fff 0%, var(--primary-glow) 50%, var(--accent-cyan) 100%); |
| -webkit-background-clip: text; |
| -webkit-text-fill-color: transparent; |
| } |
| |
| .hero-sub { |
| font-size: 1.25rem; |
| color: var(--text-muted); |
| max-width: 600px; |
| margin: 0 auto 2.5rem; |
| } |
| |
| .hero-ctas { |
| display: flex; |
| gap: 1rem; |
| justify-content: center; |
| flex-wrap: wrap; |
| } |
| |
| .btn-primary { |
| background: linear-gradient(135deg, var(--primary), var(--accent-cyan)); |
| color: white; |
| padding: 1rem 2.5rem; |
| border-radius: 12px; |
| text-decoration: none; |
| font-weight: 700; |
| font-size: 1rem; |
| transition: all 0.3s; |
| box-shadow: 0 8px 30px rgba(99, 102, 241, 0.4); |
| border: none; |
| cursor: pointer; |
| display: inline-flex; |
| align-items: center; |
| gap: 0.5rem; |
| } |
| |
| .btn-primary:hover { |
| transform: translateY(-3px); |
| box-shadow: 0 12px 40px rgba(99, 102, 241, 0.6); |
| } |
| |
| .btn-secondary { |
| background: var(--surface-2); |
| color: var(--text); |
| padding: 1rem 2.5rem; |
| border-radius: 12px; |
| text-decoration: none; |
| font-weight: 600; |
| font-size: 1rem; |
| border: 1px solid var(--border); |
| transition: all 0.3s; |
| cursor: pointer; |
| } |
| |
| .btn-secondary:hover { |
| background: var(--surface); |
| border-color: var(--primary); |
| } |
| |
| |
| .stats { |
| display: flex; |
| justify-content: center; |
| gap: 3rem; |
| padding: 3rem 2rem; |
| flex-wrap: wrap; |
| position: relative; |
| z-index: 2; |
| } |
| |
| .stat { |
| text-align: center; |
| } |
| |
| .stat-value { |
| font-size: 2.5rem; |
| font-weight: 900; |
| background: linear-gradient(135deg, var(--accent-gold), #fbbf24); |
| -webkit-background-clip: text; |
| -webkit-text-fill-color: transparent; |
| } |
| |
| .stat-label { |
| color: var(--text-dim); |
| font-size: 0.9rem; |
| text-transform: uppercase; |
| letter-spacing: 0.1em; |
| } |
| |
| |
| section { |
| position: relative; |
| z-index: 2; |
| padding: 5rem 2rem; |
| } |
| |
| .container { |
| max-width: 1200px; |
| margin: 0 auto; |
| } |
| |
| .section-header { |
| text-align: center; |
| margin-bottom: 3rem; |
| } |
| |
| .section-header h2 { |
| font-size: 2.5rem; |
| font-weight: 800; |
| margin-bottom: 1rem; |
| } |
| |
| .section-header p { |
| color: var(--text-muted); |
| max-width: 600px; |
| margin: 0 auto; |
| } |
| |
| .gradient-text { |
| background: linear-gradient(135deg, var(--primary), var(--accent-cyan)); |
| -webkit-background-clip: text; |
| -webkit-text-fill-color: transparent; |
| } |
| |
| |
| .tools-grid { |
| display: grid; |
| grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); |
| gap: 1.5rem; |
| } |
| |
| .tool-card { |
| background: var(--surface); |
| border: 1px solid var(--border); |
| border-radius: 20px; |
| padding: 2rem; |
| transition: all 0.3s; |
| position: relative; |
| overflow: hidden; |
| } |
| |
| .tool-card::before { |
| content: ''; |
| position: absolute; |
| top: 0; left: 0; right: 0; |
| height: 3px; |
| background: linear-gradient(90deg, var(--primary), var(--accent-cyan)); |
| opacity: 0; |
| transition: opacity 0.3s; |
| } |
| |
| .tool-card:hover { |
| transform: translateY(-5px); |
| border-color: rgba(99, 102, 241, 0.3); |
| box-shadow: 0 20px 60px rgba(99, 102, 241, 0.1); |
| } |
| |
| .tool-card:hover::before { |
| opacity: 1; |
| } |
| |
| .tool-icon { |
| width: 50px; height: 50px; |
| border-radius: 14px; |
| display: flex; |
| align-items: center; |
| justify-content: center; |
| font-size: 1.5rem; |
| margin-bottom: 1.2rem; |
| } |
| |
| .tool-card:nth-child(1) .tool-icon { background: rgba(245, 158, 11, 0.15); } |
| .tool-card:nth-child(2) .tool-icon { background: rgba(99, 102, 241, 0.15); } |
| .tool-card:nth-child(3) .tool-icon { background: rgba(6, 182, 212, 0.15); } |
| .tool-card:nth-child(4) .tool-icon { background: rgba(244, 63, 94, 0.15); } |
| .tool-card:nth-child(5) .tool-icon { background: rgba(16, 185, 129, 0.15); } |
| .tool-card:nth-child(6) .tool-icon { background: rgba(139, 92, 246, 0.15); } |
| |
| .tool-card h3 { |
| font-size: 1.3rem; |
| font-weight: 700; |
| margin-bottom: 0.5rem; |
| } |
| |
| .tool-card .commission { |
| display: inline-block; |
| background: rgba(16, 185, 129, 0.15); |
| color: var(--success); |
| padding: 0.3rem 0.8rem; |
| border-radius: 50px; |
| font-size: 0.8rem; |
| font-weight: 700; |
| margin-bottom: 1rem; |
| } |
| |
| .tool-card p { |
| color: var(--text-muted); |
| font-size: 0.95rem; |
| margin-bottom: 1.5rem; |
| } |
| |
| .tool-link { |
| display: inline-flex; |
| align-items: center; |
| gap: 0.5rem; |
| color: var(--primary-glow); |
| text-decoration: none; |
| font-weight: 600; |
| font-size: 0.95rem; |
| transition: gap 0.3s; |
| } |
| |
| .tool-link:hover { |
| gap: 1rem; |
| } |
| |
| .tool-link::after { |
| content: '→'; |
| transition: transform 0.3s; |
| } |
| |
| .tool-link:hover::after { |
| transform: translateX(4px); |
| } |
| |
| |
| .feature-highlight { |
| background: linear-gradient(135deg, var(--surface), var(--surface-2)); |
| border: 1px solid var(--border); |
| border-radius: 24px; |
| padding: 3rem; |
| margin: 3rem 0; |
| display: grid; |
| grid-template-columns: 1fr 1fr; |
| gap: 3rem; |
| align-items: center; |
| } |
| |
| .feature-visual { |
| background: rgba(99, 102, 241, 0.05); |
| border: 1px solid var(--border); |
| border-radius: 16px; |
| padding: 2rem; |
| position: relative; |
| min-height: 300px; |
| display: flex; |
| flex-direction: column; |
| gap: 1rem; |
| } |
| |
| .code-block { |
| background: var(--bg); |
| border-radius: 12px; |
| padding: 1.2rem; |
| font-family: 'JetBrains Mono', 'Fira Code', monospace; |
| font-size: 0.85rem; |
| overflow-x: auto; |
| } |
| |
| .code-block .comment { color: var(--text-dim); } |
| .code-block .key { color: var(--accent-cyan); } |
| .code-block .string { color: var(--accent-gold); } |
| .code-block .bool { color: var(--accent-rose); } |
| |
| |
| .cta-section { |
| text-align: center; |
| padding: 6rem 2rem; |
| } |
| |
| .cta-box { |
| background: linear-gradient(135deg, rgba(99, 102, 241, 0.1), rgba(6, 182, 212, 0.1)); |
| border: 1px solid var(--border); |
| border-radius: 24px; |
| padding: 4rem 3rem; |
| max-width: 800px; |
| margin: 0 auto; |
| position: relative; |
| overflow: hidden; |
| } |
| |
| .cta-box::before { |
| content: ''; |
| position: absolute; |
| top: -50%; left: -50%; |
| width: 200%; height: 200%; |
| background: radial-gradient(circle, rgba(99, 102, 241, 0.1) 0%, transparent 70%); |
| animation: rotate 30s linear infinite; |
| } |
| |
| @keyframes rotate { |
| from { transform: rotate(0deg); } |
| to { transform: rotate(360deg); } |
| } |
| |
| .cta-box > * { |
| position: relative; |
| z-index: 1; |
| } |
| |
| |
| footer { |
| border-top: 1px solid var(--border); |
| padding: 3rem 2rem; |
| text-align: center; |
| color: var(--text-dim); |
| font-size: 0.9rem; |
| position: relative; |
| z-index: 2; |
| } |
| |
| .footer-links { |
| display: flex; |
| justify-content: center; |
| gap: 2rem; |
| margin-bottom: 1.5rem; |
| flex-wrap: wrap; |
| } |
| |
| .footer-links a { |
| color: var(--text-muted); |
| text-decoration: none; |
| transition: color 0.3s; |
| } |
| |
| .footer-links a:hover { |
| color: var(--primary-glow); |
| } |
| |
| |
| .sidebar-rec { |
| position: fixed; |
| right: 2rem; |
| bottom: 2rem; |
| z-index: 50; |
| background: var(--surface); |
| border: 1px solid var(--border); |
| border-radius: 16px; |
| padding: 1.2rem; |
| max-width: 280px; |
| box-shadow: 0 20px 60px rgba(0,0,0,0.5); |
| backdrop-filter: blur(20px); |
| transform: translateX(120%); |
| transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1); |
| } |
| |
| .sidebar-rec.visible { |
| transform: translateX(0); |
| } |
| |
| .sidebar-rec h4 { |
| font-size: 0.9rem; |
| margin-bottom: 0.8rem; |
| display: flex; |
| align-items: center; |
| gap: 0.5rem; |
| } |
| |
| .sidebar-rec .rec-link { |
| display: block; |
| background: linear-gradient(135deg, var(--primary), var(--accent-cyan)); |
| color: white; |
| text-decoration: none; |
| padding: 0.8rem 1.2rem; |
| border-radius: 12px; |
| font-size: 0.85rem; |
| font-weight: 600; |
| text-align: center; |
| margin-top: 0.8rem; |
| transition: all 0.3s; |
| } |
| |
| .sidebar-rec .rec-link:hover { |
| transform: translateY(-2px); |
| box-shadow: 0 8px 20px rgba(99, 102, 241, 0.4); |
| } |
| |
| |
| ::-webkit-scrollbar { |
| width: 8px; |
| } |
| |
| ::-webkit-scrollbar-track { |
| background: var(--bg); |
| } |
| |
| ::-webkit-scrollbar-thumb { |
| background: var(--surface-2); |
| border-radius: 4px; |
| } |
| |
| ::-webkit-scrollbar-thumb:hover { |
| background: var(--primary); |
| } |
| |
| |
| @media (max-width: 768px) { |
| .feature-highlight { |
| grid-template-columns: 1fr; |
| } |
| .hero-ctas { |
| flex-direction: column; |
| align-items: center; |
| } |
| .stats { |
| gap: 2rem; |
| } |
| .sidebar-rec { |
| right: 1rem; |
| left: 1rem; |
| max-width: none; |
| bottom: 1rem; |
| } |
| } |
| </style> |
| </head> |
| <body> |
|
|
| |
| <div class="particles" id="particles"></div> |
|
|
| |
| <nav> |
| <div class="logo">⚡ Revenue Machine</div> |
| <a href="https://systeme.io/de?sa=sa0174191115fa520c2f58a4c2498f7d364a1799d4" |
| target="_blank" |
| rel="noopener noreferrer" |
| class="nav-cta"> |
| Funnel Starten → |
| </a> |
| </nav> |
|
|
| |
| <section class="hero"> |
| <svg class="hero-bg-visual" viewBox="0 0 800 800" xmlns="http://www.w3.org/2000/svg"> |
| <defs> |
| <linearGradient id="g1" x1="0%" y1="0%" x2="100%" y2="100%"> |
| <stop offset="0%" stop-color="#6366f1" stop-opacity="0.3"/> |
| <stop offset="100%" stop-color="#06b6d4" stop-opacity="0.1"/> |
| </linearGradient> |
| <radialGradient id="g2" cx="50%" cy="50%" r="50%"> |
| <stop offset="0%" stop-color="#6366f1" stop-opacity="0.2"/> |
| <stop offset="100%" stop-color="transparent"/> |
| </radialGradient> |
| </defs> |
| <circle cx="400" cy="400" r="300" fill="url(#g1)" opacity="0.5"> |
| <animate attributeName="r" values="300;320;300" dur="8s" repeatCount="indefinite"/> |
| </circle> |
| <circle cx="400" cy="400" r="200" fill="url(#g2)"> |
| <animate attributeName="r" values="200;220;200" dur="6s" repeatCount="indefinite"/> |
| </circle> |
| <g stroke="#6366f1" stroke-width="1" opacity="0.3" fill="none"> |
| <ellipse cx="400" cy="400" rx="350" ry="200"> |
| <animateTransform attributeName="transform" type="rotate" from="0 400 400" to="360 400 400" dur="30s" repeatCount="indefinite"/> |
| </ellipse> |
| <ellipse cx="400" cy="400" rx="300" ry="250"> |
| <animateTransform attributeName="transform" type="rotate" from="360 400 400" to="0 400 400" dur="25s" repeatCount="indefinite"/> |
| </ellipse> |
| </g> |
| <g fill="#06b6d4" opacity="0.6"> |
| <circle cx="400" cy="150" r="4"> |
| <animate attributeName="cy" values="150;400;650;400;150" dur="10s" repeatCount="indefinite"/> |
| </circle> |
| <circle cx="650" cy="400" r="3"> |
| <animate attributeName="cx" values="650;400;150;400;650" dur="12s" repeatCount="indefinite"/> |
| </circle> |
| <circle cx="250" cy="300" r="5" opacity="0.4"> |
| <animate attributeName="cy" values="300;500;300" dur="8s" repeatCount="indefinite"/> |
| </circle> |
| </g> |
| </svg> |
|
|
| <div class="hero-content"> |
| <div class="badge">● Live Playbook v1.0 — Mai 2026</div> |
| <h1>Der Programmatische<br>Revenue Machine</h1> |
| <p class="hero-sub"> |
| Automatisierter Monetization Scaling mit KI-Agenten, Lifetime-Commissions |
| und einem selbstreplizierenden Content-Stack. |
| </p> |
| <div class="hero-ctas"> |
| <a href="https://www.gohighlevel.com/?fp_ref=3w6dr" |
| target="_blank" |
| rel="noopener noreferrer" |
| class="btn-primary"> |
| <span>🚀</span> SaaS Imperium Starten |
| </a> |
| <a href="#tools" class="btn-secondary">Stack Ansehen ↓</a> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <div class="stats"> |
| <div class="stat"> |
| <div class="stat-value">40-60%</div> |
| <div class="stat-label">Lifetime Commission</div> |
| </div> |
| <div class="stat"> |
| <div class="stat-value">24/7</div> |
| <div class="stat-label">Agenten-Runtime</div> |
| </div> |
| <div class="stat"> |
| <div class="stat-value">6</div> |
| <div class="stat-label">Core Assets</div> |
| </div> |
| </div> |
|
|
| |
| <section id="tools"> |
| <div class="container"> |
| <div class="section-header"> |
| <h2>🔥 Die Waffen der <span class="gradient-text">Unsterblichen</span></h2> |
| <p>Verifizierte Tracking-Links mit maximaler Conversion. |
| Jede Erwähnung = automatisierte Einnahmen.</p> |
| </div> |
|
|
| <div class="tools-grid"> |
| <div class="tool-card"> |
| <div class="tool-icon">🎬</div> |
| <h3>Okara AI</h3> |
| <span class="commission">Recurring Video AI</span> |
| <p>Virale Videos automatisch auf Viralität trimmen. |
| Video-Content im Dauerfeuer-Modus ohne Agentur.</p> |
| <a href="https://okara.ai/?via=jean" |
| target="_blank" |
| rel="noopener noreferrer" |
| class="tool-link"> |
| Okara AI testen |
| </a> |
| </div> |
|
|
| <div class="tool-card"> |
| <div class="tool-icon">🤖</div> |
| <h3>GoHighLevel</h3> |
| <span class="commission">40% Lifetime</span> |
| <p>Das Komplett-Backend für dein 24/7 SaaS Imperium. |
| CRM, Funnel, Email & SMS — alles in einem.</p> |
| <a href="https://www.gohighlevel.com/?fp_ref=3w6dr" |
| target="_blank" |
| rel="noopener noreferrer" |
| class="tool-link"> |
| GHL Account erstellen |
| </a> |
| </div> |
|
|
| <div class="tool-card"> |
| <div class="tool-icon">⚙️</div> |
| <h3>Systeme.io</h3> |
| <span class="commission">60% Lifetime</span> |
| <p>Der höchste Lifetime-Payout im Marketing-Stack. |
| Funnel-Builder, Kurse, Affiliate-Management — EU-konform.</p> |
| <a href="https://systeme.io/de?sa=sa0174191115fa520c2f58a4c2498f7d364a1799d4" |
| target="_blank" |
| rel="noopener noreferrer" |
| class="tool-link"> |
| Systeme.io starten |
| </a> |
| </div> |
|
|
| <div class="tool-card"> |
| <div class="tool-icon">🎙️</div> |
| <h3>Insighto.ai</h3> |
| <span class="commission">Recurring Voice Agent</span> |
| <p>Voice Agents 24/7 skalieren. KI-gestützte Sprachinteraktion |
| für Support, Sales und Lead-Qualifikation.</p> |
| <a href="https://insighto.ai?aff=2pOWs06wWLEn" |
| target="_blank" |
| rel="noopener noreferrer" |
| class="tool-link"> |
| Voice Agent deployen |
| </a> |
| </div> |
|
|
| <div class="tool-card"> |
| <div class="tool-icon">🚀</div> |
| <h3>Tiiny Host</h3> |
| <span class="commission">High-Ticket Hosting</span> |
| <p>Statische Seiten in Sekunden live. Perfekt für Landing Pages, |
| Link-Cloaking und Rapid Prototyping deines Stacks.</p> |
| <a href="https://tiiny.cello.so/VSfOsTdniC6" |
| target="_blank" |
| rel="noopener noreferrer" |
| class="tool-link"> |
| Site deployen |
| </a> |
| </div> |
|
|
| <div class="tool-card"> |
| <div class="tool-icon">📝</div> |
| <h3>Jotform</h3> |
| <span class="commission">30% Standard</span> |
| <p>Formulare, Apps und Workflows ohne Code. |
| Lead-Erfassung, Umfragen und Payment-Integration.</p> |
| <a href="https://www.jotform.com/app/260244135808353" |
| target="_blank" |
| rel="noopener noreferrer" |
| class="tool-link"> |
| Formular erstellen |
| </a> |
| </div> |
| </div> |
|
|
| |
| <div class="feature-highlight"> |
| <div> |
| <h2 style="font-size: 2rem; margin-bottom: 1rem;"> |
| Agentic Monetization<br><span class="gradient-text">Protocol</span> |
| </h2> |
| <p style="color: var(--text-muted); margin-bottom: 1.5rem;"> |
| Dein KI-Swarm scannt jeden Output auf Bare-Domain-Matches |
| und ersetzt sie automatisch durch Tracking-Links. |
| Kein verpasster Umsatz mehr. |
| </p> |
| <ul style="color: var(--text-muted); list-style: none; display: flex; flex-direction: column; gap: 0.8rem;"> |
| <li>✅ <strong>Scan & Replace</strong> — Automatische Link-Injektion</li> |
| <li>✅ <strong>Call-to-Action</strong> — Sidebar & Footer Integration</li> |
| <li>✅ <strong>Cloaking</strong> — Short-Links gegen Link-Stripping</li> |
| <li>✅ <strong>Multi-Format</strong> — HTML, Markdown, PDF</li> |
| </ul> |
| </div> |
| <div class="feature-visual"> |
| <div style="color: var(--text-dim); font-size: 0.8rem; margin-bottom: 0.5rem;">affiliate_database.json</div> |
| <div class="code-block"> |
| <span class="comment">// Central tracking database</span> |
| { |
| <span class="key">"okara_ai"</span>: { |
| <span class="key">"domain"</span>: <span class="string">"okara.ai"</span>, |
| <span class="key">"tracking_url"</span>: <span class="string">"https://okara.ai/?via=jean"</span>, |
| <span class="key">"commission"</span>: <span class="string">"recurring"</span>, |
| <span class="key">"is_active"</span>: <span class="bool">true</span> |
| }, |
| <span class="key">"systeme_io"</span>: { |
| <span class="key">"domain"</span>: <span class="string">"systeme.io"</span>, |
| <span class="key">"tracking_url"</span>: <span class="string">"https://systeme.io/de?sa=..."</span>, |
| <span class="key">"commission"</span>: <span class="string">"60% lifetime"</span>, |
| <span class="key">"is_active"</span>: <span class="bool">true</span> |
| } |
| }</div> |
| <div style="display: flex; gap: 0.5rem; flex-wrap: wrap;"> |
| <span style="background: rgba(99,102,241,0.15); color: var(--primary-glow); padding: 0.3rem 0.8rem; border-radius: 6px; font-size: 0.75rem;">Scan</span> |
| <span style="background: rgba(6,182,212,0.15); color: var(--accent-cyan); padding: 0.3rem 0.8rem; border-radius: 6px; font-size: 0.75rem;">Match</span> |
| <span style="background: rgba(16,185,129,0.15); color: var(--success); padding: 0.3rem 0.8rem; border-radius: 6px; font-size: 0.75rem;">Replace</span> |
| <span style="background: rgba(245,158,11,0.15); color: var(--accent-gold); padding: 0.3rem 0.8rem; border-radius: 6px; font-size: 0.75rem;">Profit</span> |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="cta-section"> |
| <div class="cta-box"> |
| <h2 style="font-size: 2.2rem; font-weight: 800; margin-bottom: 1rem;"> |
| Bereit für den <span class="gradient-text">autonomen Scale</span>? |
| </h2> |
| <p style="color: var(--text-muted); margin-bottom: 2rem; max-width: 500px; margin-left: auto; margin-right: auto;"> |
| Starte jetzt mit GoHighLevel als dein Zentrales Command-Center |
| und verbinde den gesamten Stack für maximale Lifetime-Einnahmen. |
| </p> |
| <a href="https://www.gohighlevel.com/?fp_ref=3w6dr" |
| target="_blank" |
| rel="noopener noreferrer" |
| class="btn-primary" style="font-size: 1.1rem; padding: 1.2rem 3rem;"> |
| <span>👑</span> 24/7 SaaS Imperium starten |
| </a> |
| </div> |
| </section> |
|
|
| |
| <footer> |
| <div class="footer-links"> |
| <a href="https://okara.ai/?via=jean" target="_blank" rel="noopener noreferrer">Okara AI</a> |
| <a href="https://www.gohighlevel.com/?fp_ref=3w6dr" target="_blank" rel="noopener noreferrer">GoHighLevel</a> |
| <a href="https://systeme.io/de?sa=sa0174191115fa520c2f58a4c2498f7d364a1799d4" target="_blank" rel="noopener noreferrer">Systeme.io</a> |
| <a href="https://insighto.ai?aff=2pOWs06wWLEn" target="_blank" rel="noopener noreferrer">Insighto.ai</a> |
| <a href="https://tiiny.cello.so/VSfOsTdniC6" target="_blank" rel="noopener noreferrer">Tiiny Host</a> |
| </div> |
| <p>© 2026 Programmatic Revenue Machine · Playbook v1.0 · Alle Links verifiziert mit aktivem Tracking</p> |
| </footer> |
|
|
| |
| <div class="sidebar-rec" id="sidebarRec"> |
| <h4>💡 Pro-Tipp von Jean</h4> |
| <p style="font-size: 0.85rem; color: var(--text-muted);"> |
| Bevor du unnötig Agenturen bezahlst, setze lieber auf |
| <strong style="color: var(--text);">Okara AI</strong> für deine Videos |
| und schalte das Backend über ein performantes System wie |
| <strong style="color: var(--text);">Systeme.io</strong> live. |
| </p> |
| <a href="https://systeme.io/de?sa=sa0174191115fa520c2f58a4c2498f7d364a1799d4" |
| target="_blank" |
| rel="noopener noreferrer" |
| class="rec-link"> |
| Systeme.io gratis testen |
| </a> |
| </div> |
|
|
| <script> |
| |
| const particlesContainer = document.getElementById('particles'); |
| for (let i = 0; i < 50; i++) { |
| const p = document.createElement('div'); |
| p.className = 'particle'; |
| p.style.left = Math.random() * 100 + '%'; |
| p.style.animationDelay = Math.random() * 20 + 's'; |
| p.style.animationDuration = (15 + Math.random() * 10) + 's'; |
| p.style.width = (1 + Math.random() * 3) + 'px'; |
| p.style.height = p.style.width; |
| particlesContainer.appendChild(p); |
| } |
| |
| |
| let sidebarShown = false; |
| window.addEventListener('scroll', () => { |
| if (!sidebarShown && window.scrollY > 600) { |
| document.getElementById('sidebarRec').classList.add('visible'); |
| sidebarShown = true; |
| } |
| }); |
| |
| |
| document.querySelectorAll('a[href^="#"]').forEach(anchor => { |
| anchor.addEventListener('click', function (e) { |
| e.preventDefault(); |
| const target = document.querySelector(this.getAttribute('href')); |
| if (target) target.scrollIntoView({ behavior: 'smooth' }); |
| }); |
| }); |
| |
| |
| const links = document.querySelectorAll('a[target="_blank"]'); |
| links.forEach(link => { |
| link.addEventListener('click', () => { |
| console.log('🔗 Affiliate Click:', link.href); |
| |
| }); |
| }); |
| </script> |
|
|
| </body> |
| </html> |
