// Rvertising — V2 Solo, ported from Claude Design (claude.ai/design) handoff. // Source variant: variant-sf.jsx. Tweaks-Panel/edit-mode logic stripped for production. const T = { pricingLayout: "cards", sfFontDisplay: "Geist", sfFontSerif: "DM Serif Display", sfFontBody: "Geist", sfFontMono: "Geist Mono", sfBg: "#0a0a0c", sfBg2: "#111114", sfSurface: "#16161b", sfFg: "#fafaf7", sfAccent: "#ff5b14", sfAccent2: "#ffb800" }; function hexToRgba(hex, a = 1) { const h = hex.replace('#', ''); const v = h.length === 3 ? h.split('').map((c) => c + c).join('') : h; const r = parseInt(v.slice(0, 2), 16), g = parseInt(v.slice(2, 4), 16), b = parseInt(v.slice(4, 6), 16); return `rgba(${r},${g},${b},${a})`; } function buildSFTokens(t) { const { sfFg: fg, sfBg: bg, sfBg2: bg2, sfSurface: surface, sfAccent: accent, sfAccent2: accent2 } = t; return { '--sf-bg': bg, '--sf-bg2': bg2, '--sf-surface': surface, '--sf-fg': fg, '--sf-dim': hexToRgba(fg, .6), '--sf-faint': hexToRgba(fg, .4), '--sf-line': hexToRgba(fg, .08), '--sf-line-strong': hexToRgba(fg, .16), '--sf-accent': accent, '--sf-accent2': accent2, '--sf-glow': `radial-gradient(ellipse at center, ${hexToRgba(accent, .35)}, transparent 60%)`, '--sf-card-grad': `linear-gradient(180deg, ${hexToRgba(fg, .04)}, ${hexToRgba(fg, .01)})`, '--sf-font-display': t.sfFontDisplay, '--sf-font-serif': t.sfFontSerif, '--sf-font-body': t.sfFontBody, '--sf-font-mono': t.sfFontMono }; } const MOCKUPS = [ { src: 'assets/mockups/mockup-01.webp', name: 'GLANZMANUFAKTUR' }, { src: 'assets/mockups/mockup-02.webp', name: 'GLANZMANUFAKTUR' }, { src: 'assets/mockups/mockup-03.webp', name: 'PALENGA' }, { src: 'assets/mockups/mockup-04.webp', name: 'BLITZAREA20' }, { src: 'assets/mockups/mockup-05.webp', name: 'AB TUNING' }, { src: 'assets/mockups/mockup-06.webp', name: 'STATICFLOW' }, { src: 'assets/mockups/mockup-07.webp', name: 'STATICFLOW EXPORT' }, { src: 'assets/mockups/mockup-08.webp', name: 'STATICFLOW NICHE' }, { src: 'assets/mockups/mockup-09.webp', name: 'STATICFLOW SHOWCASE' }, { src: 'assets/mockups/mockup-10.webp', name: 'STATICFLOW SWAP' }, { src: 'assets/mockups/mockup-11.webp', name: 'STATICFLOW HYPERSCAN' } ]; function SFStyles() { return ( ); } function SFMockCard({ m, tall }) { return (
{m.name.toLowerCase().replace(/\s/g, '')}.de
{m.name}
); } function SFNav() { return (
Rvertising Rvertising®
); } function SFHero() { const { useMemo, useEffect, useState, useRef } = React; const [topOrder, bottomOrder] = useMemo(() => { const shuffle = (arr) => { const a = arr.slice(); for (let i = a.length - 1; i > 0; i--) { const j = Math.floor(Math.random() * (i + 1)); [a[i], a[j]] = [a[j], a[i]]; } return a; }; return [shuffle(MOCKUPS), shuffle(MOCKUPS)]; }, []); useEffect(() => { const items = Array.from(document.querySelectorAll('.sf-root .hero-dock-row .dock-item')); if (!items.length) return; let raf = 0; const update = () => { const vw = window.innerWidth; const cx = vw / 2; const radius = vw * 0.45; const minScale = 0.35; const maxScale = 1; for (const el of items) { const r = el.getBoundingClientRect(); const itemCx = r.left + r.width / 2; const dist = Math.min(1, Math.abs(itemCx - cx) / radius); const t = 0.5 + 0.5 * Math.cos(dist * Math.PI); const scale = minScale + (maxScale - minScale) * t; el.style.transform = `scale(${scale.toFixed(3)})`; } raf = requestAnimationFrame(update); }; raf = requestAnimationFrame(update); return () => cancelAnimationFrame(raf); }, []); // Scroll-pinned hero: outer wrapper height = sticky 100vh + REVEAL_PX of pin scroll. // Drive transforms via refs in rAF — no React state, no rerenders per scroll tick. const wrapRef = useRef(null); const porscheRef = useRef(null); const shadowRef = useRef(null); const REVEAL_PX = 700; useEffect(() => { let raf = 0; const apply = () => { const el = wrapRef.current; if (!el) return; const r = el.getBoundingClientRect(); const scrollable = r.height - window.innerHeight; const p = scrollable <= 0 ? 0 : Math.min(1, Math.max(0, -r.top / scrollable)); const porsche = porscheRef.current; if (porsche) { porsche.style.opacity = Math.min(1, p * 2.4); porsche.style.transform = `translateY(${(1 - p) * 70}%) scale(${0.92 + p * 0.08})`; } const shadow = shadowRef.current; if (shadow) { shadow.style.opacity = Math.min(1, p * 1.6) * 0.55; shadow.style.transform = `translateX(${(1 - p) * 80}%)`; } }; const onScroll = () => { if (raf) return; raf = requestAnimationFrame(() => { raf = 0; apply(); }); }; apply(); window.addEventListener('scroll', onScroll, { passive: true }); window.addEventListener('resize', apply); return () => { if (raf) cancelAnimationFrame(raf); window.removeEventListener('scroll', onScroll); window.removeEventListener('resize', apply); }; }, []); return (
{(() => { const layers = [ { blur: 0, mask: 'linear-gradient(to right, #000 45%, transparent 70%)' }, { blur: 4, mask: 'linear-gradient(to right, transparent 45%, #000 60%, #000 70%, transparent 82%)' }, { blur: 12, mask: 'linear-gradient(to right, transparent 65%, #000 78%, #000 86%, transparent 94%)' }, { blur: 28, mask: 'linear-gradient(to right, transparent 82%, #000 96%)' } ]; return layers.map((l, i) => ( {i )); })()}
Q3 2026 · Noch 2 Slots verfügbar

Websites, die deine Aufbereitung zur ersten Wahl machen.

Premium-Webdesign & Performance-Ads — exklusiv für Fahrzeugaufbereiter. Ab 1.750 € netto. Kein Abo. Kein Bullshit.

★★★★★ 4,9 · 38 Trustpilot-Bewertungen
• 38 gelaunchte Studios • 3 Jahre nur Aufbereiter
{[...topOrder, ...topOrder, ...topOrder].map((m, i) =>
)}
{[...bottomOrder, ...bottomOrder, ...bottomOrder].map((m, i) => )}
); } function SFLogos() { const items = ['MAX7M CLEAN', 'PERFECT LINE', 'CASPARI OBERFLÄCHENDESIGN', 'CLEAN GARAGE RHEINGAU', 'REITENGLANZ', 'ASPHALT REBELLEN', 'GLANZAFFE', 'PALENGA', 'REININGER', 'OLDTIMER MASTERCLASS', 'ELITE CAR CARE']; return (
// 38 DETAILER-STUDIOS. 3 LÄNDER. 1 ANSPRECHPARTNER.
{[...items, ...items].map((it, i) => {it} ✦ )}
); } function SFToolStage({ items, reverse, startDelay = 0 }) { const { useState, useEffect, useRef } = React; const [idx, setIdx] = useState(0); const [started, setStarted] = useState(false); const stageRef = useRef(null); const [active, setActive] = useState(false); useEffect(() => { if (!stageRef.current) return; const io = new IntersectionObserver((entries) => { entries.forEach((e) => { if (e.isIntersecting) setActive(true); }); }, { rootMargin: '600px 0px 600px 0px', threshold: 0 }); io.observe(stageRef.current); return () => io.disconnect(); }, []); useEffect(() => { if (!active || started) return; const t = setTimeout(() => setStarted(true), startDelay || 0); return () => clearTimeout(t); }, [active, started, startDelay]); useEffect(() => { if (!active || !started) return; const t = setTimeout(() => setIdx((i) => (i + 1) % items.length), 3200); return () => clearTimeout(t); }, [idx, active, items.length, started]); const it = items[idx]; const shownIdx = idx; return (
{started && it.image &&
} {started &&
{it.image ? {it.model} :
// {it.model.toUpperCase()}
}
}
{String(shownIdx + 1).padStart(2, '0')} / {String(items.length).padStart(2, '0')} — {it.label}
{it.model}
); } function SFToolsRow({ kicker, copy, ghostNumber, headline, headlineWords, items, reverse }) { const headlineCol = (
{kicker}

{headlineWords}

{ghostNumber}
{copy &&

{copy}

}
); const heroWord = headline.toUpperCase(); const imageCol = (
{heroWord}
); return (
{imageCol}
{headlineCol}
); } function CasinoWord({ words, color }) { const { useState, useEffect, useRef } = React; const [text, setText] = useState(words[0]); const [spinning, setSpinning] = useState(false); const ref = useRef(null); useEffect(() => { if (!ref.current) return; const fillers = ['Magisches', 'Brillantes', 'Episches', 'Stylisches', 'Krasses', 'Geniales', 'Wildes', 'Funkelndes']; let started = false; let intervalId = 0; const timeouts = []; const io = new IntersectionObserver((es) => es.forEach(e => { if (!e.isIntersecting || started) return; started = true; let nextIdx = 0; const cycle = () => { nextIdx = (nextIdx + 1) % words.length; setSpinning(true); let spin = 0; const total = 7; const tick = () => { if (spin < total - 1) { setText(fillers[Math.floor(Math.random() * fillers.length)]); spin++; timeouts.push(setTimeout(tick, 70)); } else { setText(words[nextIdx]); setSpinning(false); } }; tick(); }; intervalId = setInterval(cycle, 3200); }), { threshold: 0.4 }); io.observe(ref.current); return () => { io.disconnect(); if (intervalId) clearInterval(intervalId); timeouts.forEach(clearTimeout); }; }, []); return ( {text} ); } function SFTools() { const { useEffect, useRef } = React; const finaleRef = useRef(null); const mclarenRef = useRef(null); const mclarenShadowRef = useRef(null); const headlineRef = useRef(null); useEffect(() => { let raf = 0; const apply = () => { const el = finaleRef.current; if (!el) return; const r = el.getBoundingClientRect(); const vh = window.innerHeight; // progress: 0 when finale is one viewport below entering, 1 when finale top reaches mid-viewport const p = Math.min(1, Math.max(0, 1 - (r.top - vh * 0.2) / (vh * 0.8))); const m = mclarenRef.current; if (m) { m.style.opacity = Math.min(1, p * 1.6); m.style.transform = `translateX(${(1 - p) * -40}%)`; } const s = mclarenShadowRef.current; if (s) { s.style.opacity = Math.min(1, p * 1.4) * 0.55; s.style.transform = `translateX(${(1 - p) * -80}%)`; } const h = headlineRef.current; if (h) { const scale = 1 + (1 - p) * 1.4; h.style.transform = `scale(${scale})`; } }; const onScroll = () => { if (raf) return; raf = requestAnimationFrame(() => { raf = 0; apply(); }); }; apply(); window.addEventListener('scroll', onScroll, { passive: true }); window.addEventListener('resize', apply); return () => { if (raf) cancelAnimationFrame(raf); window.removeEventListener('scroll', onScroll); window.removeEventListener('resize', apply); }; }, []); const top = [ { mono: '01 / 03', label: 'HOCHDRUCKREINIGER', model: 'BigBoi WashR Pro MKII', image: 'assets/tool-bigboi.webp', imgStyle: { width: '1000px', height: 'auto', margin: '0', transform: 'none' } }, { mono: '02 / 03', label: 'POLIERMASCHINE', model: 'Rupes HLR21', image: 'assets/tool-rupes.webp', imgStyle: { width: '1288px', height: '541px', margin: '-83px -83px -79px', transform: 'rotate(15deg)' } }, { mono: '03 / 03', label: 'LED-LAMPE', model: 'Scangrip Multimatch + Sunmatch', image: 'assets/tool-scangrip.webp', imgStyle: { width: '1000px', height: 'auto', margin: '0', transform: 'none' } } ]; const bottom = [ { mono: '01 / 03', label: 'WORKSTATION', model: 'MacBook Pro 16"', image: 'assets/setup-macbook.webp', imgStyle: { width: '1000px', height: 'auto', margin: '0', transform: 'none' } }, { mono: '02 / 03', label: 'DISPLAY', model: 'Alienware 34"', image: 'assets/setup-alienware.webp', imgStyle: { width: '1000px', height: 'auto', margin: '0', padding: '0px 16px 0px 0px', transform: 'none' } }, { mono: '03 / 03', label: 'INPUT · AUDIO', model: 'Magic + Bowers & Wilkins Px8', image: 'assets/setup-audio.webp', imgStyle: { width: '1000px', height: 'auto', margin: '0', transform: 'none' } } ]; return (
// CHAPTER 02 — WERKZEUGE

Du arbeitest mit Hochdruck, Politur und Licht. Ich arbeite mit Pixeln, Code und Conversion-Daten. Beides ist Handwerk — und beides braucht das richtige Werkzeug.

DEIN
TÄGLICHES
Werkzeug.} ghostNumber="01" copy="Hochdruckreiniger, Poliermaschine, Lichtquelle. Damit holst du jeden Tag das Maximum aus jedem Lack — Mikrometer für Mikrometer." items={top} /> MEIN
TÄGLICHES
Werkzeug.} ghostNumber="02" copy="MacBook, Ultra-Wide-Display, Magic-Setup, Studio-Audio. Damit baue ich Websites, die für dich verkaufen — Pixel für Pixel, Conversion für Conversion." items={bottom} reverse />
// 01 + 02 = ∞

Zusammen
kreieren wir

{(() => { const layers = [ { blur: 0, mask: 'linear-gradient(to left, #000 45%, transparent 70%)' }, { blur: 4, mask: 'linear-gradient(to left, transparent 45%, #000 60%, #000 70%, transparent 82%)' }, { blur: 12, mask: 'linear-gradient(to left, transparent 65%, #000 78%, #000 86%, transparent 94%)' }, { blur: 28, mask: 'linear-gradient(to left, transparent 82%, #000 96%)' } ]; return layers.map((l, i) => ( {i )); })()}
); } function Counter({ value, duration = 1600 }) { const { useRef, useState, useEffect } = React; const m = String(value).match(/^([+\-]?)(\d+(?:[.,]\d+)?)(.*)$/); if (!m) return <>{value}; const prefix = m[1]; const raw = m[2]; const suffix = m[3]; const decimalSep = raw.includes(',') ? ',' : raw.includes('.') ? '.' : ''; const decimals = decimalSep ? raw.split(decimalSep)[1].length : 0; const target = parseFloat(raw.replace(',', '.')); const ref = useRef(null); const [n, setN] = useState(0); const [started, setStarted] = useState(false); useEffect(() => { if (!ref.current || started) return; const io = new IntersectionObserver((entries) => { entries.forEach((e) => { if (e.isIntersecting && !started) { setStarted(true); const t0 = performance.now(); const tick = (t) => { const p = Math.min(1, (t - t0) / duration); const eased = 1 - Math.pow(1 - p, 3); setN(target * eased); if (p < 1) requestAnimationFrame(tick); else setN(target); }; requestAnimationFrame(tick); } }); }, { threshold: 0.4 }); io.observe(ref.current); return () => io.disconnect(); }, [target, duration, started]); const formatted = decimals > 0 ? n.toFixed(decimals).replace('.', decimalSep || '.') : Math.round(n).toString(); return {prefix}{formatted}{suffix}; } function SFManifest() { return (
Das Problem

Acht von zehn Auto-Besitzer googeln „Fahrzeugaufbereitung in meiner Nähe" — bevor sie buchen. Die Frage ist: finden sie dich?

{[ ['+312%', 'mehr Anfragen', 'über Google in 90 Tagen'], ['5,8×', 'ROAS', 'auf Meta-Werbung'], ['14 d', 'Time to Launch', 'vom Call zum Live-Gang'] ].map(([n, k, sub], i) =>
{k}
{sub}
)}
); } function SFFeatVisual({ variant, big }) { if (variant === 'strategy') return (
// Funnel · Aufbereiter-Studio
{[['Google „Aufbereitung X"', '12.400'], ['Klick auf Website', '3.220'], ['Anfrage gesendet', '248'], ['Termin gebucht', '89'], ['Auftrag erhalten', '71']].map(([l, v], i) =>
{l} {v}
)}
// Ergebnis Q3
71
Aufträge im Quartal · CPL 14 €
); if (variant === 'mockup') return (
Perfect Line.
FOLIERUNG · DETAILING · KÖLN — Premium Studio für anspruchsvolle Kunden
Termin sichern →
Galerie
); if (variant === 'metrics') return (
// Meta · 30 Tage
{['7d', '30d', '90d'].map((t, i) => {t})}
{[['ROAS', '5,8×', '#ff5b14'], ['CPL', '14 €', 'var(--sf-fg)'], ['CTR', '3,4%', 'var(--sf-fg)']].map(([k, v, c], i) =>
{k}
{v}
)}
{[40, 55, 42, 68, 75, 62, 82, 90, 72, 85, 95, 100, 88, 72].map((h, i) =>
)}
); return (
// WhatsApp · 14:32
Hey, du hattest gestern wegen dem M4 angerufen — bin grad bei der Lackvermessung. Sende dir gleich die Werte.
Top, danke! 🤘
0,5–1,2 µm Klarlack noch übrig. Politur reicht, kein Schleifen nötig. Schicke dir den Plan in 10 min per Mail.
echte Konversation
); } function SFFeatures() { const feats = [ { n: '01', title: 'Strategie', label: '— Bevor wir einen Pixel bewegen', d: 'Wir starten nicht mit Design. Wir starten mit deinen Zahlen, deinen Margen, deinen Wunschkunden. Du bekommst einen ehrlichen Plan — auch wenn wir nicht zusammenarbeiten.', visual: 'strategy' }, { n: '02', title: 'Custom Build', label: '— Keine Templates. Nie.', d: 'Jede Seite ist von Grund auf gebaut. Custom-Komponenten, Mobile-First, Lighthouse 95+. Premium-Animationen statt Hover-Trash. Lieferzeit: 14 Tage.', visual: 'mockup' }, { n: '03', title: 'Performance Ads', label: '— Für volle Terminkalender', d: 'Meta-Ads mit Detailer-spezifischen Funnels. Wir kennen die CPLs der Aufbereiter-Branche, die Saison-Peaks (Frühjahr & Herbst), die Trigger. Ab Tag 1 mess- und steuerbar.', visual: 'metrics' }, { n: '04', title: '1 Ansprechpartner', label: '— Keine Account-Manager', d: 'Du redest mit dem, der baut. Direkt. Kein Ticket-System, kein PowerPoint. Dein Handy, mein Handy. Slack oder WhatsApp — du wählst.', visual: 'phone' } ]; return (
Was wir machen

Vier Bausteine. Ein Ergebnis: dein Telefon klingelt.

{feats.map((f, i) =>
{f.n} {f.label}

{f.title}

{f.d}

)}
); } function SFSphere() { const tiles = [...MOCKUPS, ...MOCKUPS.slice(0, 4)]; return (
Portfolio

38 Aufbereiter. Eine Mission.

Jede Seite custom gebaut. Jeder Funnel auf Fahrzeugaufbereitung zugeschnitten. Klick rein.

{[420, 560, 720].map((s, i) =>
)}
{tiles.slice(0, 12).map((m, i) => { const angle = i / 12 * Math.PI * 2; const ring = i % 3; const rx = 220 + ring * 70; const ry = (220 + ring * 70) / 2.4; const x = Math.cos(angle) * rx; const y = Math.sin(angle) * ry; const scale = 0.7 + (y + ry) / (ry * 4); return (
{m.name}
); })}
// Active
38
); } function SFCases() { const cases = [ { co: 'Perfect Line', cat: 'Aufbereitung · Köln', res: '+312% Anfragen', span: 4, bg: 'linear-gradient(135deg,#0c1f1a,#1a3d2f)', n: '01' }, { co: 'MAX7M Clean', cat: 'Aufbereitung · München', res: '5,8× ROAS', span: 2, bg: 'linear-gradient(135deg,#1a1a1a,#0a0a0a)', n: '02' }, { co: 'Caspari', cat: 'Oldtimer-Aufbereitung', res: '89 Leads / Mo', span: 2, bg: 'linear-gradient(135deg,#7a2010,#3a1208)', n: '03' }, { co: 'Asphalt Rebellen', cat: 'Aufbereitung · Stuttgart', res: '14k €/Mo Umsatz', span: 4, bg: 'linear-gradient(135deg,#0a1a2a,#1a3a5a)', n: '04' } ]; return (
Cases · Auswahl 2025

Studios, die wir schneller gemacht haben. Mit Zahlen, nicht Versprechen.

{cases.map((c, i) => e.currentTarget.style.transform = 'translateY(-4px)'} onMouseLeave={(e) => e.currentTarget.style.transform = 'translateY(0)'}>
{c.n} ↗
{c.cat}
{c.co}
↑{c.res}
)}
); } function SFCompare() { const cards = [ { l: 'Webflow-Vorlage', p: '59 €/mo', hot: false, r: [['—', 'Look wie 1.000 andere'], ['—', 'Keine Strategie'], ['—', 'Selbst zusammenbauen'], ['—', 'Kein Tracking-Setup'], ['—', 'Kein Ansprechpartner']] }, { l: 'Klassische Agentur', p: '8.000–20.000 €', hot: false, r: [['—', '3–6 Monate Lieferzeit'], ['—', 'Account-Manager statt Designer'], ['—', 'Versteht Branche nicht'], ['✓', 'Tracking inklusive'], ['—', 'Slack-Threads ohne Ende']] }, { l: 'Rvertising®', p: '2.000–5.000 €', hot: true, r: [['✓', 'Custom für Aufbereiter'], ['✓', 'In 14 Tagen live'], ['✓', 'Strategie + Build aus 1 Hand'], ['✓', 'Tracking + Ads-Setup'], ['✓', 'Mein Handy. Direkt.']] } ]; return (
Der ehrliche Vergleich

Warum nicht einfach Webflow?

{cards.map((c, i) =>
{c.hot &&
EMPFEHLUNG
}
{c.l}
{c.p}
{c.r.map(([icon, txt], j) =>
{icon} {txt}
)}
)}
); } function SFPricing() { const tiers = [ { n: 'Starter', price: '2.000', sub: 'einmalig · netto', hot: false, for: 'Solo · Lokale Aufbereitung', inc: ['5–7 Sektionen Onepager', 'Mobile-First Design', 'Google Maps + SEO Setup', 'Kontaktformular + Tracking', '2 Revisionsschleifen', '7 Tage Lieferzeit'] }, { n: 'Studio', price: '3.500', sub: 'einmalig · netto', hot: true, for: 'Wachsende Aufbereiter · 2–5 MA', inc: ['Multi-Page bis 8 Seiten', 'Custom-Animationen', 'Erweiterte SEO + Local Pack', 'Vorher/Nachher-Galerie', 'Buchungssystem', 'Pixel · GA4 · Call-Tracking', 'Copywriting (deutsch)', '3 Wochen Lieferzeit', '30 Tage Aftercare'] }, { n: 'Premium', price: '5.000', sub: 'einmalig + Retainer', hot: false, for: 'High-End · Premium-Aufbereitung', inc: ['Komplette Web-Architektur', 'Brand-Refresh inklusive', 'Custom-Components + CMS', 'Funnel-Setup (Lead → Call)', 'Meta Ads + 30T Mgmt', 'Conversion-Audit nach 60T', 'Priority-Support', '4–5 Wochen', '90 Tage Aftercare'] } ]; return (
Pakete · Festpreise · netto

Drei Pakete. Ein Ziel: dein Telefon.

{tiers.map((t, i) =>
{t.hot &&
★ Bestseller
}
{t.n}
{t.price} €
{t.sub}
FÜR: {t.for}
    {t.inc.map((x, j) =>
  • →{x}
    • )}
)}
); } function SFReviews() { const reviews = [ { q: 'Die alte Seite hat 3 Jahre nichts gebracht. Nach 2 Wochen kam die erste Aston-Anfrage.', n: 'Marc T.', c: 'MAX7M Clean' }, { q: '4k war mir zu viel. Nach 3 Monaten hatte sich die Seite refinanziert. Punkt.', n: 'Jan-Niklas P.', c: 'Perfect Line' }, { q: 'Endlich versteht jemand die Branche. Kein Agentur-Geschwafel.', n: 'Tobias R.', c: 'Asphalt Rebellen' }, { q: 'Ich hatte vorher Webflow. Conversion vorher: 0,3%. Nach Rvertising: 4,1%.', n: 'Lyle S.', c: 'Oldtimer MC' }, { q: 'Die haben verstanden was ich brauche, bevor ich es selbst wusste.', n: 'Karl C.', c: 'Caspari' }, { q: 'Direkter Draht, keine Agentur-Politik. Genau wie es sein soll.', n: 'Sandra B.', c: 'Glanzaffe' }, { q: 'Geile Seite, geile Ads, geiler Mensch. Mehr ist nicht zu sagen.', n: 'Mike R.', c: 'Reininger' }, { q: 'Mehr Anfragen in 30 Tagen als im ganzen Vorjahr. Kein Witz.', n: 'Felix W.', c: 'Reitenglanz' } ]; const ReviewCard = ({ r }) =>
★★★★★ TRUSTPILOT

„{r.q}"

{r.n}
{r.c}
; return (
O-Ton von echten Kunden

Echte Studios. Echte Zahlen. Keine Stockphotos.

{[...reviews, ...reviews].map((r, i) => )}
{[...reviews.slice().reverse(), ...reviews.slice().reverse()].map((r, i) => )}
); } function SFAbout() { return (
Gründer Rvertising
★ Gründer · seit 2021
Über mich

Kein Agentur-Fuzzi. Ein Mensch. Ein Auto-Nerd. Ein Telefon.

Drei Jahre Performance-Marketing — ausschließlich für Fahrzeugaufbereiter. 38 Aufbereiter-Aufbereiter gelauncht. Ich kenne die Margen, die Kunden, den Lack. Deshalb rede ich nicht über „Storytelling" — ich rede über CPL, ROAS und volle Terminkalender.

Du bekommst keinen Account-Manager. Kein PowerPoint. Du bekommst mich am Telefon.

{[['38', 'Aufbereiter gelauncht'], ['3 J', 'nur Aufbereiter'], ['1', 'Ansprechpartner']].map(([n, l], i) =>
{n}
{l}
)}
); } function SFFaq() { const qs = [ ['Warum sind 5.000 € realistisch für eine Aufbereiter-Website?', 'Eine Premium-Aufbereitung kostet 800–2.500 €. Du machst 2 Aufträge mehr im Monat — die Seite ist nach 90 Tagen refinanziert. Plus: du gewinnst Premium-Kunden zurück, die dich vorher übersehen haben.'], ['Wie lange dauert das Projekt?', 'Starter: 7 Tage. Studio: 3 Wochen. Premium: 4–5 Wochen. Liefertermin steht im Vertrag — wenn wir später sind, gibt es Rabatt.'], ['Macht ihr auch nur Ads?', 'Ja — wenn deine bestehende Seite konvertiert. Vorab-Check kostet nichts. Wenn die Seite nicht passt, sag ich dir das vorher.'], ['Bin ich an euch gebunden?', 'Nein. Die Seite, die Domain, der Code — alles deins. Du kannst jederzeit gehen, kein Hosting-Zwang, kein Abo.'], ['Was, wenn ich keine guten Fotos habe?', 'Wir organisieren einen Fotografen aus dem Netzwerk. Halb- oder Ganztages-Shoot ab 600 € separat.'], ['Bietet ihr Ratenzahlung?', 'Ja: 50/50, 3 Raten zinslos, oder 6 Raten beim Premium-Paket. Direkt mit uns, keine Schufa.'] ]; return (
FAQ

Häufige Fragen. Ehrliche Antworten.

{qs.map(([q, a], i) =>
{String(i + 1).padStart(2, '0')} {q} +

{a}

)}
); } function SFCTA() { const items = ['BERATUNG SICHERN', '30 MINUTEN', '0 € KOSTEN', '0 % BULLSHIT', 'TERMIN BUCHEN', 'NOCH 2 SLOTS Q3']; return (

Lass deinen Terminkalender wieder voll werden.

30 Minuten. Du erzählst mir alles. Ich gebe dir einen Plan — auch wenn wir nicht zusammenarbeiten.

{[...items, ...items, ...items].map((it, i) => {it} ✦ )}
); } function SFFooter() { return ( ); } function App() { const tokens = buildSFTokens(T); React.useEffect(() => { if (typeof Lenis === 'undefined') return; const lenis = new Lenis({ lerp: 0.1, smoothWheel: true }); let raf = 0; const tick = (t) => { lenis.raf(t); raf = requestAnimationFrame(tick); }; raf = requestAnimationFrame(tick); const onAnchor = (e) => { const a = e.target.closest('a[href^="#"]'); if (!a) return; const id = a.getAttribute('href'); if (id.length <= 1) return; const target = document.querySelector(id); if (!target) return; e.preventDefault(); lenis.scrollTo(target); }; document.addEventListener('click', onAnchor); return () => { cancelAnimationFrame(raf); document.removeEventListener('click', onAnchor); lenis.destroy(); }; }, []); return (
); } ReactDOM.createRoot(document.getElementById('root')).render();