const { useState, useEffect, useRef, useMemo } = React; /* ========== TWEAK DEFAULTS ========== */ const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{ "theme": "light", "accent": "#B85426", "showWpBar": false, "fontPairing": "serif-sans" }/*EDITMODE-END*/; /* ========== ICONS ========== */ const Icon = { arrow: (p) => ( ), arrowUp: (p) => ( ), arrowLeft: (p) => ( ), check: (p) => ( ), plus: (p) => ( ), phone: (p) => ( ), mail: (p) => ( ), pin: (p) => ( ), ig: (p) => ( ), fb: (p) => ( ), li: (p) => ( ), wa: (p) => ( ), }; /* ========== DATA ========== */ const SERVICES = [ { num: "01", tag: "Montage", title: "Montagewerk", desc: "Sommige dingen horen gewoon strak te hangen. Een televisie die niet scheef hangt, een kast die niet wiebelt en planken die écht blijven zitten. Van kleine montageklussen tot complete inrichting: wij zorgen dat alles stevig, netjes en precies op z'n plek komt. Geen gezoek naar handleidingen of missende schroefjes, dat regelen wij wel.", tasks: [ "Meubels monteren", "TV-beugels plaatsen", "Wandplanken ophangen", "Lampen en verlichting monteren", "Gordijnrails en jaloezieën installeren", "Schilderijen en spiegels bevestigen", "Kasten op maat plaatsen", "Deurbeslag vervangen", "Kleine interieurafwerking", ], }, { num: "02", tag: "Verbouw", title: "Kleine verbouwingen", desc: "Een woning hoeft niet compleet op de schop voor een groot verschil. Soms maken juist de slimme aanpassingen het huis fijner, moderner en praktischer. Wij helpen met kleine verbouwingen die direct resultaat geven, zonder maandenlange bouwchaos in huis.", tasks: [ "Binnenwanden plaatsen of aanpassen", "Kleine badkamerverbouwingen", "Toilet renovaties", "Laminaat- en pvc-vloeren leggen", "Plafonds afwerken of verlagen", "Deuren plaatsen", "Isolatiewerkzaamheden", "Afwerking van muren en plafonds", ], }, { num: "03", tag: "Reparatie", title: "Reparaties", desc: "Iedere woning heeft ze wel: die kleine irritaties waar je nét niet aan toekomt. Een deur die klemt, een kraan die drupt of iets dat \u201cnog even gemaakt moet worden\u201d. Wij lossen het snel en netjes op voordat klein groter wordt.", tasks: [ "Lekkages oplossen", "Kranen repareren of vervangen", "Deuren en ramen afstellen", "Sloten vervangen", "Kitwerk herstellen", "Kleine elektra reparaties", "Beschadigingen herstellen", "Losse tegels vastzetten", "Dakgoot reparaties", ], }, { num: "04", tag: "Onderhoud", title: "Onderhoud in en om het huis", desc: "Goed onderhoud merk je pas wanneer het níet gebeurt. Daarom helpen wij om jouw woning netjes, veilig en verzorgd te houden, binnen én buiten. Zo voorkom je onverwachte problemen en blijft alles in topconditie.", tasks: [ "Klein schilderwerk", "Houtwerk onderhoud", "Dakgoten reinigen", "Gevel en terras schoonmaken", "Kitnaden controleren en vervangen", "Kleine tuinwerkzaamheden", "Ventilatieroosters schoonmaken", "Periodiek woningonderhoud", "Kleine herstelwerkzaamheden", ], }, { num: "05", tag: "Houtwerk", title: "Veranda's & overkappingen", desc: "Buiten zitten is altijd een goed idee, als het maar comfortabel is. Wij bouwen veranda's en overkappingen waar sfeer, gemak en vakwerk samenkomen. Een plek om lange zomeravonden door te brengen of droog van je koffie te genieten terwijl de regen tikt op het dak.", tasks: [ "Veranda's bouwen", "Overkappingen plaatsen", "Pergola's maken", "Vlonders leggen", "Buitenverlichting installeren", "Houten buitenconstructies", "Carports realiseren", "Terrasoverkappingen bouwen", "Buitenkeukens monteren", ], }, { num: "06", tag: "Installatie", title: "Installatiewerk", desc: "Een installatie moet gewoon werken. Zonder gedoe, zonder losse kabels en zonder verrassingen. Wij verzorgen kleine installatiewerkzaamheden netjes, veilig en professioneel.", tasks: [ "Lampen aansluiten", "Stopcontacten plaatsen", "Schakelaars vervangen", "Sanitair installeren", "Kranen vervangen", "Wasmachines aansluiten", "Keukenapparatuur installeren", "Afzuigkappen plaatsen", "Buitenverlichting aansluiten", "Kleine loodgieterswerkzaamheden", ], }, ]; const WHY = [ { num: "01", title: "Betrouwbaar", desc: "Afspraak is afspraak. Op tijd aanwezig, duidelijke prijs vooraf, geen verrassingen." }, { num: "02", title: "Netjes", desc: "Schoencovers aan, plastic erover, bezem mee. We laten het achter zoals we het vonden." }, { num: "03", title: "Persoonlijk", desc: "Eén aanspreekpunt. Direct contact met de vakman die ook daadwerkelijk bij je thuis komt." }, { num: "04", title: "Flexibel", desc: "Avond, weekend, kort dag. Klein of groot werk. Eén klus of een hele klussenlijst." }, ]; const PROCESS = [ { num: "01", title: "Aanvraag", desc: "Heb je een klus, idee of project? Laat het ons weten via telefoon, WhatsApp of het contactformulier. Groot of klein, we denken graag met je mee en kijken direct naar de mogelijkheden." }, { num: "02", title: "Offerte", desc: "Geen verrassingen achteraf. Je ontvangt een duidelijke offerte waarin precies staat wat we gaan doen, wat het kost en hoe we het aanpakken. Transparant en overzichtelijk." }, { num: "03", title: "Inplannen", desc: "Akkoord? Dan plannen we de werkzaamheden op een moment dat het jou uitkomt. We houden van heldere afspraken en korte lijnen, zodat je weet waar je aan toe bent. Spoed? Vaak nog dezelfde dag mogelijk." }, { num: "04", title: "Uitvoering", desc: "Tijdens de werkzaamheden werken we netjes, zorgvuldig en met aandacht voor detail. Geen haastwerk, maar degelijk vakwerk waar je jarenlang plezier van hebt." }, { num: "05", title: "Oplevering", desc: "Pas klaar als alles klopt. Samen lopen we het werk na en zorgen we ervoor dat alles netjes wordt opgeleverd. Jij tevreden, dan zijn wij dat ook." }, ]; const PROJECTS = [ { src: "assets/veranda-buiten.jpg", title: "Veranda met douglas latwerk", tag: "VERANDA · 2025", layout: "p-1", location: "Zutphen" }, { src: "assets/veranda-binnen.jpg", title: "Veranda met lichtkoepel", tag: "VERANDA · 2025", layout: "p-2", location: "Zutphen" }, { src: "assets/houtwand.jpg", title: "Houtgevel op maat", tag: "VERANDA · 2025", layout: "p-3", location: "Zutphen" }, { src: "assets/detail-hout.jpg", title: "Detail · inbouwspots & afwerking", tag: "VERANDA · 2025", layout: "p-4", location: "Zutphen" }, { src: "assets/schuur.jpg", title: "Bijgebouw in lariks", tag: "VERANDA · 2025", layout: "p-5", location: "Zutphen" }, ]; const TESTIMONIALS = [ { quote: "Binnen een week was de hele bijkeuken verbouwd. Strakker dan ik durfde hopen, en de prijs klopte tot op de euro.", name: "Marieke V.", role: "Apeldoorn", initial: "M" }, { quote: "Een echte vakman. Eerlijk, snel, en hij denkt mee. We hebben nu een vaste klusser voor het hele huis.", name: "Jeroen B.", role: "Beekbergen", initial: "J" }, { quote: "Inbouwkast op maat — past tot de millimeter. Werkplaats schoon achtergelaten alsof er niemand geweest is.", name: "Sanne T.", role: "Ede", initial: "S" }, { quote: "Vier klussen op één dag, allemaal netjes afgewerkt. Communicatie helder, geen verrassingen op de factuur.", name: "Pieter K.", role: "Vaassen", initial: "P" }, { quote: "De keuken-montage was complex maar werd kalm en grondig aangepakt. Aanrader voor wie kwaliteit wil.", name: "Lisanne D.", role: "Loenen", initial: "L" }, ]; /* ========== COMPONENTS ========== */ function WpBar() { return (
Skål Designs Aanpassen + Nieuw Reacties Hallo, Beheerder
); } function Nav({ active, onNavigate }) { const [scrolled, setScrolled] = useState(false); useEffect(() => { const onScroll = () => setScrolled(window.scrollY > 30); window.addEventListener('scroll', onScroll, { passive: true }); onScroll(); return () => window.removeEventListener('scroll', onScroll); }, []); const links = [ { id: "home", label: "Home" }, { id: "diensten", label: "Diensten" }, { id: "projecten", label: "Projecten" }, { id: "werkwijze", label: "Werkwijze" }, { id: "over", label: "Over ons" }, { id: "contact", label: "Contact" }, ]; return ( ); } function Hero({ onNavigate }) { return (
Apeldoorn ·

Vakmanschap
voor elke
klus.

Professionele hulp voor kleine en grote werkzaamheden in en rondom huis. Eén vakman, één aanspreekpunt, één afspraak die klopt.

{e.preventDefault(); onNavigate("contact");}}> Offerte aanvragen {e.preventDefault(); onNavigate("diensten");}}> Bekijk diensten
Veranda met lichtkoepel in Zutphen VERANDA · ZUTPHEN · 2025
Project

Veranda met lichtkoepel & douglas houtwerk

Opgeleverd 2025 · Zutphen
); } function Ticker() { const items = ["Montage", "Reparatie", "Maatwerk", "Onderhoud", "Verbouw", "Schilderwerk", "Tuinklussen", "Hang- en sluitwerk"]; const all = [...items, ...items, ...items]; return (
{all.map((t, i) => {t})}
); } function Intro() { return (
Over Skål Designs

Een vakman die opruimt als hij weggaat.

Skål Designs is het klussenbedrijf van Apeldoorn voor wie het werk goed gedaan wil hebben — door één vaste persoon, op tijd, voor een eerlijke prijs.

We werken voor particulieren die geen half werk willen. Of het nu gaat om een wankele deur, een nieuwe inbouwkast, of een hele rij klussen die maar blijft liggen — wij pakken het op, werken het netjes af, en lopen samen met je rond voor we vertrekken.

240+
Klussen voltooid
4.9
Gemiddelde beoordeling
24u
Reactie op offerte
100%
Tevreden­heids­garantie
); } function Services({ onNavigate }) { const [open, setOpen] = useState(null); return (
Diensten

Wat we doen.

Van een losse klus tot een complete klussenlijst. Geen project te klein — en de meeste te overzien zonder gedoe.

{SERVICES.map((s, i) => { const isOpen = open === i; return (

{s.desc}

Werkzaamheden
    {s.tasks.map(t => (
  • {t}
    • ))}
); })}
); } function Why() { return (
Waarom Skål Designs

Vier afspraken
die we altijd waarmaken.

Een klussenbedrijf hoort betrouwbaar te zijn. We hebben het in vier punten gevangen — en houden er onszelf aan.

{WHY.map(w => (
{w.num}

{w.title}

{w.desc}

))}
); } function Process() { return (
Werkwijze

Van aanvraag tot oplevering.

Een rustige, voorspelbare aanpak. Geen verrassingen, geen meerwerk zonder overleg.

{PROCESS.map(p => (
— {p.num} {p.title} {p.desc}
))}
); } function Projects({ onNavigate }) { return (
Uitgelichte projecten

Recent werk.

Een selectie uit verandas, overkappingen en houtwerk-projecten in en rond Apeldoorn. Gemaakt met douglas, lariks en eerlijk vakmanschap.

{PROJECTS.map((p, i) => (
onNavigate("contact")}> {p.tag} · {p.location} {p.title}
PROJECT 0{i+1}

{p.title}

))}
); } function Testimonials() { const [i, setI] = useState(0); const [perView, setPerView] = useState(3); useEffect(() => { const update = () => { if (window.innerWidth < 600) setPerView(1); else if (window.innerWidth < 900) setPerView(2); else setPerView(3); }; update(); window.addEventListener('resize', update); return () => window.removeEventListener('resize', update); }, []); const max = Math.max(0, TESTIMONIALS.length - perView); const clamped = Math.min(i, max); const offset = clamped * (100 / perView); return (
Klantreviews

Wat klanten zeggen.

Een eerlijke selectie uit ruim 80 reviews — verzameld via Google en persoonlijke gesprekken na oplevering.

{TESTIMONIALS.map((t, idx) => (

{t.quote}

{t.initial}
{t.name}
{t.role}
))}
{Array.from({length: max + 1}).map((_, idx) => ( ))}
); } function About() { return (
Over ons

Een kleine onderneming
met grote standaarden.

Skål Designs is een eenmanszaak uit Apeldoorn. Eén vakman, met een netwerk van vertrouwde collega's voor het zware werk.

Houten gevelbekleding met verticale latten — werk van Skål Designs VERANDA · ZUTPHEN · 2025

Skål is Scandinavisch voor "proost" — een teken van wederzijds respect. Dat is precies hoe ik wil werken: met respect voor jouw huis, jouw tijd, en het vak.

Ik begon Skål Designs omdat ik genoeg had gezien van klussers die te laat komen, een rommel achterlaten, of een prijs noemen die plotseling verdubbelt. Het kan anders. Het hoort anders.

Mijn werk loopt van een wankele deur of een tv-beugel tot complete verandas, overkappingen en houtgevels op maat — elke klus krijgt dezelfde aanpak: ik kom op tijd, leg uit wat ik doe, doe het netjes, en lever pas op als jij tevreden bent.

S.
Skål Designs
KVK 88128938 · Eenmanszaak
); } function ContactForm() { const [form, setForm] = useState({ naam: "", email: "", tel: "", bericht: "" }); const [errors, setErrors] = useState({}); const [submitted, setSubmitted] = useState(false); const update = (k, v) => { setForm(f => ({...f, [k]: v})); if (errors[k]) setErrors(e => ({...e, [k]: undefined})); }; const submit = (e) => { e.preventDefault(); const er = {}; if (form.naam.trim().length < 2) er.naam = "Naam ontbreekt"; if (!/^[^@\s]+@[^@\s]+\.[^@\s]+$/.test(form.email)) er.email = "Ongeldig e-mailadres"; if (form.bericht.trim().length < 10) er.bericht = "Vertel ons iets meer over de klus"; setErrors(er); if (Object.keys(er).length === 0) { setSubmitted(true); setForm({ naam: "", email: "", tel: "", bericht: "" }); setTimeout(() => setSubmitted(false), 4000); } }; return ( <>
update('naam', e.target.value)} placeholder="Voor- en achternaam"/> {errors.naam}
update('email', e.target.value)} placeholder="jij@voorbeeld.nl"/> {errors.email}
update('tel', e.target.value)} placeholder="06 — optioneel"/>