/* global React, useTweaks, TweaksPanel, TweakSection, TweakSlider, TweakText */ const { useState, useEffect, useRef } = React; const PHONE_TEL = "+4500000000"; const ArrowCta = () => ( ); const PhoneIcon = ({ size = 16 }) => ( ); const LogoMark = ({ size = 24, color = "oklch(0.88 0.20 128)" }) => ( ); const SKY = "oklch(0.78 0.13 230)"; const CheckIcon = () => ( ); const FoamDrip = () => ( ); /* HEADER */ function Header({ phone, navigate, onNavToSection }) { const [scrolled, setScrolled] = useState(false); const [menuOpen, setMenuOpen] = useState(false); useEffect(() => { const onScroll = () => setScrolled(window.scrollY > 24); window.addEventListener("scroll", onScroll, { passive: true }); onScroll(); return () => window.removeEventListener("scroll", onScroll); }, []); const handleNav = (e, id) => { e.preventDefault(); setMenuOpen(false); if (onNavToSection) onNavToSection(id); }; return (

handleNav(e, "top")}> [FIRMANAVN].

handleNav(e, "prisberegner")}>Beregn pris {phone}

); } /* TICKER */ function Ticker() { const items = [ "Mobil bilvask København", "Vi kommer til din dør", "Indvendig rengøring", "Professionel bilklargøring", "Genbrugsvand. Biologisk nedbrydeligt.", "Hjemme eller på arbejde", ]; const all = [...items, ...items, ...items]; return (

{all.map((t, i) => ( {t} ))}

); } /* HERO */ function Hero({ phone }) { return (

Online nu Mobil bilvask i København

Færdig på 90 min [KØBENHAVN_OMRÅDE] Vi kommer til dig

Bilvask leveret
til din dør.

Vi vasker din bil, hvor du er. Hjemme. På arbejde. På 90 minutter. Du laver det, du har lyst til. Vi laver bilen ren.

Ring {phone} Beregn pris

Vi kommer til dig

Færdig på 90 min

Tilfreds eller gratis

Næste ledige tid: i morgen kl. 09:00

Mobil Bilvask Ud + ind, færdig på 45 min

299 kr fra

); } /* SERVICES */ function Services() { return (

Ydelser

Vælg din pakke. Vi gør resten for dig.

Fra hurtig håndvask til komplet detail. Vi kommer til din adresse i [KØBENHAVN_OMRÅDE] med eget vand, strøm og udstyr. Du behøver ikke at gøre noget.

N°01 · Mest valgte

Mobil
Bilvask

Skånsom håndvask udvendigt. Fælge og dæk renset. Ruder afsprittet. En hurtig støvsugning oveni. Vi kommer til døren, hjemme eller på arbejde.

45 min. Alle bilstørrelser. fra 299 kr

N°02

Indvendig
klargøring

Støvsugning. Aftørring af alle flader. Pudsning af ruder.

60 min fra 449 kr

N°03

Premium klargøring

Komplet ud og ind. Sealer på lakken. Læderpleje og motorrumsrens. Alt på én gang.

120 min. Ud + ind. fra 999 kr

N°04

Luksus Detail

Lakrens, polering, keramisk forsegling, læder og tekstil. Showroom-finish, hjemme i indkørslen.

4 til 6 timer. Efter aftale. fra 2.499 kr

); } /* PROCESS */ function Process() { const steps = [ { n: "01", t: "Du ringer", d: "Eller bruger prisberegneren. 30 sekunder. Ingen formular." }, { n: "02", t: "Vi planlægger", d: "Tid, adresse, bil. Hjemme eller på arbejde i [KØBENHAVN_OMRÅDE]." }, { n: "03", t: "Vi kommer", d: "Eget vand, strøm og udstyr. Du fortsætter din dag." }, { n: "04", t: "Du betaler", d: "Kun hvis du er glad. Tilfredshedsgaranti. Ellers ingen regning." }, ]; return (

Sådan foregår det

Fire skridt. Nul besvær.

Ingen vaskehaller. Ingen ventetid. Ingen apps. Bare et opkald og en ren bil.

{steps.map((s) => (

{s.n}

{s.t}

{s.d}

))}

); } /* CALCULATOR */ const CAR_SIZES = [ { id: "lille", label: "Lille", desc: "Polo. 500.", mult: 0.85 }, { id: "mellem", label: "Mellem", desc: "Golf. A4.", mult: 1.0 }, { id: "stor", label: "Stor\u00a0/\u00a0SUV", desc: "X5. Tiguan.", mult: 1.25 }, ]; const SERVICE_LEVELS = [ { id: "basis", label: "Basis Vask", desc: "Udvendig håndvask", base: 299 }, { id: "indvendig", label: "Indvendig Klargøring", desc: "Støvsug + ruder", base: 449 }, { id: "premium", label: "Premium Klargøring", desc: "Ud + ind + sealer", base: 999 }, { id: "luksus", label: "Luksus Detail", desc: "Polering + forsegling", base: 2499 }, ]; const ADDONS = [ { id: "lader", label: "Læderpleje", price: 199 }, { id: "motor", label: "Motorrumsrens", price: 249 }, { id: "lugt", label: "Lugtfjernelse (ozon)", price: 349 }, ]; function useAnimatedNumber(target, duration = 500) { const [value, setValue] = useState(target); const fromRef = useRef(target); const startRef = useRef(0); const rafRef = useRef(0); useEffect(() => { fromRef.current = value; startRef.current = performance.now(); cancelAnimationFrame(rafRef.current); const tick = (now) => { const t = Math.min(1, (now - startRef.current) / duration); const eased = 1 - Math.pow(1 - t, 3); const v = Math.round(fromRef.current + (target - fromRef.current) * eased); setValue(v); if (t < 1) rafRef.current = requestAnimationFrame(tick); }; rafRef.current = requestAnimationFrame(tick); return () => cancelAnimationFrame(rafRef.current); }, [target]); return value; } function Calculator({ phone }) { const [size, setSize] = useState("mellem"); const [level, setLevel] = useState("indvendig"); const [addons, setAddons] = useState({}); const baseObj = SERVICE_LEVELS.find((s) => s.id === level); const sizeObj = CAR_SIZES.find((c) => c.id === size); const basePrice = Math.round(baseObj.base * sizeObj.mult); const addonsTotal = ADDONS.reduce((sum, a) => addons[a.id] ? sum + a.price : sum, 0); const total = basePrice + addonsTotal; const animated = useAnimatedNumber(total, 480); const toggleAddon = (id) => setAddons((a) => ({ ...a, [id]: !a[id] })); return (

Prisberegner. 30 sek.

Få din pris uden at ringe.

Vælg bilstørrelse og service, så ser du prisen med det samme. Ring bagefter for at booke.

Hvor stor er din bil?

01 / 03

{CAR_SIZES.map((c) => ( ))}

Hvilken service?

02 / 03

{SERVICE_LEVELS.map((s) => (

setLevel(s.id)}> {s.label} {s.desc}. fra {s.base} kr.

))}

Tilvalg (valgfrit)

03 / 03

{ADDONS.map((a) => (

toggleAddon(a.id)}>

{addons[a.id] ? "✓" : ""}

{a.label}

+ {a.price} kr

))}

Din pris. Inkl. moms.

{animated.toLocaleString("da-DK")} kr

{baseObj.label}, {sizeObj.label.replace(/\u00a0/g, " ").toLowerCase()} bil {basePrice.toLocaleString("da-DK")} kr

{ADDONS.filter(a => addons[a.id]).map((a) => (

+ {a.label} {a.price} kr

))}

I alt {total.toLocaleString("da-DK")} kr

Ring {phone} for at booke

Ingen binding. Tilfredshedsgaranti. [KØBENHAVN_OMRÅDE].

); } /* ABOUT */ function About() { return (

Om os. København.

Det skulle være nemmere at have en ren bil i byen.

Vi startede [FIRMANAVN], fordi vi var trætte af at bruge lørdag formiddag i kø ved en vaskehal. Ingen apps. Ingen abonnement. Bare professionel bilklargøring leveret til døren i [KØBENHAVN_OMRÅDE].

Biologisk nedbrydelige produkter. Genbrugsvand i lukkede systemer. Fuldt forsikret. Et fast hold. Samme håndværk hver gang.

90′

Gns. tid pr. bil

100%

Tilfredshedsgaranti

Spildt vand

); } /* BLOG */ const POSTS = [ { cat: "Guide", date: "Apr 2026", read: "4 min", title: "Hvorfor mobil bilvask er fremtiden i København", excerpt: "Trafik, parkering og tid er knappe ressourcer i byen. Sådan vinder du dem alle tilbage.", img: "assets/guide.jpg", }, { cat: "Tips", date: "Mar 2026", read: "6 min", title: "5 tips til at holde din bil ren mellem vaske i [KØBENHAVN_OMRÅDE]", excerpt: "Pollen, salt, måger. Sådan beskytter du lakken og holder kabinen frisk længere.", img: "assets/tips.jpg", }, ]; function Blog() { return (

Blog

Tips fra dem der vasker.

Korte guides og biltips fra København. Skrevet af håndværkere, ikke marketing.

{POSTS.map((p, i) => (

{p.cat}· {p.date}· {p.read}

{p.title}

{p.excerpt}

Læs artiklen

))}

); } /* FINAL CTA */ function FinalCTA({ phone }) { return (

Klar til en ren bil?

Bare ring.

{phone}

); } /* FOOTER */ function Footer({ phone }) { return ( ); } /* COOKIE BANNER */ function CookieBanner({ navigate }) { const [show, setShow] = useState(false); useEffect(() => { const consent = localStorage.getItem("vaska_cookie_consent"); if (!consent) setShow(true); }, []); const handleConsent = (level) => { localStorage.setItem("vaska_cookie_consent", level); setShow(false); }; if (!show) return null; return (

Vi bruger cookies

Vi og vores partnere bruger cookies for at sikre, at vores hjemmeside fungerer korrekt (nødvendige), samt for at analysere trafik og tilpasse markedsføring (valgfrie). Du kan altid ændre dit samtykke. Læs mere i vores{" "} { e.preventDefault(); navigate("legal", "Cookies"); }} style={{ color: "#fff", textDecoration: "underline", textUnderlineOffset: 4 }}>cookiepolitik.

); } /* PAGE VIEWS */ function ArticleView({ post, onBack }) { if (!post) return null; return (

{post.cat}· {post.date}· {post.read}

{post.title}

{post.excerpt}

[ARTIKEL_INDHOLD_AFSNIT_1] Dette er en placeholder-tekst til demo-brug for din klient. Her vil det fulde indhold af din artikel om {post.title.toLowerCase()} i [KØBENHAVN_OMRÅDE] stå.

Vigtigheden af professionel klargøring

[ARTIKEL_INDHOLD_AFSNIT_2] Nullam in dui mauris. Vivamus hendrerit arcu sed erat molestie vehicula. Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor.

[ARTIKEL_INDHOLD_AFSNIT_3] Donec sit amet aliquet quam, a congue sem. Maecenas tristique est sed lectus elementum pulvinar.

); } function CareerView() { return (

Karriere

Bliv en del af holdet.

Vi leder altid efter dedikerede folk til at levere byens bedste bilvask i [KØBENHAVN_OMRÅDE].

Mobil Klargøringsekspert

[KARRIERE_BESKRIVELSE_1] Er du detaljeorienteret og elsker du biler? Vi søger en udadvendt person til at køre vores mobile vaskeenheder.

Fuldtid · [KØBENHAVN_OMRÅDE]

Uopfordret ansøgning

[KARRIERE_BESKRIVELSE_2] Mener du, at du passer ind i teamet, men vi har ikke den rette stilling åben lige nu? Send os en mail med din ansøgning.

Fleksibel · [KØBENHAVN_OMRÅDE]

); } function LegalView({ title }) { return (

{title}

Sidst opdateret: [DATO]

1. Generelle oplysninger

Dette er en placeholder for {title}. Her vil du indsætte de juridisk gældende betingelser for din virksomhed.

Virksomhed: [FIRMANAVN]
CVR: [CVR_NUMMER]
Adresse: [ADRESSE], [KØBENHAVN_OMRÅDE]
E-mail: [EMAIL]

2. [JURIDISK_PUNKT]

[JURIDISK_TEKST_1] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in dui mauris. Vivamus hendrerit arcu sed erat molestie vehicula.

3. [JURIDISK_PUNKT]

[JURIDISK_TEKST_2] Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor. Ut in nulla enim. Phasellus molestie magna non est bibendum non venenatis nisl tempor.

); } /* TWEAKS */ function Tweaks({ onChange }) { const defaults = JSON.parse(document.getElementById("tweak-defaults").textContent.replace(/\/\*EDITMODE-(BEGIN|END)\*\//g, "")); const [tweaks, setTweak] = useTweaks(defaults); useEffect(() => { const root = document.documentElement; const hue = tweaks.accentHue; const c = tweaks.accentChroma; root.style.setProperty("--accent", `oklch(0.88 ${c} ${hue})`); root.style.setProperty("--accent-deep", `oklch(0.68 ${Math.min(c * 1.1, 0.25)} ${hue})`); const inkL = c > 0.05 ? 0.18 : 0.16; root.style.setProperty("--accent-ink", `oklch(${inkL} ${Math.min(c * 0.4, 0.06)} ${hue})`); onChange?.(tweaks); }, [tweaks.accentHue, tweaks.accentChroma, tweaks.phoneNumber]); return ( setTweak("accentHue", v)} /> setTweak("accentChroma", v)} />

{[ {label: "Lime", h: 128, c: 0.20}, {label: "Cyan", h: 200, c: 0.18}, {label: "Sky", h: 235, c: 0.16}, {label: "Korall", h: 30, c: 0.20}, {label: "Sand", h: 70, c: 0.12}, ].map((p) => ( ))}

setTweak("phoneNumber", v)} /> ); } /* APP */ function App() { const defaults = JSON.parse(document.getElementById("tweak-defaults").textContent.replace(/\/\*EDITMODE-(BEGIN|END)\*\//g, "")); const [phone, setPhone] = useState(defaults.phoneNumber); const [view, setView] = useState({ page: "home", data: null }); const navigate = (page, data = null) => { setView({ page, data }); window.scrollTo(0, 0); }; const navToSection = (id) => { if (view.page !== "home") { navigate("home"); setTimeout(() => { const el = document.getElementById(id); if (el) el.scrollIntoView({ behavior: "smooth" }); }, 100); } else { const el = document.getElementById(id); if (el) el.scrollIntoView({ behavior: "smooth" }); } }; return ( <>

{view.page === "home" && ( <> )} {view.page === "article" && navigate("home")} />} {view.page === "legal" && } {view.page === "career" && }

Bilvask leveret til din dør.