Embed

<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<title>VendingNoord - Offerte tool coming soon</title>

<style>

:root {
  --vn-bg: #f3efe7;
  --vn-bg-light: #faf7f1;
  --vn-text: #0f0f0f;
  --vn-muted: #5c5c5c;
  --vn-accent: #f59a1a;
  --vn-border: rgba(0,0,0,.08);
}

html, body {
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;

  background:
    radial-gradient(900px 520px at 35% 25%, rgba(0,0,0,.05), transparent 60%),
    radial-gradient(700px 420px at 75% 35%, rgba(245,154,26,.12), transparent 55%),
    linear-gradient(180deg, var(--vn-bg-light), var(--vn-bg));
}

/* Overlay */

.vn-overlay {
  position: fixed;
  inset: 0;
  z-index: 99999;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 24px;

  background: rgba(15,15,15,.72);
  backdrop-filter: blur(16px);
}

/* Modal */

.vn-modal {
  width: min(620px, 100%);
  background: rgba(255,255,255,.97);

  border-radius: 30px;
  padding: 42px 34px;

  text-align: center;

  box-shadow: 0 40px 100px rgba(0,0,0,.22);
}

/* Brand */

.vn-brand {
  font-size: 26px;
  font-weight: 900;
  letter-spacing: -0.03em;
  margin-bottom: 16px;
}

.vn-brand span {
  color: var(--vn-accent);
}

/* Title */

.vn-title {
  margin: 0 0 14px;

  font-size: clamp(34px,5vw,56px);
  font-weight: 950;

  letter-spacing: -0.04em;
  line-height: 1.05;
}

/* Text */

.vn-text {
  font-size: 17px;
  line-height: 1.7;
  color: var(--vn-muted);

  max-width: 42ch;
  margin: 0 auto 26px;
}

/* Button */

.vn-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 14px 26px;

  border-radius: 999px;

  background: var(--vn-accent);
  color: var(--vn-text);

  font-weight: 800;
  font-size: 15px;

  border: 1px solid rgba(245,154,26,.8);

  cursor: pointer;

  transition: .18s ease;
}

.vn-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 28px rgba(245,154,26,.28);
}

</style>
</head>

<body>



<div class="vn-overlay">

  <div class="vn-modal">

    <div class="vn-brand">
      Vending<span>Noord</span>
    </div>

    <h1 class="vn-title">
      Offerte tool<br>
      Coming soon...
    </h1>

    <p class="vn-text">
      Deze pagina is momenteel nog niet beschikbaar.
      De offertetool wordt binnenkort live gezet.
    </p>

    <button
      class="vn-btn"
      onclick="window.location.href='https://vendingnoord.com';"
    >
      Terug naar VendingNoord →
    </button>

  </div>

</div>

</body>
</html>

<div class="vn-onderbalk">

<style>

.vn-onderbalk{

width:100vw;
margin-left:calc(50% - 50vw);

background:
radial-gradient(900px 520px at 35% 10%, rgba(0,0,0,.06), transparent 60%),
radial-gradient(700px 420px at 75% 35%, rgba(245,154,26,.12), transparent 55%),
linear-gradient(180deg,#fbf8f2,#f3f0ea);

padding:60px 20px;

font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;

display:flex;
justify-content:center;

box-sizing:border-box;
}

.vn-onderbalk-wrap{

max-width:1100px;
width:100%;

background:rgba(255,255,255,.65);

border-radius:18px;

padding:40px 32px;

border:1px solid rgba(0,0,0,.08);

box-shadow:0 18px 55px rgba(0,0,0,.10);

backdrop-filter:blur(8px);

}

.vn-onderbalk-grid{

display:grid;

grid-template-columns:1.2fr 1fr 1fr;

gap:40px;

}

.vn-onderbalk h3{

font-size:20px;

margin-bottom:10px;

font-weight:900;

}

.vn-onderbalk p{

line-height:1.7;

color:#333;

margin-bottom:10px;

}

.vn-onderbalk a{

text-decoration:none;

color:#111;

display:block;

margin-bottom:8px;

}

.vn-onderbalk a:hover{

color:#f59a1a;

}

.vn-onderbalk-btn{

display:inline-block;

margin-top:12px;

padding:12px 20px;

border-radius:999px;

background:#f59a1a;

color:#111;

font-weight:800;

text-decoration:none;

box-shadow:0 10px 28px rgba(245,154,26,.28);

}

.vn-onderbalk-bottom{

margin-top:30px;

padding-top:20px;

border-top:1px solid rgba(0,0,0,.08);

font-size:14px;

color:#555;

display:flex;

justify-content:space-between;

flex-wrap:wrap;

gap:10px;

}

/* MOBILE */

@media(max-width:800px){

.vn-onderbalk-grid{

grid-template-columns:1fr;

gap:28px;

}

}

</style>


<div class="vn-onderbalk-wrap">

<div class="vn-onderbalk-grid">



<div>

<h3>VendingNoord</h3>

<p>Machines die rendement opleveren.</p>

<p>
Nassaustraat 18C<br>
Winschoten
</p>

<p>
KvK: 99444585
</p>

</div>




<div>

<h3>Menu</h3>

<a href="https://vendingnoord.com">Home</a>

<a href="https://vendingnoord.com/#voor-wie-geschikt">Werkwijze</a>

<a href="https://vendingnoord.com/offerte">Offerte aanvragen</a>

<a href="mailto:Info@Vendingnoord.nl">Contact</a>

</div>




<div>

<h3>Contact</h3>

<a href="tel:+31611835310">+31 6 11 83 53 10</a>

<a href="mailto:Info@Vendingnoord.nl">Info@Vendingnoord.nl</a>

<a href="mailto:Dimitri@Vendingnoord.nl">Dimitri@Vendingnoord.nl</a>

<a href="mailto:Harold@Vendingnoord.nl">Harold@Vendingnoord.nl</a>

<a class="vn-onderbalk-btn" href="https://vendingnoord.com/offerte">
Vraag offerte aan
</a>

</div>

</div>


<div class="vn-onderbalk-bottom">

<div>
© VendingNoord
</div>

<div>
<a href="https://vendingnoord.com/algemene-voorwaarden">
Algemene voorwaarden
</a>
</div>

</div>

</div>

</div>

VendingNoord

DOEL
Schrijf de volledige webcopy voor de website van “VendingNoord” (Nederlandstalig). De stijl is zakelijk, professioneel, betrouwbaar en helder. Geen overdreven marketingtaal, geen vage claims. Korte zinnen, veel duidelijkheid. De website moet voelen als een digitaal visitekaartje + conversiepagina voor potentiële locaties.

MERK & BEDRIJF
Bedrijfsnaam: VendingNoord
Regio: Noord-Nederland
Business: VendingNoord plaatst en exploiteert moderne vendingmachines op externe locaties en beheert alles volledig (plaatsing, voorraad, onderhoud, storingen, monitoring).
Verdienmodel: verkoop van snacks/dranken; locatie ontvangt een commissie/percentage over de winst of omzet (communiceer “commissie per verkoop” en “percentage van de winst”, zonder exacte percentages te noemen tenzij nodig).
Pilot/werkwijze: altijd starten met een proefperiode van 6 maanden om rendement te valideren; daarna vervolgcontract indien rendabel. Transparant en zonder langdurige verplichtingen vooraf.
Positionering/slogan: “Functioneel. Rendabel. Zonder omkijken.”
Kernbelofte: “Een extra faciliteit. Zonder werk. Zonder risico.”
Wat de locatie doet: toestemming voor plaatsing + stroomvoorziening.
Wat de locatie NIET doet: geen investering, geen onderhoud, geen voorraad, geen administratie, geen personeel.

DOELGROEP (LOCATIES)
- Sportscholen
- Kantoren
- Bedrijfshallen & logistieke centra
- Scholen/MBO/HBO (waar toegestaan)
- Wachtruimtes en openbare ruimtes met bezoekers/staff die langer aanwezig zijn

WAARDEPROPOSITIE (VOOR LOCATIES)
- Extra service voor bezoekers/personeel (eten/drinken direct beschikbaar, 24/7)
- Professionele uitstraling en convenience
- Passieve extra inkomsten via commissie per verkoop
- Volledige ontzorging: VendingNoord regelt plaatsing, bijvullen, onderhoud, storingen, monitoring
- Proefperiode (6 maanden) om eerst te testen zonder langlopende verplichting
- Na succesvolle proefperiode blijft de afgesproken commissie geborgd (niet verlagen in vervolg)

BENODIGDE OUTPUT (STRUCTUUR VAN DE WEBSITE)
Schrijf de teksten voor deze onderdelen, met koppen en subkoppen:

1) HERO-SECTIE (bovenaan)
- Korte, sterke headline (max 9 woorden)
- Subheadline (1–2 zinnen) die uitlegt wat VendingNoord doet en voor wie
- 2 call-to-action knoppen in tekstvorm:
  a) “Check vrijblijvend of uw locatie geschikt is”
  b) “Plan een kennismaking”
- 3 bullets met kernvoordelen (geen investering, ontzorging, commissie)

2) KORTE INTRO (visitekaartje)
- 4–6 zinnen: wie VendingNoord is, wat jullie doen, regio, en belofte.

3) “WAAROM EEN VENDINGMACHINE?”
- Leg zakelijk uit waarom dit geen luxe is maar logisch: mensen zijn langer aanwezig, behoefte aan eten/drinken en gemak, 24/7 beschikbaar.
- Geen verkooppraat; concreet en logisch.

4) “WAT WIJ VOOR U REGELEN” (diensten)
- Een overzichtelijke lijst met:
  - Plaatsing
  - Vullen/bijvullen
  - Onderhoud/service
  - Storingen oplossen
  - Monitoring prestaties
  - A/B-testen assortiment voor optimale prestaties
- Eindig met één zin: “Uw enige bijdrage: stroomvoorziening.”

5) “FINANCIEEL HELDER”
- Leg uit: vrijwel geen kosten, geen investering, geen aanschaf, geen onderhoudskosten voor locatie.
- Stroomkosten zijn beperkt en worden gecompenseerd door commissie-inkomsten.
- Uitleg in 3 stappen “Hoe werkt het?”:
  Stap 1: intake/geschiktheid
  Stap 2: plaatsing + 6 maanden proefperiode
  Stap 3: evaluatie en vervolgcontract bij rendement
- Voeg korte zekerheidstekst toe: transparant, geen kleine lettertjes, commissie blijft geborgd na succesvolle proef.

6) “VOOR WIE IS DIT GESCHIKT?”
- Korte alinea + bullets met doelgroep-locaties.
- Voeg 3 selectiecriteria toe (bijv. bezoekersstroom, aanwezigheid > X uur, zichtbare/veilige plek), maar zonder harde cijfers als je dat niet zeker weet.

7) “ONZE AANPAK” (proces)
- 5 stappen, kort en professioneel:
  1) Kennismaking en locatiecheck
  2) Voorstel (commissie & afspraken)
  3) Plaatsing
  4) Exploitatie + monitoring + service
  5) Evaluatie na proefperiode en opschaling/continuering

8) “RISICO & VERANTWOORDELIJKHEID”
- Leg uit dat VendingNoord verantwoordelijk is voor beheer/onderhoud en dat er verzekeringen/afspraken zijn.
- Hou dit neutraal en geruststellend; geen juridisch jargon.
- Vermeld dat er duidelijke voorwaarden zijn en dat aansprakelijkheid netjes wordt afgedekt in de overeenkomst.

9) “OVER VENDINGNOORD”
- Zakelijke alinea: twee oprichters, actief betrokken, focus op professionaliteit, groei en betrouwbare samenwerking.

10) FAQ (minimaal 6 vragen + antwoorden)
Maak FAQ’s die passen bij locaties:
- Wat kost het ons?
- Hoeveel ruimte is nodig?
- Wie vult de machine bij?
- Wat als er storing is?
- Hoe zit het met schoonmaak en onderhoud?
- Hoe werkt de proefperiode?
- Kunnen we meedenken over assortiment?
- Hoe snel kunnen jullie plaatsen?

11) CONTACTSECTIE
- Korte uitnodigende tekst + contactgegevens:
  Telefoon: +31 6 11 83 53 10
  E-mail: info@vendingnoord.nl
- Voeg 1 zin “Vrijblijvende locatiecheck” toe.

12) FOOTER-TEKST
- 1 regel met slogan: “VendingNoord — Functioneel. Rendabel. Zonder omkijken.”

SCHRIJFRICHTLIJNEN
- Schrijf in formeel Nederlands (u/uw).
- Geen Engelse woorden tenzij noodzakelijk.
- Gebruik geen overdreven superlatieven.
- Houd alinea’s kort (2–4 zinnen).
- Bullets en koppen moeten scanbaar zijn.
- Tone of voice: betrouwbaar, nuchter, professioneel.

EXTRA
Voeg onderaan 2 varianten toe van de hero-headline + subheadline (A/B-test ideeën).
VISUELE RICHTING
De visuele stijl van VendingNoord moet industrieel, functioneel en zakelijk aanvoelen.
Niet “clean & wit”, maar robuust en volwassen.
Denk: metaal, machines, logistiek, techniek, betrouwbaarheid.

KLEURHOOFDROLVERDELING
- Donkere tinten zijn leidend
- Oranje is accent en signaal
- Wit is ondersteunend, niet dominant

PRIMAIRE KLEUREN

1) Diep antraciet / industrieel zwart
   (bijv. #111111 – #1C1C1C – #222222)
- Functie: primaire achtergrondkleur
- Gebruik:
  - Hero-sectie
  - Navigatie
  - Footer
  - Belangrijke secties
- Geeft gevoel van:
  - Industrie
  - Stabiliteit
  - Techniek
  - Professionaliteit

2) Oranje (logo-oranje of iets gedempt)
   (bijv. #FF8C1A – #F7931E)
- Functie: functioneel accent
- Gebruik:
  - Call-to-action knoppen
  - Lijnen, separators
  - Iconen
  - Belangrijke woorden of cijfers
- Oranje staat voor:
  - Actie
  - Energie
  - Rendement
- Niet decoratief gebruiken, alleen waar aandacht nodig is

SECUNDAIRE KLEUREN

3) Donker staalgrijs
   (bijv. #2A2A2A – #333333)
- Gebruik:
  - Content-blokken
  - Cards
  - Sectie-achtergronden
- Zorgt voor gelaagdheid zonder drukte

4) Licht industrieel grijs (in plaats van wit)
   (bijv. #E5E5E5 – #DADADA)
- Gebruik:
  - Tekst op donkere achtergronden
  - Subkoppen
  - Kleine contentvlakken
- Wit (#FFFFFF) alleen gebruiken:
  - Voor maximale leesbaarheid
  - Nooit als groot achtergrondvlak

KLEURVERHOUDING (RICHTLIJN)
- 55% donker (zwart / antraciet)
- 25% staalgrijs / donkergrijs
- 15% lichtgrijs
- 5% oranje (accent)

TYPOGRAFIE & CONTRAST
- Tekst meestal lichtgrijs op donkere achtergrond
- Koppen in wit of zeer lichtgrijs
- Oranje uitsluitend voor:
  - CTA’s
  - Highlights
  - Belangrijke cijfers of termen
- Geen gekleurde tekstblokken

INDUSTRIËLE ABSTRACTIE
- Gebruik van:
  - Strakke lijnen
  - Horizontale scheidingen
  - Subtiele rasters
- Geen afgeronde, speelse vormen
- Hoeken: scherp of minimaal afgerond
- Eventueel subtiele textuur (beton/staal-achtig), maar zeer licht

KNOPPEN & INTERACTIE
- CTA-knoppen:
  - Oranje achtergrond
  - Donkere tekst of wit
- Secondary buttons:
  - Transparant of donker
  - Oranje rand
- Hover-effecten:
  - Subtiele kleurverschuiving
  - Geen schaduwen of glow

EMOTIE & UITSTRALING
De website moet voelen als:
- Technisch
- Betrouwbaar
- Rendementsgericht
- “Dit staat er. Dit werkt.”

Geen speelsheid.
Geen lifestyle-look.
Wel: zakelijke kracht en controle.

MERKGEVOEL
VendingNoord voelt als:
- Een exploitant
- Een operator
- Een partner die het regelt
Niet als een marketingbedrijf.


Offerte tool Coming soon...

VendingNoord

Menu

Contact

Offerte tool
Coming soon...