|
|
<!DOCTYPE html> |
|
|
<html lang="nl"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>3-Dagen Lanceerplan voor Salon Boekingssysteem</title> |
|
|
<script src="https://cdn.tailwindcss.com"></script> |
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> |
|
|
<style> |
|
|
.gradient-bg { |
|
|
background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%); |
|
|
} |
|
|
.card-hover:hover { |
|
|
transform: translateY(-5px); |
|
|
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); |
|
|
} |
|
|
.transition-all { |
|
|
transition: all 0.3s ease; |
|
|
} |
|
|
.highlight { |
|
|
position: relative; |
|
|
z-index: 1; |
|
|
} |
|
|
.highlight:after { |
|
|
content: ''; |
|
|
position: absolute; |
|
|
bottom: 0; |
|
|
left: 0; |
|
|
width: 100%; |
|
|
height: 15%; |
|
|
background-color: rgba(167, 139, 250, 0.3); |
|
|
z-index: -1; |
|
|
transition: all 0.3s ease; |
|
|
} |
|
|
.highlight:hover:after { |
|
|
height: 25%; |
|
|
background-color: rgba(167, 139, 250, 0.5); |
|
|
} |
|
|
</style> |
|
|
</head> |
|
|
<body class="gradient-bg min-h-screen font-sans"> |
|
|
<div class="container mx-auto px-4 py-12"> |
|
|
|
|
|
<header class="text-center mb-16"> |
|
|
<h1 class="text-4xl md:text-5xl font-bold text-gray-800 mb-4">3-Dagen Lanceerplan</h1> |
|
|
<h2 class="text-2xl md:text-3xl font-semibold text-indigo-600 mb-6">Voor Jouw Salon Boekingssysteem</h2> |
|
|
<p class="text-lg text-gray-600 max-w-3xl mx-auto"> |
|
|
Lanceer je eerste aanbod in slechts 3 dagen - zelfs zonder bestaand publiek. Deze stapsgewijze gids helpt je om snel je eerste 3 betalende klanten te krijgen. |
|
|
</p> |
|
|
</header> |
|
|
|
|
|
|
|
|
<section class="bg-white rounded-xl shadow-lg p-8 mb-16 transition-all hover:shadow-xl"> |
|
|
<div class="flex flex-col md:flex-row items-center"> |
|
|
<div class="md:w-1/2 mb-8 md:mb-0 md:pr-8"> |
|
|
<h3 class="text-2xl font-bold text-gray-800 mb-4">Jouw Product: <span class="text-indigo-600">BoekingsBoost voor Salons</span></h3> |
|
|
<p class="text-gray-600 mb-6"> |
|
|
Een kant-en-klaar online boekingssysteem + websitepakket voor schoonheidssalons die meer klanten willen en minder no-shows. |
|
|
</p> |
|
|
<div class="bg-indigo-50 rounded-lg p-6"> |
|
|
<h4 class="font-semibold text-indigo-700 mb-3">Pakket Inclusief:</h4> |
|
|
<ul class="space-y-2"> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-check-circle text-indigo-500 mt-1 mr-2"></i> |
|
|
<span>Professionele website met boekingsfunctie</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-check-circle text-indigo-500 mt-1 mr-2"></i> |
|
|
<span>Makkelijk beheersysteem voor afspraken</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-check-circle text-indigo-500 mt-1 mr-2"></i> |
|
|
<span>Automatische SMS/e-mail herinneringen</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-check-circle text-indigo-500 mt-1 mr-2"></i> |
|
|
<span>Instagram/Facebook integratie</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-check-circle text-indigo-500 mt-1 mr-2"></i> |
|
|
<span>Hulp bij Google Bedrijfspagina instellen</span> |
|
|
</li> |
|
|
</ul> |
|
|
</div> |
|
|
</div> |
|
|
<div class="md:w-1/2 bg-indigo-100 rounded-xl p-8"> |
|
|
<div class="bg-white rounded-lg shadow-md p-6"> |
|
|
<h4 class="font-bold text-lg text-gray-800 mb-4">Prijzen & Aanbod</h4> |
|
|
<div class="mb-6"> |
|
|
<div class="flex justify-between items-center mb-2"> |
|
|
<span class="font-medium">Standaardprijs:</span> |
|
|
<span class="font-bold text-indigo-600">€199 opstart + €29/maand</span> |
|
|
</div> |
|
|
<div class="flex justify-between items-center"> |
|
|
<span class="font-medium">Early Adopter Aanbod:</span> |
|
|
<span class="font-bold text-indigo-600">€49 eenmalig</span> |
|
|
</div> |
|
|
</div> |
|
|
<div class="bg-yellow-50 border-l-4 border-yellow-400 p-4 mb-6"> |
|
|
<h5 class="font-semibold text-yellow-800 mb-1">Bonus Aanbod</h5> |
|
|
<p class="text-yellow-700 text-sm">2 weken gratis proefperiode + white label optie beschikbaar</p> |
|
|
</div> |
|
|
<div class="space-y-3"> |
|
|
<div class="flex items-start"> |
|
|
<i class="fas fa-bolt text-yellow-500 mt-1 mr-2"></i> |
|
|
<span>Geen technische kennis nodig</span> |
|
|
</div> |
|
|
<div class="flex items-start"> |
|
|
<i class="fas fa-rocket text-yellow-500 mt-1 mr-2"></i> |
|
|
<span>Binnen 48 uur live</span> |
|
|
</div> |
|
|
<div class="flex items-start"> |
|
|
<i class="fas fa-clock text-yellow-500 mt-1 mr-2"></i> |
|
|
<span>Bespaart 5-10 uur per week</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-3 gap-8 mb-16"> |
|
|
|
|
|
<div class="bg-white rounded-xl shadow-lg p-8 transition-all card-hover"> |
|
|
<div class="flex items-center mb-6"> |
|
|
<div class="bg-indigo-100 text-indigo-800 rounded-full w-12 h-12 flex items-center justify-center font-bold text-xl mr-4">1</div> |
|
|
<h3 class="text-2xl font-bold text-gray-800">Dag 1</h3> |
|
|
</div> |
|
|
<h4 class="text-lg font-semibold text-indigo-600 mb-4">Maak Je Aanbod & Kies Doelgroep</h4> |
|
|
|
|
|
<div class="mb-6"> |
|
|
<h5 class="font-medium text-gray-800 mb-2 flex items-center"> |
|
|
<i class="fas fa-bullseye mr-2 text-indigo-500"></i> Wat te verkopen |
|
|
</h5> |
|
|
<ul class="space-y-2 text-gray-600 pl-2"> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-check text-indigo-400 text-xs mt-2 mr-2"></i> |
|
|
<span>Starterpakket met alle essentiële functies</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-check text-indigo-400 text-xs mt-2 mr-2"></i> |
|
|
<span>Focus op tijdwinst en minder no-shows</span> |
|
|
</li> |
|
|
</ul> |
|
|
</div> |
|
|
|
|
|
<div class="mb-6"> |
|
|
<h5 class="font-medium text-gray-800 mb-2 flex items-center"> |
|
|
<i class="fas fa-gift mr-2 text-indigo-500"></i> Hoe het te verpakken |
|
|
</h5> |
|
|
<ul class="space-y-2 text-gray-600 pl-2"> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-check text-indigo-400 text-xs mt-2 mr-2"></i> |
|
|
<span>Noem het "BoekingsBoost voor Salons"</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-check text-indigo-400 text-xs mt-2 mr-2"></i> |
|
|
<span>Bied early adopter prijzen aan</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-check text-indigo-400 text-xs mt-2 mr-2"></i> |
|
|
<span>Belangrijkste voordelen duidelijk benadrukken</span> |
|
|
</li> |
|
|
</ul> |
|
|
</div> |
|
|
|
|
|
<div class="bg-indigo-50 rounded-lg p-4"> |
|
|
<h5 class="font-medium text-indigo-800 mb-2 flex items-center"> |
|
|
<i class="fas fa-lightbulb mr-2 text-indigo-500"></i> Pro Tip |
|
|
</h5> |
|
|
<p class="text-indigo-700 text-sm"> |
|
|
Test je aanbod eerst bij 5 salons om testimonials te krijgen en je pitch te verfijnen. |
|
|
</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-white rounded-xl shadow-lg p-8 transition-all card-hover"> |
|
|
<div class="flex items-center mb-6"> |
|
|
<div class="bg-indigo-100 text-indigo-800 rounded-full w-12 h-12 flex items-center justify-center font-bold text-xl mr-4">2</div> |
|
|
<h3 class="text-2xl font-bold text-gray-800">Dag 2</h3> |
|
|
</div> |
|
|
<h4 class="text-lg font-semibold text-indigo-600 mb-4">Bouw Landingspagina & Demo</h4> |
|
|
|
|
|
<div class="mb-6"> |
|
|
<h5 class="font-medium text-gray-800 mb-2 flex items-center"> |
|
|
<i class="fas fa-laptop-code mr-2 text-indigo-500"></i> Must-haves voor landingspagina |
|
|
</h5> |
|
|
<ul class="space-y-2 text-gray-600 pl-2"> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-check text-indigo-400 text-xs mt-2 mr-2"></i> |
|
|
<span>Duidelijke kopregel gericht op voordelen</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-check text-indigo-400 text-xs mt-2 mr-2"></i> |
|
|
<span>Pakketdetails in bullet points</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-check text-indigo-400 text-xs mt-2 mr-2"></i> |
|
|
<span>Screenshot of demovideo</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-check text-indigo-400 text-xs mt-2 mr-2"></i> |
|
|
<span>Sterke CTA: "Start Gratis Proefperiode"</span> |
|
|
</li> |
|
|
</ul> |
|
|
</div> |
|
|
|
|
|
<div class="mb-6"> |
|
|
<h5 class="font-medium text-gray-800 mb-2 flex items-center"> |
|
|
<i class="fas fa-film mr-2 text-indigo-500"></i> Demo Maken |
|
|
</h5> |
|
|
<ul class="space-y-2 text-gray-600 pl-2"> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-check text-indigo-400 text-xs mt-2 mr-2"></i> |
|
|
<span>Gebruik Loom of Canva voor eenvoudige video's</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-check text-indigo-400 text-xs mt-2 mr-2"></i> |
|
|
<span>Toon het boekingsproces vanuit klantperspectief</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-check text-indigo-400 text-xs mt-2 mr-2"></i> |
|
|
<span>Benadruk admin dashboard functies</span> |
|
|
</li> |
|
|
</ul> |
|
|
</div> |
|
|
|
|
|
<div class="bg-indigo-50 rounded-lg p-4"> |
|
|
<h5 class="font-medium text-indigo-800 mb-2 flex items-center"> |
|
|
<i class="fas fa-tools mr-2 text-indigo-500"></i> Aanbevolen Tools |
|
|
</h5> |
|
|
<p class="text-indigo-700 text-sm"> |
|
|
Carrd, Framer, MailerLite, of zelfs Notion voor eenvoudige landingspagina's. |
|
|
</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-white rounded-xl shadow-lg p-8 transition-all card-hover"> |
|
|
<div class="flex items-center mb-6"> |
|
|
<div class="bg-indigo-100 text-indigo-800 rounded-full w-12 h-12 flex items-center justify-center font-bold text-xl mr-4">3</div> |
|
|
<h3 class="text-2xl font-bold text-gray-800">Dag 3</h3> |
|
|
</div> |
|
|
<h4 class="text-lg font-semibold text-indigo-600 mb-4">Vind Je Eerste 3 Klanten</h4> |
|
|
|
|
|
<div class="mb-6"> |
|
|
<h5 class="font-medium text-gray-800 mb-2 flex items-center"> |
|
|
<i class="fab fa-facebook mr-2 text-indigo-500"></i> Methode 1: Facebook & WhatsApp |
|
|
</h5> |
|
|
<ul class="space-y-2 text-gray-600 pl-2"> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-check text-indigo-400 text-xs mt-2 mr-2"></i> |
|
|
<span>Word lid van schoonheidssalon Facebookgroepen</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-check text-indigo-400 text-xs mt-2 mr-2"></i> |
|
|
<span>Bied gratis proefperiode aan voor feedback</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-check text-indigo-400 text-xs mt-2 mr-2"></i> |
|
|
<span>Volg op met persoonlijke DM's</span> |
|
|
</li> |
|
|
</ul> |
|
|
</div> |
|
|
|
|
|
<div class="mb-6"> |
|
|
<h5 class="font-medium text-gray-800 mb-2 flex items-center"> |
|
|
<i class="fas fa-map-marker-alt mr-2 text-indigo-500"></i> Methode 2: Lokaal Zoeken |
|
|
</h5> |
|
|
<ul class="space-y-2 text-gray-600 pl-2"> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-check text-indigo-400 text-xs mt-2 mr-2"></i> |
|
|
<span>Zoek salons zonder boekingssysteem</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-check text-indigo-400 text-xs mt-2 mr-2"></i> |
|
|
<span>Stuur persoonlijke e-mails met demovideo</span> |
|
|
</li> |
|
|
</ul> |
|
|
</div> |
|
|
|
|
|
<div class="bg-indigo-50 rounded-lg p-4"> |
|
|
<h5 class="font-medium text-indigo-800 mb-2 flex items-center"> |
|
|
<i class="fas fa-network-wired mr-2 text-indigo-500"></i> Methode 3: LinkedIn & Netwerk |
|
|
</h5> |
|
|
<p class="text-indigo-700 text-sm"> |
|
|
Neem contact op met salonhouders in je bestaande netwerk via 1-op-1 berichten. |
|
|
</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<section class="bg-indigo-700 rounded-xl shadow-lg p-8 text-white"> |
|
|
<h3 class="text-2xl font-bold mb-6">Verwachte Resultaten Na 3 Dagen</h3> |
|
|
<div class="grid grid-cols-1 md:grid-cols-4 gap-6"> |
|
|
<div class="bg-white bg-opacity-10 rounded-lg p-6 flex flex-col items-center text-center"> |
|
|
<div class="bg-white text-indigo-700 rounded-full w-12 h-12 flex items-center justify-center mb-4"> |
|
|
<i class="fas fa-check-circle text-xl"></i> |
|
|
</div> |
|
|
<p>Eenvoudige maar overtuigende website</p> |
|
|
</div> |
|
|
<div class="bg-white bg-opacity-10 rounded-lg p-6 flex flex-col items-center text-center"> |
|
|
<div class="bg-white text-indigo-700 rounded-full w-12 h-12 flex items-center justify-center mb-4"> |
|
|
<i class="fas fa-box-open text-xl"></i> |
|
|
</div> |
|
|
<p>Goed geformuleerd aanbod</p> |
|
|
</div> |
|
|
<div class="bg-white bg-opacity-10 rounded-lg p-6 flex flex-col items-center text-center"> |
|
|
<div class="bg-white text-indigo-700 rounded-full w-12 h-12 flex items-center justify-center mb-4"> |
|
|
<i class="fas fa-users text-xl"></i> |
|
|
</div> |
|
|
<p>3+ geïnteresseerde salonhouders</p> |
|
|
</div> |
|
|
<div class="bg-white bg-opacity-10 rounded-lg p-6 flex flex-col items-center text-center"> |
|
|
<div class="bg-white text-indigo-700 rounded-full w-12 h-12 flex items-center justify-center mb-4"> |
|
|
<i class="fas fa-sync-alt text-xl"></i> |
|
|
</div> |
|
|
<p>Herhaalbaar verkoopsysteem</p> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="bg-white rounded-xl shadow-lg p-8 mt-16"> |
|
|
<h3 class="text-2xl font-bold text-gray-800 mb-6">Voorbeeld Outreach Berichten</h3> |
|
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-8"> |
|
|
|
|
|
<div class="border border-gray-200 rounded-lg p-6"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="bg-blue-100 text-blue-800 rounded-full w-10 h-10 flex items-center justify-center mr-3"> |
|
|
<i class="fab fa-facebook-f"></i> |
|
|
</div> |
|
|
<h4 class="font-semibold text-gray-800">Facebook Groep Bericht</h4> |
|
|
</div> |
|
|
<div class="bg-gray-50 rounded-lg p-4 text-gray-700"> |
|
|
<p>"Hallo allemaal! Ik test een nieuw boekingssysteem speciaal voor schoonheidssalons om no-shows te verminderen en tijd te besparen op afsprakenbeheer. Op zoek naar 3 salonhouders die het 14 dagen gratis willen uitproberen in ruil voor eerlijke feedback. Iemand geïnteresseerd?"</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="border border-gray-200 rounded-lg p-6"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="bg-red-100 text-red-800 rounded-full w-10 h-10 flex items-center justify-center mr-3"> |
|
|
<i class="fas fa-envelope"></i> |
|
|
</div> |
|
|
<h4 class="font-semibold text-gray-800">E-mail Template</h4> |
|
|
</div> |
|
|
<div class="bg-gray-50 rounded-lg p-4 text-gray-700"> |
|
|
<p class="font-medium">Onderwerp: Vraagje over je boekingssysteem</p> |
|
|
<p class="mt-2">"Beste [Voornaam],</p> |
|
|
<p class="mt-2">Ik zie dat je salon nog geen online boekingssysteem heeft. Ik heb een eenvoudige oplossing gemaakt die salons zoals die van jou helpt om no-shows met 40% te verminderen en 5-10 uur per week aan administratie te besparen.</p> |
|
|
<p class="mt-2">Zou je openstaan voor een snelle demo van 10 minuten? Geen verplichtingen, ik wil je gewoon laten zien wat mogelijk is.</p> |
|
|
<p class="mt-2">Met vriendelijke groet,<br>[Je Naam]"</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<div class="text-center mt-16"> |
|
|
<h3 class="text-2xl font-bold text-gray-800 mb-6">Klaar om Je Aanbod te Lanceren?</h3> |
|
|
<p class="text-lg text-gray-600 mb-8 max-w-2xl mx-auto">Volg dit stappenplan en je hebt binnen 3 dagen je eerste betalende klanten, zelfs als je nu nog geen publiek hebt.</p> |
|
|
<button class="bg-indigo-600 hover:bg-indigo-700 text-white font-bold py-3 px-8 rounded-full transition-all transform hover:scale-105 shadow-lg"> |
|
|
Download Checklist |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<footer class="bg-gray-800 text-white py-8"> |
|
|
<div class="container mx-auto px-4 text-center"> |
|
|
<p>© 2023 Salon Boekingssysteem Lanceerplan</p> |
|
|
<div class="flex justify-center space-x-4 mt-4"> |
|
|
<a href="#" class="hover:text-indigo-300 transition"><i class="fab fa-facebook-f"></i></a> |
|
|
<a href="#" class="hover:text-indigo-300 transition"><i class="fab fa-instagram"></i></a> |
|
|
<a href="#" class="hover:text-indigo-300 transition"><i class="fab fa-linkedin-in"></i></a> |
|
|
<a href="#" class="hover:text-indigo-300 transition"><i class="fab fa-twitter"></i></a> |
|
|
</div> |
|
|
</div> |
|
|
</footer> |
|
|
<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=jitware/3day-plan" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> |
|
|
</html> |
