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

---
 public/includes/pricing/cat-open.html |   4 +-
 public/index.html                     |  16 ++-
 public/pages/bedrijfsvideo.html       |  64 ++++++++++
 public/pages/vastgoed.html            | 174 ++++++++++++++++++++++++++
 4 files changed, 251 insertions(+), 7 deletions(-)
 create mode 100644 public/pages/bedrijfsvideo.html
 create mode 100644 public/pages/vastgoed.html

diff --git a/public/includes/pricing/cat-open.html b/public/includes/pricing/cat-open.html
index 94afe06..a6e3101 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 drone tours 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 fe939db..47f5ec6 100644
--- a/public/index.html
+++ b/public/index.html
@@ -43,7 +43,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
@@ -51,13 +51,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
@@ -65,13 +68,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)
@@ -85,7 +91,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)
@@ -99,7 +105,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..708b477
--- /dev/null
+++ b/public/pages/bedrijfsvideo.html
@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html lang="nl" data-bs-theme="dark">
+
+<head>
+  <!--# include file="/includes/partials/head-content.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="d-flex flex-column min-vh-100">
+  <header>
+    <!--# include file="/includes/components/nav.html" -->
+
+    <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-secondary" href="#prijzen">Prijzen</a>
+          <a class="btn btn-primary" href="/contact">Offerte aanvragen</a>
+        </p>
+      </div>
+      <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 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">
+        <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>
+
+  <footer class="bg-secondary-subtle">
+    <section class="container-xxl">
+      <!--# include file="/includes/components/contact-row.html" -->
+    </section>
+
+    <!--# include file="/includes/partials/footer-bottom.html" -->
+  </footer>
+</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..b62b605
--- /dev/null
+++ b/public/pages/vastgoed.html
@@ -0,0 +1,174 @@
+<!DOCTYPE html>
+<html lang="nl" data-bs-theme="dark">
+
+<head>
+  <!--# include file="/includes/partials/head-content.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="d-flex flex-column min-vh-100">
+  <header>
+    <!--# include file="/includes/components/nav.html" -->
+
+    <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-secondary" href="#prijzen">Prijzen</a>
+          <a class="btn btn-primary" href="/contact">Offerte aanvragen</a>
+        </p>
+      </div>
+    </div>
+  </header>
+
+  <main>
+    <section id="waarom-fpv" class="container-xxl">
+      <h1>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 id="werkwijze" class="container-xxl">
+      <h1>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 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">
+          <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 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">
+        <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>
+
+  <footer class="bg-secondary-subtle">
+    <section class="container-xxl">
+      <!--# include file="/includes/components/contact-row.html" -->
+    </section>
+
+    <!--# include file="/includes/partials/footer-bottom.html" -->
+  </footer>
+</body>
+
+</html>
\ No newline at end of file