From 2709054415c45b557a7399cd1830514e26aac8e4 Mon Sep 17 00:00:00 2001
From: Bob Vandevliet <info@bvandevliet.nl>
Date: Mon, 7 Jul 2025 13:11:46 +0200
Subject: [PATCH 1/4] Adding dedicated service pages (WIP).

---
 public/includes/nav.html              |   2 +-
 public/includes/pricing/cat-open.html |   4 +-
 public/index.html                     |  16 ++-
 public/pages/bedrijfsvideo.html       |  53 +++++++++
 public/pages/vastgoed.html            | 165 ++++++++++++++++++++++++++
 5 files changed, 232 insertions(+), 8 deletions(-)
 create mode 100644 public/pages/bedrijfsvideo.html
 create mode 100644 public/pages/vastgoed.html

diff --git a/public/includes/nav.html b/public/includes/nav.html
index d0a2539..0b10f1b 100644
--- a/public/includes/nav.html
+++ b/public/includes/nav.html
@@ -12,7 +12,7 @@
           <a class="nav-link" href="/#diensten">Diensten</a>
         </li>
         <li class="nav-item">
-          <a class="nav-link" href="/#prijzen">Prijzen</a>
+          <a class="nav-link" href="#prijzen">Prijzen</a>
         </li>
         <li class="nav-item">
           <a class="nav-link" href="/#over-mij">Over mij</a>
diff --git a/public/includes/pricing/cat-open.html b/public/includes/pricing/cat-open.html
index ec146b2..0877693 100644
--- a/public/includes/pricing/cat-open.html
+++ b/public/includes/pricing/cat-open.html
@@ -4,8 +4,8 @@
     <p class="card-text fs-4 ff-header">vanaf €350,-</p>
     <p class="card-text">Geschikt voor indoor en vluchten in ongecontroleerd luchtruim met een laag risico:</p>
     <ul>
-      <li>Bedrijfsvideo</li>
-      <li>Vastgoed</li>
+      <li><a href="/bedrijfsvideo#">Bedrijfsvideo</a></li>
+      <li><a href="/vastgoed#">Vastgoed</a></li>
     </ul>
     <p class="card-text">Inclusief:</p>
     <ul>
diff --git a/public/index.html b/public/index.html
index 8645047..386dde2 100644
--- a/public/index.html
+++ b/public/index.html
@@ -42,7 +42,7 @@
         <div class="col-sm-6 col-lg">
           <div class="card h-100">
             <img class="card-img grayscale-effect" style="height: 10rem;" src="/assets/static/fittings-2784899_640.jpg" alt="Abstracte close-up afbeelding van een machine.">
-            <div class="card-body bg-light text-dark">
+            <div class="card-body d-flex flex-column bg-light text-dark">
               <h3 class="card-title">
                 <i class="fa-solid fa-industry"></i>
                 <br>Bedrijfsvideo
@@ -50,13 +50,16 @@
               <p class="card-text">
                 Laat productieprocessen, kantoren of werkplaatsen van binnenuit zien met een vloeiende indoor drone tour door jouw bedrijf.
               </p>
+              <p style="margin-top: auto !important; padding-top: 1rem !important;">
+                <a href="/bedrijfsvideo#" class="btn btn-primary stretched-link">Lees meer</a>
+              </p>
             </div>
           </div>
         </div>
         <div class="col-sm-6 col-lg">
           <div class="card h-100">
             <img class="card-img grayscale-effect" style="height: 10rem;" src="/assets/static/sa-rapita-2483668_640.jpg" alt="Afbeelding van een moderne woning.">
-            <div class="card-body bg-light text-dark">
+            <div class="card-body d-flex flex-column bg-light text-dark">
               <h3 class="card-title">
                 <i class="fa-solid fa-house"></i>
                 <br>Vastgoed
@@ -64,13 +67,16 @@
               <p class="card-text">
                 Een virtuele rondleiding door jouw (vakantie)woning geeft potentiële kopers of huurders een goed beeld van de locatie en de mogelijkheden.
               </p>
+              <p style="margin-top: auto !important; padding-top: 1rem !important;">
+                <a href="/vastgoed#" class="btn btn-primary stretched-link">Lees meer</a>
+              </p>
             </div>
           </div>
         </div>
         <div class="col-sm-6 col-lg">
           <div class="card h-100">
             <img class="card-img grayscale-effect" style="height: 10rem;" src="/assets/static/ferris-wheel-7299042_640.jpg" alt="Afbeelding van een attractie in een recreatiepark.">
-            <div class="card-body bg-light text-dark">
+            <div class="card-body d-flex flex-column bg-light text-dark">
               <h3 class="card-title">
                 <i class="fa-solid fa-house"></i>
                 <br>Recreatie (binnenkort mogelijk)
@@ -84,7 +90,7 @@
         <div class="col-sm-6 col-lg">
           <div class="card h-100">
             <img class="card-img grayscale-effect" style="height: 10rem;" src="/assets/static/motor-cross-1634206_640.jpg" alt="Afbeelding van motorcross sport.">
-            <div class="card-body bg-light text-dark">
+            <div class="card-body d-flex flex-column bg-light text-dark">
               <h3 class="card-title">
                 <i class="fa-solid fa-motorcycle"></i>
                 <br>Sport (binnenkort mogelijk)
@@ -98,7 +104,7 @@
         <div class="col-sm-6 col-lg">
           <div class="card h-100">
             <img class="card-img grayscale-effect" style="height: 10rem;" src="/assets/static/audience-1850119_640.jpg" alt="Afbeelding van publiek bij een concert.">
-            <div class="card-body bg-light text-dark">
+            <div class="card-body d-flex flex-column bg-light text-dark">
               <h3 class="card-title">
                 <i class="fa-solid fa-guitar"></i>
                 <br>Evenementen (binnenkort mogelijk)
diff --git a/public/pages/bedrijfsvideo.html b/public/pages/bedrijfsvideo.html
new file mode 100644
index 0000000..0f25b1c
--- /dev/null
+++ b/public/pages/bedrijfsvideo.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html lang="nl" data-bs-theme="dark">
+
+<head>
+  <!--# include file="/includes/head.html" -->
+
+  <title>Dronebedrijfsvideo laten maken • Vandevliet Aerial Shots</title>
+  <meta name="description" content="Trek de aandacht met een krachtige bedrijfsvideo met dronebeelden. Ideaal voor social media, website of presentaties. Laat je merk écht bewegen.">
+
+  <meta property="og:title" content="Dronebedrijfsvideo laten maken • Vandevliet Aerial Shots">
+  <meta property="og:description" content="Trek de aandacht met een krachtige bedrijfsvideo met dronebeelden. Ideaal voor social media, website of presentaties. Laat je merk écht bewegen.">
+  <meta property="og:type" content="website">
+  <meta property="og:locale" content="nl_NL">
+  <meta property="og:url" content="https://vandevliet-aerialshots.com/bedrijfsvideo">
+  <meta property="og:image" content="/assets/static/logo-aerialshots-v1-w.png">
+</head>
+
+<body class="has-hero">
+  <header>
+    <!--# include file="/includes/nav.html" -->
+
+    <div class="hero position-relative overflow-hidden" style="margin-top: 8.5rem;">
+      <div class="hero-body" style="z-index: 1;">
+        <h1 class="h2">Laat jouw bedrijf spreken met een dynamische dronevideo</h1>
+        <p>Trek de aandacht met een krachtige bedrijfsvideo met dronebeelden. Ideaal voor social media, website of presentaties. Laat je merk écht bewegen.</p>
+        <p><a class="btn btn-primary" href="/contact">Offerte aanvragen</a></p>
+      </div>
+      <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7346800134644531200?compact=1" height="399" width="504" frameborder="0" allowfullscreen="" title="Ingevoegde bijdrage"></iframe>
+    </div>
+  </header>
+
+  <main>
+    <section class="container-xxl">
+      <h2 id="prijzen" class="text-center">Prijzen en tarieven</h2>
+      <p class="text-center">Wat kost een bedrijfs-dronevideo? Alle prijzen zijn exclusief btw, reis-, en verblijfskosten.</p>
+
+      <div class="row justify-content-center">
+        <div class="col-lg-8">
+          <!--# include file="/includes/pricing/cat-open.html" -->
+        </div>
+      </div>
+      <div class="row justify-content-center">
+        <div class="col-lg-8">
+          <!--# include file="/includes/pricing/post-edit.html" -->
+        </div>
+      </div>
+    </section>
+  </main>
+
+  <!--# include file="/includes/footer.html" -->
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/pages/vastgoed.html b/public/pages/vastgoed.html
new file mode 100644
index 0000000..a01e3a8
--- /dev/null
+++ b/public/pages/vastgoed.html
@@ -0,0 +1,165 @@
+<!DOCTYPE html>
+<html lang="nl" data-bs-theme="dark">
+
+<head>
+  <!--# include file="/includes/head.html" -->
+
+  <title>Dronevideo voor (vakantie)woning of vastgoedproject • Vandevliet Aerial Shots</title>
+  <meta name="description" content="Maak jouw woning of vastgoedobject onweerstaanbaar met een dronevideo. Professionele luchtbeelden zorgen voor meer views en snellere verkoop.">
+
+  <meta property="og:title" content="Dronevideo voor (vakantie)woning of vastgoedproject • Vandevliet Aerial Shots">
+  <meta property="og:description" content="Maak jouw woning of vastgoedobject onweerstaanbaar met een dronevideo. Professionele luchtbeelden zorgen voor meer views en snellere verkoop.">
+  <meta property="og:type" content="website">
+  <meta property="og:locale" content="nl_NL">
+  <meta property="og:url" content="https://vandevliet-aerialshots.com/bedrijfsvideo">
+  <meta property="og:image" content="/assets/static/logo-aerialshots-v1-w.png">
+</head>
+
+<body class="has-hero">
+  <header>
+    <!--# include file="/includes/nav.html" -->
+
+    <div class="hero position-relative overflow-hidden" style="margin-top: 8.5rem;">
+      <div class="hero-body" style="z-index: 1;">
+        <h1 class="h2">Luchtbeelden die woningen sneller verkopen</h1>
+        <p>Laat potentiële kopers de locatie, ruimte en sfeer direct ervaren met een professionele dronevideo woning.</p>
+        <p><a class="btn btn-primary" href="/contact">Offerte aanvragen</a></p>
+      </div>
+    </div>
+  </header>
+
+  <main>
+    <section class="container-xxl">
+      <h1 id="waarom-fpv">Waarom kiezen voor FPV dronevideo bij vastgoed?</h1>
+      <ul>
+        <li>
+          <strong>Verhoogt de zichtbaarheid</strong><br>
+          Word gezien op social media en vastgoedwebsites.
+        </li>
+        <li>
+          <strong>Snellere verkoop</strong><br>
+          Woningen met dronebeelden krijgen tot 68 % meer views op Funda.
+        </li>
+        <li>
+          <strong>Volledig perspectief</strong><br>
+          Toon ligging, perceelgrootte en omgeving in één vloeiende luchtvideo.
+        </li>
+        <li>
+          <strong>Professionele kwaliteit</strong><br>
+          4K/60 FPS-beelden met filmische nabewerking.
+        </li>
+        <li>
+          <strong>Betaalbaar & snel</strong><br>
+          Basispakket vanaf €299, geleverd binnen 3 werkdagen.
+        </li>
+      </ul>
+    </section>
+
+    <section class="container-xxl">
+      <h1 id="werkwijze">Werkwijze</h1>
+      <ol>
+        <li>
+          <strong>Intake gesprek</strong><br>
+          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.
+        </li>
+        <li>
+          <strong>Script of draaiboek</strong><br>
+          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.
+        </li>
+        <li>
+          <strong>Opnames (binnen & buiten)</strong><br>
+          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.
+        </li>
+        <li>
+          <strong>Montage & color grading</strong><br>
+          Na de opname bewerk ik de beelden tot een professionele video, inclusief kleurcorrectie en muziek.
+        </li>
+        <li>
+          <strong>Levering & revisie</strong><br>
+          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.
+        </li>
+      </ol>
+    </section>
+
+    <section class="container-xxl">
+      <h1 id="faq">Veelgestelde vragen (FAQ)</h1>
+      <p></p>
+      <div class="accordion" itemscope itemtype="https://schema.org/FAQPage">
+        <div class="accordion-item" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
+          <h2 class="accordion-header" itemprop="name">
+            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-panel-sales-gain" aria-controls="faq-panel-sales-gain" aria-expanded="false">
+              Helpt een dronevideo echt bij de verkoop van mijn woning?
+            </button>
+          </h2>
+          <div id="faq-panel-sales-gain" class="accordion-collapse collapse" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
+            <div class="accordion-body" itemprop="text">
+              Absoluut! Objecten met dronebeelden woning krijgen gemiddeld 68% meer views op huizenplatforms, wat vaak leidt tot snellere biedingen.
+            </div>
+          </div>
+        </div>
+        <div class="accordion-item" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
+          <h2 class="accordion-header" itemprop="name">
+            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-panel-where-allowed" aria-controls="faq-panel-where-allowed" aria-expanded="false">
+              Mag je overal vliegen voor een vastgoedvideo?
+            </button>
+          </h2>
+          <div id="faq-panel-where-allowed" class="accordion-collapse collapse" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
+            <div class="accordion-body" itemprop="text">
+              We mogen boven eigen terrein vliegen en kunnen in de meeste woonwijken werken. In gecontroleerd luchtruim regelen we tijdig een ontheffing.
+            </div>
+          </div>
+        </div>
+        <div class="accordion-item" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
+          <h2 class="accordion-header" itemprop="name">
+            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-panel-indoor-possible" aria-controls="faq-panel-indoor-possible" aria-expanded="false">
+              Kunnen jullie ook binnen filmen?
+            </button>
+          </h2>
+          <div id="faq-panel-indoor-possible" class="accordion-collapse collapse" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
+            <div class="accordion-body" itemprop="text">
+              Ja, met lichte cinewhoop-FPV drones vliegen we veilig door kamers en gangen voor een virtuele rondleiding.
+            </div>
+          </div>
+        </div>
+        <div class="accordion-item" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
+          <h2 class="accordion-header" itemprop="name">
+            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-panel-lead-time" aria-controls="faq-panel-lead-time" aria-expanded="false">
+              Wat is de levertijd?
+            </button>
+          </h2>
+          <div id="faq-panel-lead-time" class="accordion-collapse collapse" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
+            <div class="accordion-body" itemprop="text">
+              Je ontvangt de gemonteerde video meestal binnen 3 werkdagen na de shoot.
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <section class="container-xxl">
+      <h2 id="prijzen" class="text-center">Prijzen en tarieven</h2>
+      <p class="text-center">Wat kost een vastgoed-dronevideo? Alle prijzen zijn exclusief btw, reis-, en verblijfskosten.</p>
+
+      <div class="row justify-content-center">
+        <div class="col-lg-8">
+          <!--# include file="/includes/pricing/cat-open.html" -->
+        </div>
+      </div>
+      <div class="row justify-content-center">
+        <div class="col-lg-8">
+          <!--# include file="/includes/pricing/post-edit.html" -->
+        </div>
+      </div>
+    </section>
+
+    <section class="container-xxl text-center">
+      <h2>Klaar om jouw woning beter in beeld te brengen?</h2>
+      <p>Neem vandaag nog contact op voor een prijsindicatie voor jouw dronevideo!</p>
+      <p><a class="btn btn-primary" href="/contact">Offerte aanvragen</a></p>
+    </section>
+  </main>
+
+  <!--# include file="/includes/footer.html" -->
+</body>
+
+</html>
\ No newline at end of file

From 94bd9aab61e5cc3552d24d754aac5f6c1462073d Mon Sep 17 00:00:00 2001
From: Bob Vandevliet <info@bvandevliet.nl>
Date: Mon, 7 Jul 2025 13:09:23 +0200
Subject: [PATCH 2/4] Adding dedicated contact page (WIP).

---
 public/contact.html         | 36 ++++++++++++++++++++++++++++++++++++
 public/includes/footer.html |  5 ++---
 public/includes/nav.html    |  2 +-
 public/index.html           |  2 +-
 src/js/scripts.js           | 23 -----------------------
 5 files changed, 40 insertions(+), 28 deletions(-)
 create mode 100644 public/contact.html

diff --git a/public/contact.html b/public/contact.html
new file mode 100644
index 0000000..e244165
--- /dev/null
+++ b/public/contact.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="nl" data-bs-theme="dark">
+
+<head>
+  <!--# include file="/includes/head.html" -->
+
+  <title>Vandevliet Aerial Shots</title>
+  <meta name="description" content="FPV dronevideo's voor bedrijven, vastgoed, recreatie, sport en evenementen.">
+
+  <meta property="og:title" content="Vandevliet Aerial Shots">
+  <meta property="og:description" content="FPV dronevideo's voor bedrijven, vastgoed, recreatie, sport en evenementen.">
+  <meta property="og:type" content="website">
+  <meta property="og:locale" content="nl_NL">
+  <meta property="og:url" content="https://vandevliet-aerialshots.com">
+  <meta property="og:image" content="/assets/static/logo-aerialshots-v1-w.png">
+</head>
+
+<body>
+  <header>
+    <!--# include file="/includes/nav.html" -->
+  </header>
+
+  <main class="mt-5 text-center">
+    <section class="container-xxl mt-5 text-center">
+      <p class="lead">
+        Stuur mij gerust een mailtje voor een vrijblijvend gesprek :)
+      </p>
+    </section>
+
+    <!-- Nothing more here yet, contact form will be added later, contact info is in the footer -->
+  </main>
+
+  <!--# include file="/includes/footer.html" -->
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/includes/footer.html b/public/includes/footer.html
index f624eae..3ccd912 100644
--- a/public/includes/footer.html
+++ b/public/includes/footer.html
@@ -5,14 +5,13 @@
       <div class="col-6 col-lg-3">
         <div class="card h-100">
           <div class="card-body d-flex flex-column">
-            <h2 class="section fs-3 card-title" id="contact">Contact</h2>
-            <p class="fs-5 ff-header">Bob Vandevliet</p>
+            <h2 class="section fs-3 card-title">Bob Vandevliet</h2>
             <p style="margin-top: 0 !important;">Gecertificeerd FPV-dronepiloot</p>
             <p>
               <a href="mailto:bob@vandevliet-aerialshots.com">bob@vandevliet-aerialshots.com</a>
-              <!-- <a href="tel:+31612345678">+31 6 12345678</a> -->
               <br>Arnhem, Gelderland
             </p>
+            <!-- <p><a class="btn btn-primary" href="/contact">Offerte aanvragen</a></p> -->
             <p class="fs-5 ff-header">Vandevliet Aerial Shots</p>
             <p style="margin-top: 0 !important;">
               KvK: 94567255<br>
diff --git a/public/includes/nav.html b/public/includes/nav.html
index 0b10f1b..d427637 100644
--- a/public/includes/nav.html
+++ b/public/includes/nav.html
@@ -18,7 +18,7 @@
           <a class="nav-link" href="/#over-mij">Over mij</a>
         </li>
         <li class="nav-item">
-          <a class="nav-link btn btn-primary" href="/#contact">Contact</a>
+          <a class="nav-link btn btn-primary" href="/contact">Contact</a>
         </li>
         <li class="nav-item socials">
           <a class="nav-link" href="https://www.instagram.com/vandevliet.fpv" target="_blank" rel="noopener noreferrer" title="Vandevliet Aerial Shots on Instagram" aria-label="Vandevliet Aerial Shots on Instagram"><i class="fab fa-instagram"></i></a>
diff --git a/public/index.html b/public/index.html
index 386dde2..fcf4a39 100644
--- a/public/index.html
+++ b/public/index.html
@@ -190,7 +190,7 @@
               <h3>Klaar om jouw verhaal te vertellen?</h3>
               <p>
                 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 <a href="/#contact">contact</a> op voor een vrijblijvend gesprek.
+                Neem gerust <a href="/contact">contact</a> op voor een vrijblijvend gesprek.
               </p>
             </div>
           </div>
diff --git a/src/js/scripts.js b/src/js/scripts.js
index 08bae19..245d017 100644
--- a/src/js/scripts.js
+++ b/src/js/scripts.js
@@ -1,24 +1,3 @@
-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', () =>
 {
   /**
@@ -45,8 +24,6 @@ window.addEventListener('pageshow', () =>
 
   refreshScrollLinkedPositioningEffect();
   window.addEventListener('scroll', refreshScrollLinkedPositioningEffect);
-
-  highlightSectionFromHash();
 });
 
 document.addEventListener('DOMContentLoaded', () =>

From 465794755bd33bdbfaf16ff4a80f290cdaba5009 Mon Sep 17 00:00:00 2001
From: Bob Vandevliet <35454011+bvandevliet@users.noreply.github.com>
Date: Wed, 17 Dec 2025 20:06:06 +0100
Subject: [PATCH 3/4] Simplified spacing and anchor handling.

---
 public/includes/footer.html     |  4 ++--
 public/index.html               | 25 +++++++++++--------------
 public/pages/bedrijfsvideo.html | 14 ++++++++------
 public/pages/vastgoed.html      | 22 +++++++++++-----------
 src/js/scripts.js               |  9 ++++-----
 src/scss/styles.scss            | 14 +++-----------
 6 files changed, 39 insertions(+), 49 deletions(-)

diff --git a/public/includes/footer.html b/public/includes/footer.html
index 3ccd912..b309074 100644
--- a/public/includes/footer.html
+++ b/public/includes/footer.html
@@ -1,6 +1,6 @@
-<footer class="bg-secondary-subtle">
+<footer class="bg-secondary-subtle pt-3">
 
-  <section class="container-xxl pt-4">
+  <section class="container-xxl">
     <div class="row justify-content-center">
       <div class="col-6 col-lg-3">
         <div class="card h-100">
diff --git a/public/index.html b/public/index.html
index fcf4a39..8a37aee 100644
--- a/public/index.html
+++ b/public/index.html
@@ -15,7 +15,7 @@
   <meta property="og:image" content="/assets/static/logo-aerialshots-v1-w.png">
 </head>
 
-<body class="has-hero">
+<body>
   <header>
     <!--# include file="/includes/nav.html" -->
 
@@ -31,13 +31,11 @@
   </header>
 
   <main>
-    <section class="container-xxl text-center">
-      <h2 id="diensten">FPV drone opnames laten maken</h2>
-      <div class="row">
-        <p>
-          FPV staat voor <b>First Person View</b> 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 <b>vloeiend, filmisch en dynamisch</b> en overtreft traditionele drone-videografie.
-        </p>
-      </div>
+    <section id="diensten" class="container-xxl text-center">
+      <h2>FPV drone opnames laten maken</h2>
+      <p>
+        FPV staat voor <b>First Person View</b> 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 <b>vloeiend, filmisch en dynamisch</b> en overtreft traditionele drone-videografie.
+      </p>
       <div class="row">
         <div class="col-sm-6 col-lg">
           <div class="card h-100">
@@ -118,18 +116,18 @@
       </div>
     </section>
 
-    <section class="container-xxl">
+    <section id="prijzen" class="container-xxl">
       <div class="row justify-content-center text-center">
-        <div class="col-lg-8">
+        <div class="col-lg-8 mt-0">
           <div itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
-            <h2 id="prijzen" class="text-center" itemprop="name">Wat kost een dronevideo?</h2>
+            <h2 itemprop="name">Wat kost een dronevideo?</h2>
             <p itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
               <span itemprop="text">
                 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.
               </span>
             </p>
           </div>
-          <p class="text-center">
+          <p>
             Hieronder vind je meer informatie over de verschillende categorieën en bijbehorende indicatieprijzen. Alle prijzen zijn exclusief btw, reis-, en verblijfskosten.
           </p>
         </div>
@@ -149,8 +147,7 @@
       </div>
     </section>
 
-    <section class="container-xxl">
-      <div id="over-mij"></div>
+    <section id="over-mij" class="container-xxl">
       <div class="card h-100 bg-light text-dark">
         <h2 class="card-title mt-4 text-center">Over mij</h2>
         <div class="row g-0">
diff --git a/public/pages/bedrijfsvideo.html b/public/pages/bedrijfsvideo.html
index 0f25b1c..283b900 100644
--- a/public/pages/bedrijfsvideo.html
+++ b/public/pages/bedrijfsvideo.html
@@ -15,23 +15,25 @@
   <meta property="og:image" content="/assets/static/logo-aerialshots-v1-w.png">
 </head>
 
-<body class="has-hero">
+<body>
   <header>
     <!--# include file="/includes/nav.html" -->
 
-    <div class="hero position-relative overflow-hidden" style="margin-top: 8.5rem;">
-      <div class="hero-body" style="z-index: 1;">
+    <div class="hero position-relative overflow-hidden" style="height: 100vh;">
+      <div class="hero-body position-absolute bottom-0" style="z-index: 1;">
         <h1 class="h2">Laat jouw bedrijf spreken met een dynamische dronevideo</h1>
         <p>Trek de aandacht met een krachtige bedrijfsvideo met dronebeelden. Ideaal voor social media, website of presentaties. Laat je merk écht bewegen.</p>
         <p><a class="btn btn-primary" href="/contact">Offerte aanvragen</a></p>
       </div>
-      <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7346800134644531200?compact=1" height="399" width="504" frameborder="0" allowfullscreen="" title="Ingevoegde bijdrage"></iframe>
+      <div class="cover parallax ratio ratio-16x9">
+        <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7346800134644531200?compact=1" frameborder="0" allowfullscreen="" title="Ingevoegde bijdrage"></iframe>
+      </div>
     </div>
   </header>
 
   <main>
-    <section class="container-xxl">
-      <h2 id="prijzen" class="text-center">Prijzen en tarieven</h2>
+    <section id="prijzen" class="container-xxl">
+      <h2 class="text-center">Prijzen en tarieven</h2>
       <p class="text-center">Wat kost een bedrijfs-dronevideo? Alle prijzen zijn exclusief btw, reis-, en verblijfskosten.</p>
 
       <div class="row justify-content-center">
diff --git a/public/pages/vastgoed.html b/public/pages/vastgoed.html
index a01e3a8..0ffddc4 100644
--- a/public/pages/vastgoed.html
+++ b/public/pages/vastgoed.html
@@ -15,12 +15,12 @@
   <meta property="og:image" content="/assets/static/logo-aerialshots-v1-w.png">
 </head>
 
-<body class="has-hero">
+<body>
   <header>
     <!--# include file="/includes/nav.html" -->
 
-    <div class="hero position-relative overflow-hidden" style="margin-top: 8.5rem;">
-      <div class="hero-body" style="z-index: 1;">
+    <div class="hero" style="margin-top: 7rem;">
+      <div class="hero-body">
         <h1 class="h2">Luchtbeelden die woningen sneller verkopen</h1>
         <p>Laat potentiële kopers de locatie, ruimte en sfeer direct ervaren met een professionele dronevideo woning.</p>
         <p><a class="btn btn-primary" href="/contact">Offerte aanvragen</a></p>
@@ -29,8 +29,8 @@
   </header>
 
   <main>
-    <section class="container-xxl">
-      <h1 id="waarom-fpv">Waarom kiezen voor FPV dronevideo bij vastgoed?</h1>
+    <section id="waarom-fpv" class="container-xxl">
+      <h1>Waarom kiezen voor FPV dronevideo bij vastgoed?</h1>
       <ul>
         <li>
           <strong>Verhoogt de zichtbaarheid</strong><br>
@@ -55,8 +55,8 @@
       </ul>
     </section>
 
-    <section class="container-xxl">
-      <h1 id="werkwijze">Werkwijze</h1>
+    <section id="werkwijze" class="container-xxl">
+      <h1>Werkwijze</h1>
       <ol>
         <li>
           <strong>Intake gesprek</strong><br>
@@ -81,8 +81,8 @@
       </ol>
     </section>
 
-    <section class="container-xxl">
-      <h1 id="faq">Veelgestelde vragen (FAQ)</h1>
+    <section id="faq" class="container-xxl">
+      <h1>Veelgestelde vragen (FAQ)</h1>
       <p></p>
       <div class="accordion" itemscope itemtype="https://schema.org/FAQPage">
         <div class="accordion-item" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
@@ -136,8 +136,8 @@
       </div>
     </section>
 
-    <section class="container-xxl">
-      <h2 id="prijzen" class="text-center">Prijzen en tarieven</h2>
+    <section id="prijzen" class="container-xxl">
+      <h2 class="text-center">Prijzen en tarieven</h2>
       <p class="text-center">Wat kost een vastgoed-dronevideo? Alle prijzen zijn exclusief btw, reis-, en verblijfskosten.</p>
 
       <div class="row justify-content-center">
diff --git a/src/js/scripts.js b/src/js/scripts.js
index 245d017..ad13924 100644
--- a/src/js/scripts.js
+++ b/src/js/scripts.js
@@ -31,14 +31,13 @@ document.addEventListener('DOMContentLoaded', () =>
   /**
    * @type {NodeListOf<HTMLElement>}
    */
-  const sections = document.querySelectorAll('section');
+  const sectionsWithId = document.querySelectorAll('section[id]');
 
-  sections.forEach(section =>
+  sectionsWithId.forEach(anchorTarget =>
   {
-    const anchorTarget = section.querySelector('[id]');
-    const anchorHeader = section.querySelector('h1,h2');
+    const anchorHeader = anchorTarget.querySelector('h1,h2');
 
-    if (anchorTarget && anchorHeader)
+    if (anchorHeader)
     {
       const anchorLink = document.createElement('a');
       anchorLink.className = 'anchor-link';
diff --git a/src/scss/styles.scss b/src/scss/styles.scss
index 2376627..ca48316 100644
--- a/src/scss/styles.scss
+++ b/src/scss/styles.scss
@@ -89,12 +89,8 @@ $ff-subheader: 'Eras ITC',
 var(--#{$prefix}font-sans-serif);
 
 main {
-  @extend .pb-4;
-  padding-top: 7rem !important;
-}
-
-body.has-hero main {
   @extend .pt-3;
+  @extend .pb-4;
 }
 
 section,
@@ -108,12 +104,8 @@ main>* {
   background-color: $red-200;
 }
 
-:target::before {
-  content: "";
-  display: block;
-  height: 6rem;
-  margin-top: -6rem;
-  visibility: hidden;
+:target {
+  scroll-margin-top: 4.5rem;
 }
 
 .anchor-link {

From 7c6823e7b258172d081dd350e419fce927cca859 Mon Sep 17 00:00:00 2001
From: Bob Vandevliet <35454011+bvandevliet@users.noreply.github.com>
Date: Wed, 17 Dec 2025 20:15:49 +0100
Subject: [PATCH 4/4] Minor tweaks.

---
 public/contact.html                   |  3 ++-
 public/includes/head.html             | 15 ++++++++++-----
 public/includes/pricing/cat-open.html |  2 +-
 3 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/public/contact.html b/public/contact.html
index e244165..2e225ee 100644
--- a/public/contact.html
+++ b/public/contact.html
@@ -23,7 +23,8 @@
   <main class="mt-5 text-center">
     <section class="container-xxl mt-5 text-center">
       <p class="lead">
-        Stuur mij gerust een mailtje voor een vrijblijvend gesprek :)
+        Stuur mij gerust een mailtje voor een vrijblijvend gesprek! 🙂
+        <br>🡇
       </p>
     </section>
 
diff --git a/public/includes/head.html b/public/includes/head.html
index 0b16656..546a338 100644
--- a/public/includes/head.html
+++ b/public/includes/head.html
@@ -11,14 +11,19 @@
       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/pricing/cat-open.html b/public/includes/pricing/cat-open.html
index 0877693..a6e3101 100644
--- a/public/includes/pricing/cat-open.html
+++ b/public/includes/pricing/cat-open.html
@@ -2,7 +2,7 @@
   <div class="card-body">
     <h3 class="card-title">Open categorie</h3>
     <p class="card-text fs-4 ff-header">vanaf €350,-</p>
-    <p class="card-text">Geschikt voor indoor en vluchten in ongecontroleerd luchtruim met een laag risico:</p>
+    <p class="card-text">Geschikt voor indoor drone tours en vluchten in ongecontroleerd luchtruim met een laag risico:</p>
     <ul>
       <li><a href="/bedrijfsvideo#">Bedrijfsvideo</a></li>
       <li><a href="/vastgoed#">Vastgoed</a></li>