Manual changes saved

index.html

@@ -281,17 +281,25 @@ class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 te
     </div>
   </header>
   <!-- Security Banner -->
-  <section class="relative py-16 px-4 sm:px-6 lg:px-8 text-white">
-    <div class="absolute inset-0 bg-[var(--vlc-navy)] opacity-90"></div>
-    <div class="absolute inset-0 bg-[url('https://huggingface.co/spaces/vlcsolutions/securedynamics-shieldforce/resolve/main/images/procedures-and-people-main-page-and-others.png')] bg-cover bg-center"></div>
-    <div class="max-w-7xl mx-auto text-center relative z-10">
-      <h1 class="text-4xl md:text-5xl font-bold mb-4" data-aos="fade-up">Security Embedded in Everything We Do</h1>
-      <p class="text-xl max-w-3xl mx-auto mb-8" data-aos="fade-up" data-aos-delay="100">Protecting data, ensuring compliance, and earning trust through disciplined security practices.</p>
-      <a href="#security-framework" class="btn-accent px-8 py-3 rounded-md font-medium inline-flex items-center" data-aos="fade-up" data-aos-delay="200">
-        Explore Our Security Framework <i data-feather="arrow-right" class="ml-2"></i>
+    <section class="text-white py-16 relative overflow-hidden bg-[url('https://huggingface.co/spaces/vlcsolutions/securedynamics-shieldforce/resolve/main/images/procedures-and-people-main-page-and-others.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-2xl text-center pr-4 md:pr-">
+        <h1 class="text-5xl md:text-3xl font-bold mb-6 text-white drop-shadow-lg">
+        Security Embedded in Everything We Do
+        </h1>
+        <p class="text-xl md:text-1xl mb-8 text-white/90 drop-shadow-lg">
+    Protecting data, ensuring compliance, and earning trust through disciplined security practices.
+        </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">
+ Explore Our Security Framework
       </a>
+      </div>
     </div>
-  </section>
+  </div>
+</section>
 <!-- Section 1: Trust Core -->
   <section class="py-16 px-4 sm:px-6 lg:px-8 bg-white" id="security-framework">
     <div class="max-w-7xl mx-auto">