Replace the virtual tour with a placeholder what span the width of the screen which an image can be embeded in

about.html

@@ -229,14 +229,13 @@
                 </div>
             </div>
             <div class="mt-8 text-center">
-                <a href="#" class="inline-flex items-center bg-primary text-dark font-bold py-3 px-6 rounded hover:bg-[#4ab3c6] transition">
-                    <i data-feather="rotate-cw" class="mr-2"></i> Virtual Tour
-                </a>
+                <div class="w-full h-96 bg-[#1e1e1e] rounded-lg overflow-hidden">
+                    <img src="http://static.photos/indoor/1200x630/9" alt="Virtual Tour Placeholder" class="w-full h-full object-cover">
+                </div>
             </div>
         </div>
     </section>
-
-    <!-- Coaching Philosophy -->
+<!-- Coaching Philosophy -->
     <section class="py-16 border-b border-[#2e2e2e] bg-[#0a0a0a]">
         <div class="container mx-auto px-4">
             <h2 class="text-3xl font-bold text-primary mb-8">OUR APPROACH</h2>