Manual changes saved

index.html

@@ -265,15 +265,25 @@
   </header>
 
   <!-- Banner Section -->
-  <section class="text-white py-20 sm:px-6 lg:px-8" style="background: linear-gradient(rgba(0, 32, 96, 0.8), rgba(0, 32, 96, 0.8)), url('https://huggingface.co/spaces/vlcsolutions/cloud-cost-crusader-optimizer/resolve/main/images/microsoft-cloud-cost-main-banner.png') no-repeat center center; background-size: cover;">
-    <div class="max-w-7xl mx-auto text-center" data-aos="fade-up">
-      <h1 class="text-3xl md:text-4xl lg:text-4xl font-bold mb-4">Agile Cloud. Trusted Compliance. Real Results.</h1>
-<p class="text-xl md:text-2xl mb-8 max-w-3xl mx-auto">Faster decisions, stronger governance, efficient operations</p>
-      <a href="./contact-us.html" class="inline-block bg-[var(--vlc-leaf)] hover:bg-[var(--vlc-leaf-700)] text-[var(--vlc-navy)] font-bold py-3 px-8 rounded-md transition duration-300">
-        Start Your Cloud Cost Optimization Today
+  <section class="text-white py-16 relative overflow-hidden bg-[url('https://huggingface.co/spaces/vlcsolutions/cloud-cost-crusader-optimizer/resolve/main/images/microsoft-cloud-cost-main-banner.png')] bg-cover bg-center">
+ 
+<!-- Push content to the right side -->
+    <div class="w-full flex justify-end">
+      <!-- Center text inside this block -->
+      <div class="max-w-1xl text-center pr-4 md:pr-10">
+        <h1 class="text-5xl md:text-5xl font-bold mb-6 text-white drop-shadow-lg">
+          Agile Cloud. Trusted Compliance. Real Results.
+        </h1>
+        <p class="text-xl md:text-3xl mb-8 text-white/90 drop-shadow-lg">
+          Faster decisions, stronger governance, efficient operations
+        </p>
+       <a href="./contact-us.html" class="inline-block bg-[var(--vlc-leaf)] hover:bg-[var(--vlc-leaf-700)] text-[var(--vlc-navy)] font-bold py-3 px-8 rounded-md text-lg transition-all duration-300 transform hover:scale-105" data-aos="fade-up" data-aos-delay="200">
+Start Your Cloud Cost Optimization Today
       </a>
+      </div>
     </div>
-  </section>
+  </div>
+</section>
 
   <!-- Section 1 -->
   <section class="py-16 px-4 sm:px-6 lg:px-8 bg-white">