-
Bob Vandevliet
+
+
Gecertificeerd FPV-dronepiloot
bob@vandevliet-aerialshots.com
+
Arnhem, Gelderland
-
KvK: 94567255
diff --git a/public/includes/head.html b/public/includes/head.html
index 546a338..0b16656 100644
--- a/public/includes/head.html
+++ b/public/includes/head.html
@@ -11,19 +11,14 @@
https://cdn.jsdelivr.net
https://*.fontawesome.com;
media-src 'self'
- https://www.youtube.com
- https://youtu.be
+ https://www.youtube.com https://youtu.be
https://www.linkedin.com;
frame-src 'self'
- https://www.youtube.com/embed/
- https://youtu.be/embed/
+ https://www.youtube.com/embed/ https://youtu.be/embed/
https://www.linkedin.com/embed/;
- style-src 'self' 'unsafe-inline'
- https://*.fontawesome.com;
- font-src 'self'
- https://*.fontawesome.com;
- connect-src 'self'
- https://*.fontawesome.com;
+ style-src 'self' 'unsafe-inline' https://*.fontawesome.com;
+ font-src 'self' https://*.fontawesome.com;
+ connect-src 'self' https://*.fontawesome.com;
object-src 'none';
img-src 'self' data:;
">
diff --git a/public/includes/nav.html b/public/includes/nav.html
index d427637..d0a2539 100644
--- a/public/includes/nav.html
+++ b/public/includes/nav.html
@@ -12,13 +12,13 @@
Diensten
- Prijzen
+ Prijzen
Over mij
- Contact
+ Contact
diff --git a/public/includes/pricing/cat-open.html b/public/includes/pricing/cat-open.html
index a6e3101..ec146b2 100644
--- a/public/includes/pricing/cat-open.html
+++ b/public/includes/pricing/cat-open.html
@@ -2,10 +2,10 @@
Open categorie
-
Geschikt voor indoor drone tours en vluchten in ongecontroleerd luchtruim met een laag risico:
+
Geschikt voor indoor en vluchten in ongecontroleerd luchtruim met een laag risico:
Inclusief:
diff --git a/public/index.html b/public/index.html
index 8a37aee..8645047 100644
--- a/public/index.html
+++ b/public/index.html
@@ -15,7 +15,7 @@
-
+
-
- FPV drone opnames laten maken
-
- FPV staat voor First Person View en levert cinematische dronebeelden op. FPV drones worden op maat gemaakt en zijn daardoor flexibel in te zetten. Ze kunnen binnen en buiten filmen, van het navigeren door fabrieken, kantoren en festivaltenten tot het achtervolgen van auto's en motorcrossers. FPV beelden vertellen een compleet verhaal in één vlucht. Vaak worden deze vluchten vastgelegd met een GoPro of vergelijkbare actiecamera. Het resultaat is vloeiend, filmisch en dynamisch en overtreft traditionele drone-videografie.
-
+
+ FPV drone opnames laten maken
+
+
+ FPV staat voor First Person View en levert cinematische dronebeelden op. FPV drones worden op maat gemaakt en zijn daardoor flexibel in te zetten. Ze kunnen binnen en buiten filmen, van het navigeren door fabrieken, kantoren en festivaltenten tot het achtervolgen van auto's en motorcrossers. FPV beelden vertellen een compleet verhaal in één vlucht. Vaak worden deze vluchten vastgelegd met een GoPro of vergelijkbare actiecamera. Het resultaat is vloeiend, filmisch en dynamisch en overtreft traditionele drone-videografie.
+
+
-
+
Bedrijfsvideo
@@ -48,16 +50,13 @@
Laat productieprocessen, kantoren of werkplaatsen van binnenuit zien met een vloeiende indoor drone tour door jouw bedrijf.
-
- Lees meer
-
-
+
Vastgoed
@@ -65,16 +64,13 @@
Een virtuele rondleiding door jouw (vakantie)woning geeft potentiële kopers of huurders een goed beeld van de locatie en de mogelijkheden.
-
- Lees meer
-
-
+
Recreatie (binnenkort mogelijk)
@@ -88,7 +84,7 @@
-
+
Sport (binnenkort mogelijk)
@@ -102,7 +98,7 @@
-
+
Evenementen (binnenkort mogelijk)
@@ -116,18 +112,18 @@
-
+
-
+
-
Wat kost een dronevideo?
+
Wat kost een dronevideo?
FPV dronebeelden heb je al vanaf €350,- per vlucht. Inclusief montage en nabewerking vanaf €750,-. De uiteindelijke prijs wordt bepaald door locatie, vluchtduur en complexiteit van de eventuele montage.
-
+
Hieronder vind je meer informatie over de verschillende categorieën en bijbehorende indicatieprijzen. Alle prijzen zijn exclusief btw, reis-, en verblijfskosten.
@@ -147,7 +143,8 @@
-
+
+
Over mij
@@ -187,7 +184,7 @@
Klaar om jouw verhaal te vertellen?
Ik werk vanuit Arnhem, vooral in Gelderland en omgeving. Als ZZP'er naast mijn parttime baan als software engineer kan ik flexibel werken volgens jouw planning.
- Neem gerust contact op voor een vrijblijvend gesprek.
+ Neem gerust contact op voor een vrijblijvend gesprek.
diff --git a/public/pages/bedrijfsvideo.html b/public/pages/bedrijfsvideo.html
deleted file mode 100644
index 283b900..0000000
--- a/public/pages/bedrijfsvideo.html
+++ /dev/null
@@ -1,55 +0,0 @@
-
-
-
-
-
-
- Dronebedrijfsvideo laten maken • Vandevliet Aerial Shots
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Laat jouw bedrijf spreken met een dynamische dronevideo
-
Trek de aandacht met een krachtige bedrijfsvideo met dronebeelden. Ideaal voor social media, website of presentaties. Laat je merk écht bewegen.
-
Offerte aanvragen
-
-
-
-
-
Prijzen en tarieven
- Wat kost een bedrijfs-dronevideo? Alle prijzen zijn exclusief btw, reis-, en verblijfskosten.
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/public/pages/vastgoed.html b/public/pages/vastgoed.html
deleted file mode 100644
index 0ffddc4..0000000
--- a/public/pages/vastgoed.html
+++ /dev/null
@@ -1,165 +0,0 @@
-
-
-
-
-
-
- Dronevideo voor (vakantie)woning of vastgoedproject • Vandevliet Aerial Shots
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Luchtbeelden die woningen sneller verkopen
-
Laat potentiële kopers de locatie, ruimte en sfeer direct ervaren met een professionele dronevideo woning.
-
Offerte aanvragen
-
-
Waarom kiezen voor FPV dronevideo bij vastgoed?
-
- -
- Verhoogt de zichtbaarheid
- Word gezien op social media en vastgoedwebsites.
-
- -
- Snellere verkoop
- Woningen met dronebeelden krijgen tot 68 % meer views op Funda.
-
- -
- Volledig perspectief
- Toon ligging, perceelgrootte en omgeving in één vloeiende luchtvideo.
-
- -
- Professionele kwaliteit
- 4K/60 FPS-beelden met filmische nabewerking.
-
- -
- Betaalbaar & snel
- Basispakket vanaf €299, geleverd binnen 3 werkdagen.
-
-
-
-
-
- Werkwijze
-
- -
- Intake gesprek
- We bespreken jouw wensen, doelen en creatieve ideeën. Wat wil je bereiken met de dronevideo? Wie is je doelgroep? Op basis hiervan maak ik een passende offerte.
-
- -
- Script of draaiboek
- Samen maken we een script of draaiboek. Zo komt jouw boodschap optimaal in beeld. Komen er ook mensen in beeld? Dan zorgen we ervoor dat zij goed voorbereid zijn.
-
- -
- Opnames (binnen & buiten)
- Op de afgesproken datum en locatie begin ik met het opnemen van jouw dronevideo. Ik houd rekening met jouw wensen en zorg ervoor dat we binnen de afgesproken tijd en budget blijven.
-
- -
- Montage & color grading
- Na de opname bewerk ik de beelden tot een professionele video, inclusief kleurcorrectie en muziek.
-
- -
- Levering & revisie
- Binnen 3 werkdagen ontvang je de eerste versie en eventueel passen we nog wat aan. Dan maak ik de definitieve versie gereed in hoge resolutie in de gewenste formaten, klaar voor gebruik op social media, websites of in presentaties.
-
-
-
-
-
- Veelgestelde vragen (FAQ)
-
-
-
-
-
-
- Absoluut! Objecten met dronebeelden woning krijgen gemiddeld 68% meer views op huizenplatforms, wat vaak leidt tot snellere biedingen.
-
-
-
-
-
-
-
- We mogen boven eigen terrein vliegen en kunnen in de meeste woonwijken werken. In gecontroleerd luchtruim regelen we tijdig een ontheffing.
-
-
-
-
-
-
-
- Ja, met lichte cinewhoop-FPV drones vliegen we veilig door kamers en gangen voor een virtuele rondleiding.
-
-
-
-
-
-
-
- Je ontvangt de gemonteerde video meestal binnen 3 werkdagen na de shoot.
-
-
-
-
Prijzen en tarieven
- Wat kost een vastgoed-dronevideo? Alle prijzen zijn exclusief btw, reis-, en verblijfskosten.
-
-
-
-
-
-
- Klaar om jouw woning beter in beeld te brengen?
- Neem vandaag nog contact op voor een prijsindicatie voor jouw dronevideo!
- Offerte aanvragen
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/src/js/scripts.js b/src/js/scripts.js
index ad13924..08bae19 100644
--- a/src/js/scripts.js
+++ b/src/js/scripts.js
@@ -1,3 +1,24 @@
+const highlightSectionFromHash = () =>
+{
+ const { hash } = window.location;
+
+ if (hash === '#contact')
+ {
+ const section = document.getElementById(hash.substring(1))?.parentElement;// .closest('section');
+
+ if (section)
+ {
+ setTimeout(() =>
+ {
+ section.classList.add('scrollto-highlight');
+ setTimeout(() => section.classList.remove('scrollto-highlight'), 1000);
+ }, 500);
+ }
+ }
+};
+
+window.addEventListener('hashchange', highlightSectionFromHash);
+
window.addEventListener('pageshow', () =>
{
/**
@@ -24,6 +45,8 @@ window.addEventListener('pageshow', () =>
refreshScrollLinkedPositioningEffect();
window.addEventListener('scroll', refreshScrollLinkedPositioningEffect);
+
+ highlightSectionFromHash();
});
document.addEventListener('DOMContentLoaded', () =>
@@ -31,13 +54,14 @@ document.addEventListener('DOMContentLoaded', () =>
/**
* @type {NodeListOf}
*/
- const sectionsWithId = document.querySelectorAll('section[id]');
+ const sections = document.querySelectorAll('section');
- sectionsWithId.forEach(anchorTarget =>
+ sections.forEach(section =>
{
- const anchorHeader = anchorTarget.querySelector('h1,h2');
+ const anchorTarget = section.querySelector('[id]');
+ const anchorHeader = section.querySelector('h1,h2');
- if (anchorHeader)
+ if (anchorTarget && anchorHeader)
{
const anchorLink = document.createElement('a');
anchorLink.className = 'anchor-link';
diff --git a/src/scss/styles.scss b/src/scss/styles.scss
index ca48316..2376627 100644
--- a/src/scss/styles.scss
+++ b/src/scss/styles.scss
@@ -89,8 +89,12 @@ $ff-subheader: 'Eras ITC',
var(--#{$prefix}font-sans-serif);
main {
- @extend .pt-3;
@extend .pb-4;
+ padding-top: 7rem !important;
+}
+
+body.has-hero main {
+ @extend .pt-3;
}
section,
@@ -104,8 +108,12 @@ main>* {
background-color: $red-200;
}
-:target {
- scroll-margin-top: 4.5rem;
+:target::before {
+ content: "";
+ display: block;
+ height: 6rem;
+ margin-top: -6rem;
+ visibility: hidden;
}
.anchor-link {