bvandevliet/Vandevliet.AerialShots.Website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

First draft of pricing table redesign.

Browse source
This commit is contained in:
Bob Vandevliet 2025-01-02 21:54:48 +01:00
parent 76cd3c8d8e
commit 19c195a021
1 changed files with 116 additions and 37 deletions
Download patch file Download diff file Expand all files Collapse all files

153
public/index.html
View file

@ -173,68 +173,152 @@
</div>
</section>
<section class="container-xxl text-center">
<h2 id="section-pricing">Prijzen en tarieven</h2>
<p>Alle prijzen zijn exclusief btw, reis-, en verblijfskosten.</p>
<section class="container-xxl">
<h2 id="section-pricing" class="text-center">Prijzen en tarieven</h2>
<p class="text-center">Alle prijzen zijn exclusief btw, reis-, en verblijfskosten.</p>
<div class="row justify-content-center">
<div class="col-sm-6 col-lg-3">
<div class="col-sm-6 col-lg-4">
<div class="card h-100 bg-secondary-subtle">
<div class="card-body"><!-- bg-light text-dark -->
<h3 class="card-title">Ruwe opnames</h3>
<p class="card-text">De originele beelden, onbewerkt.</p>
<p class="card-text fs-4 ff-header">v.a. €299,-</p>
<div class="card-body">
<div class="form-check">
<input class="form-check-input" type="radio" name="flexRadioCategory" id="flexRadioCatOpen" checked>
<label class="form-check-label" for="flexRadioCatOpen">
<h3 class="card-title">Open categorie</h3>
</label>
</div>
<p class="card-text fs-4 ff-header">vanaf €300,-</p>
<p class="card-text">
Droneopnames binnen de open categorie.
Geschikt voor de meeste indoor dronevluchten:
</p>
<p>
<ul class="card-text">
<li>Bedrijfsvideo</li>
<li>Vastgoed</li>
</ul>
</p>
</div>
<ul class="list-group list-group-flush h-100">
<li class="list-group-item">
<a data-bs-toggle="collapse" href="#collapse-intake" role="button" aria-expanded="false" aria-controls="collapse-intake">
Inclusief intake gesprek
<a data-bs-toggle="collapse" href="#collapse-intake-cat-open" role="button" aria-expanded="false" aria-controls="collapse-intake-cat-open">
Intake gesprek
</a>
<div class="collapse" id="collapse-intake">
<div class="collapse" id="collapse-intake-cat-open">
<i class="fa-solid fa-handshake-simple"></i><br>
Elk project begint met een goede voorbereiding. Daarom plan ik graag een persoonlijk gesprek met je in. We bespreken jouw doelen, wensen en visie, creatieve ideeën over de inhoud, en de gewenste toon en stijl. Wat wil je bereiken met de dronevideo? Wat is de boodschap die je wilt overbrengen? Wie is je doelgroep? Op basis van deze informatie maak ik een passende offerte binnen jouw budget.
</div>
</li>
<li class="list-group-item">
<a data-bs-toggle="collapse" href="#collapse-vluchtplan" role="button" aria-expanded="false" aria-controls="collapse-vluchtplan">
<a data-bs-toggle="collapse" href="#collapse-vluchtplan-cat-open" role="button" aria-expanded="false" aria-controls="collapse-vluchtplan-cat-open">
Script of vluchtplan
</a>
<div class="collapse" id="collapse-vluchtplan">
<div class="collapse" id="collapse-vluchtplan-cat-open">
<i class="fa-solid fa-plane"></i><br>
Samen maken we een vluchtplan en schrijven we een script of draaiboek. Zo komt jouw boodschap optimaal in beeld. Komen er ook mensen in beeld? Dan zorgen we er samen voor dat zij goed geïnstrueerd en voorbereid zijn, en weten wat er van hen verwacht wordt.
</div>
</li>
<li class="list-group-item">
<a data-bs-toggle="collapse" href="#collapse-opname" role="button" aria-expanded="false" aria-controls="collapse-opname">
Max. 4 uur op locatie
<a data-bs-toggle="collapse" href="#collapse-opname-cat-open" role="button" aria-expanded="false" aria-controls="collapse-opname-cat-open">
Max. 4 uur op locatie,<br>daarna +€75,- /uur
</a>
<div class="collapse" id="collapse-opname">
<div class="collapse" id="collapse-opname-cat-open">
<i class="fa-solid fa-video"></i><br>
Op de afgesproken datum en locatie begin ik met het opnemen van jouw dronevideo. Tijdens het filmen houd ik rekening met jouw wensen en zorg ik ervoor dat we binnen de afgesproken tijd en budget blijven. Zijn er drone opnames buiten gepland en werkt het weer niet mee? Dan plannen we kosteloos een nieuwe datum om de drone opnames te voltooien.
</div>
</li>
<li class="list-group-item">Extra op locatie à €75,- /uur</li>
<li class="list-group-item">Kwaliteit tot 4K, 60 FPS</li>
<li class="list-group-item">Binnen en buiten filmen mogelijk</li>
<li class="list-group-item">Alleen open categorie A3<br>(Binnenkort ook specifiek STS, PDRA en SORA)</li>
<li class="list-group-item">Binnen filmen mogelijk</li>
<li class="list-group-item">Alleen binnen open categorie A3</li>
<li class="list-group-item">Reiskosten à €0.35 /km vanuit Arnhem</li>
<li class="list-group-item">Binnen 3 werkdagen geleverd</li>
</ul>
<!-- <div class="card-body">
<p class="card-text">Referenties:</p>
<a href="#" class="card-link">Some project</a>
<a href="#" class="card-link">Another project</a>
</div> -->
</div>
</div>
<div class="col-sm-6 col-lg-3">
<div class="col-sm-6 col-lg-4">
<div class="card h-100 bg-secondary-subtle">
<div class="card-body"><!-- bg-light text-dark -->
<h3 class="card-title">Dronevideo compleet</h3>
<p class="card-text">Inclusief montage en kleurcorrectie.</p>
<p class="card-text fs-4 ff-header">v.a. €689,-</p>
<div class="card-body">
<div class="form-check">
<input class="form-check-input" type="radio" name="flexRadioCategory" id="flexRadioCatSpec">
<label class="form-check-label" for="flexRadioCatSpec">
<h3 class="card-title">Specifieke categorie</h3>
</label>
</div>
<p class="card-text fs-4 ff-header">vanaf €420,-</p>
<p class="card-text">
Droneopnames binnen de specifieke categorie.
Vereist voor de meeste vluchten buiten of met een hoger risico,
zoals boven mensenmenigten of in gecontroleerd luchtruim:
</p>
<p>
<ul class="card-text">
<li>Recreatie</li>
<li>Sport</li>
<li>Evenementen</li>
</ul>
</p>
</div>
<ul class="list-group list-group-flush h-100">
<li class="list-group-item">
<a data-bs-toggle="collapse" href="#collapse-intake-cat-spec" role="button" aria-expanded="false" aria-controls="collapse-intake-cat-spec">
Intake gesprek
</a>
<div class="collapse" id="collapse-intake-cat-spec">
<i class="fa-solid fa-handshake-simple"></i><br>
Elk project begint met een goede voorbereiding. Daarom plan ik graag een persoonlijk gesprek met je in. We bespreken jouw doelen, wensen en visie, creatieve ideeën over de inhoud, en de gewenste toon en stijl. Wat wil je bereiken met de dronevideo? Wat is de boodschap die je wilt overbrengen? Wie is je doelgroep? Op basis van deze informatie maak ik een passende offerte binnen jouw budget.
</div>
</li>
<li class="list-group-item">
<a data-bs-toggle="collapse" href="#collapse-vluchtplan-cat-spec" role="button" aria-expanded="false" aria-controls="collapse-vluchtplan-cat-spec">
Script of vluchtplan
</a>
<div class="collapse" id="collapse-vluchtplan-cat-spec">
<i class="fa-solid fa-plane"></i><br>
Samen maken we een vluchtplan en schrijven we een script of draaiboek. Zo komt jouw boodschap optimaal in beeld. Komen er ook mensen in beeld? Dan zorgen we er samen voor dat zij goed geïnstrueerd en voorbereid zijn, en weten wat er van hen verwacht wordt.
</div>
</li>
<li class="list-group-item">
<a data-bs-toggle="collapse" href="#collapse-toestemming-cat-spec" role="button" aria-expanded="false" aria-controls="collapse-toestemming-cat-spec">
Aanvraag toestemming €60,-
</a>
<div class="collapse" id="collapse-toestemming-cat-spec">
<i class="fa-solid fa-plane"></i><br>
Om te mogen vliegen in de specifieke categorie, maak ik een risicoanalyse en vraag ik toestemming aan bij de ILT. Dit kan enkele dagen tot weken duren. Zodra de toestemming is verleend, plannen we de opnames in.
</div>
</li>
<li class="list-group-item">
<a data-bs-toggle="collapse" href="#collapse-opname-cat-spec" role="button" aria-expanded="false" aria-controls="collapse-opname-cat-spec">
Max. 4 uur op locatie,<br>daarna +€90,- /uur
</a>
<div class="collapse" id="collapse-opname-cat-spec">
<i class="fa-solid fa-video"></i><br>
Op de afgesproken datum en locatie begin ik met het opnemen van jouw dronevideo. Tijdens het filmen houd ik rekening met jouw wensen en zorg ik ervoor dat we binnen de afgesproken tijd en budget blijven. Zijn er drone opnames buiten gepland en werkt het weer niet mee? Dan plannen we kosteloos een nieuwe datum om de drone opnames te voltooien.
</div>
</li>
<li class="list-group-item">Kwaliteit tot 4K, 60 FPS</li>
<li class="list-group-item">Buiten filmen mogelijk</li>
<li class="list-group-item">Specifieke categorie STS, PDRA of SORA</li>
<li class="list-group-item">Reiskosten à €0.35 /km vanuit Arnhem</li>
<li class="list-group-item">Binnen 3 werkdagen geleverd</li>
</ul>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="card h-100 bg-secondary-subtle">
<div class="card-body">
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" role="switch" id="flexSwitchCheckEdit">
<label class="form-check-label" for="flexSwitchCheckEdit">
<h3 class="card-title">Nabewerking</h3>
</label>
</div>
<p class="card-text fs-4 ff-header">vanaf +€390,-</p>
<p class="card-text">
Inclusief montage en kleurcorrectie.
</p>
</div>
<ul class="list-group list-group-flush h-100">
<li class="list-group-item">Alles in "Ruwe opnames", maar dan ..</li>
<li class="list-group-item">
<a data-bs-toggle="collapse" href="#collapse-montage" role="button" aria-expanded="false" aria-controls="collapse-montage">
Inclusief montage + 1x feedback
@ -244,14 +328,9 @@
Zodra de drone opnames zijn gemaakt, kiezen we samen de beste beelden uit. Daarna breng ik jouw verhaal zorgvuldig tot leven met beeld-, geluids- en kleurbewerking, zodat jouw bedrijf, merk, product of dienst zo goed mogelijk gepresenteerd wordt. Ik zorg ervoor dat de visuele montage aansluit bij je doelgroep en lever jouw dronevideo in de juiste formaten voor de gewenste mediakanalen.
</div>
</li>
<li class="list-group-item">Extra op locatie à €140,- /uur,(Montagekosten ingecalculeerd)</li>
<li class="list-group-item">Binnen 14 kalenderdagen geleverd</li>
<li class="list-group-item">Meer dan 4 uur op locatie:<br>+€65,- /uur voor montage</li>
<li class="list-group-item">Binnen 10 werkdagen geleverd</li>
</ul>
<!-- <div class="card-body">
<p class="card-text">Referenties:</p>
<a href="#" class="card-link">Some project</a>
<a href="#" class="card-link">Another project</a>
</div> -->
</div>
</div>
</div>