Add testimonial section with Streambiki and SnapShooter comment

www/index.html.twig

@@ -182,6 +182,53 @@ layout: default
   </div>
 </section>
 
+<section class="bg-gray-800">
+  <div class="max-w-7xl mx-auto md:grid md:grid-cols-2 md:px-6 lg:px-8">
+    <div class="py-12 px-4 sm:px-6 md:flex md:flex-col md:py-16 md:pl-0 md:pr-10 md:border-r md:border-gray-900 lg:pr-16">
+      <div class="md:flex-shrink-0">
+        <img class="h-10" src="src/logo-streambiki.svg" alt="snapshooter">
+      </div>
+      <blockquote class="mt-6 md:flex-grow md:flex md:flex-col">
+        <div class="relative text-lg font-medium text-white md:flex-grow">
+          <p class="relative">As a consultant, Christian has the unique skill to break down a problem to its fundamentals and work out a solid solution. For our company, Christian and his team have become great sparring partners over the years.</p>
+        </div>
+        <footer class="mt-8">
+          <div class="flex items-start">
+            <div class="flex-shrink-0 inline-flex rounded-full border-2 border-white">
+              <img class="h-12 w-12 rounded-full" src="src/picture-geert.jpg" alt="">
+            </div>
+            <div class="ml-4">
+              <div class="text-base font-medium text-white">Geert Van Bommel</div>
+              <div class="text-base font-medium text-indigo-200">CEO, <a href="https://www.streambiki.com/" class="hover:underline text-indigo-200">Streambiki</a></div>
+            </div>
+          </div>
+        </footer>
+      </blockquote>
+    </div>
+    <div class="py-12 px-4 border-t-2 border-gray-900 sm:px-6 md:py-16 md:pr-0 md:pl-10 md:border-t-0 md:border-l lg:pl-16">
+      <div class="md:flex-shrink-0">
+        <img class="h-10" src="src/logo-snapshooter.svg" alt="streambiki">
+      </div>
+      <blockquote class="mt-6 md:flex-grow md:flex md:flex-col">
+        <div class="relative text-lg font-medium text-white md:flex-grow">
+          <p class="relative">Amazing results! After two consulting calls with Christian we had a full running proxy that can handle 2 Gbps with under 10 MB of RAM.</p>
+        </div>
+        <footer class="mt-14">
+          <div class="flex items-start">
+            <div class="flex-shrink-0 inline-flex rounded-full border-2 border-white">
+              <img class="h-12 w-12 rounded-full" src="src/picture-simon-bennett.jpg" alt="">
+            </div>
+            <div class="ml-4">
+              <div class="text-base font-medium text-white">Simon Bennett</div>
+              <div class="text-base font-medium text-indigo-200">CEO, <a href="https://snapshooter.com/" class="hover:underline text-indigo-200">SnapShooter</a></div>
+            </div>
+          </div>
+        </footer>
+      </blockquote>
+    </div>
+  </div>
+</section>
+
 <section class="bg-white">
   <div class="max-w-7xl mx-auto py-12 px-4 text-center sm:px-6 lg:px-8 lg:py-24">
     <div class="space-y-12">

www/src/logo-snapshooter.txt

@@ -0,0 +1 @@
+Photo by Simon Bennett on https://snapshooter.com/ (https://snapshooter.com/assets/logos/SnapShooter-WhiteColour.svg)