✨🖼️ (index.html, style.css): update banner content and image for Agil…

…e Actually podcast

Update the banner section to feature the Agile Actually podcast,
including a new background image and updated text content to reflect
the podcast's theme and hosts. Enhance the modal to use a Spotify
embed for better integration with the podcast platform. Adjust the
image overlay opacity for improved visual clarity.

These changes aim to provide a more engaging and relevant user
experience by highlighting the Agile Actually podcast, making the
content more appealing and informative to visitors.

site/layouts/index.html

@@ -1,13 +1,14 @@
 {{- define "banner" }}
   <!-- BANNER -->
-  <section class="section position-relative" style="background-image: url(image/dummy-img-1920x900.jpg); height: 90vh;">
+  <section class="section position-relative" style="background-image: url(image/agile-actually-simon-martin.jpg); height: 90vh;">
     <div class="image-overlay"></div>
     <div class="r-container h-100 position-relative" style="z-index: 2;">
       <div class="row row-cols-1 row-cols-lg-2 w-100 h-100">
         <div class="col h-100 p-lg-0">
           <div class="d-flex flex-column gap-3 justify-content-center h-100">
-            <h1 class="font-1 fw-bold lh-1">Taking Podcast To <span class="accent-color">The Next Level</span></h1>
-            <p class="text-gray fs-5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.</p>
+            <h1 class="font-1 fw-bold lh-1"><span class="accent-color">Agile</span> Actually</h1>
+            <h5>Martin Hinshelwood // Simon Reindl</h5>
+            <p class="text-gray fs-5">Welcome to Agile Actually, the podcast that brings you authentic agile concepts, insights, and wisdom from two of the most respected, progressive agile experts in the industry.</p>
             <div class="d-flex flex-lg-row flex-column gap-lg-5 gap-4">
               <a href="" class="btn button font-1 ls-2">LEARN MORE</a>
               <div class="d-flex flex-row gap-3 align-items-center">
@@ -23,9 +24,17 @@ <h1 class="font-1 fw-bold lh-1">Taking Podcast To <span class="accent-color">The
     </div>
     <!-- Modal -->
     <div class="modal fade bg-overlay" id="exampleModal" tabindex="-1" aria-hidden="true">
-      <div class="modal-dialog modal-dialog-centered modal-lg">
+      <div class="modal-dialog modal-dialog-centered modal-xl">
         <div class="modal-content bg-dark-color">
-          <iframe class="ifr-video" src="https://www.youtube.com/embed/FK2RaJ1EfA8?autoplay=0"></iframe>
+          <iframe
+            width="100%"
+            title="Spotify Embed: Power &amp; Politics! Communicating and Building Political Capital for Agile Transformations!"
+            frameborder="0"
+            allowfullscreen
+            allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture"
+            loading="lazy"
+            src="https://open.spotify.com/embed/show/27PyDccVtzuOWFtB7Qi84q/video?utm_source=generator"
+            style="aspect-ratio: 16 / 9;"></iframe>
         </div>
       </div>
     </div>
@@ -58,7 +67,7 @@ <h2 class="font-1 fw-bold m-0">83<sup>K</sup></h2>
     </div>
     </div>
     </div>
-  */}}
+    */}}
 
 
   <!-- Most Favorite Podcast -->

site/static/css/style.css

@@ -375,7 +375,7 @@ a {
     left: 0;
     position: absolute;
     background-color: black;
-    opacity: 0.6;
+    opacity: 0.8;
     transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
 }