<!-- Section 1 --> give right side image pattern

index.html

@@ -227,19 +227,25 @@
       <a href="https://www.vlcsolutions.com/contactus.html" class="btn-accent px-8 py-3 rounded-md text-lg font-medium inline-block">Design Your GRC Framework</a>
     </div>
   </section>
-
   <!-- Section 1 -->
-  <section class="py-16 bg-white">
-    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
-      <h2 class="text-3xl font-bold text-[var(--vlc-navy)] mb-6">Securing Your Future: Building an Integrated GRC Ecosystem</h2>
-      <p class="text-lg text-gray-700 mb-8 max-w-4xl">
-        Navigating today's intricate web of regulations shouldn't paralyze your business. At VLC Solutions, we transform the challenge of security and regulatory adherence into a powerful, sustainable advantage. For SMBs especially, the speed of compliance change can lead to mounting financial exposures and unnecessary business risk. Our mission is to integrate a seamless approach to Governance, Risk, and Compliance, ensuring your framework is both robust and flexible.
-      </p>
-      <a href="#contact" class="btn-primary px-8 py-3 rounded-md text-lg font-medium inline-block">Eliminate Your Audit Headaches</a>
+  <section class="py-16 bg-white relative overflow-hidden">
+    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
+      <div class="grid md:grid-cols-2 gap-12 items-center">
+        <div>
+          <h2 class="text-3xl font-bold text-[var(--vlc-navy)] mb-6">Securing Your Future: Building an Integrated GRC Ecosystem</h2>
+          <p class="text-lg text-gray-700 mb-8">
+            Navigating today's intricate web of regulations shouldn't paralyze your business. At VLC Solutions, we transform the challenge of security and regulatory adherence into a powerful, sustainable advantage. For SMBs especially, the speed of compliance change can lead to mounting financial exposures and unnecessary business risk. Our mission is to integrate a seamless approach to Governance, Risk, and Compliance, ensuring your framework is both robust and flexible.
+          </p>
+          <a href="#contact" class="btn-primary px-8 py-3 rounded-md text-lg font-medium inline-block">Eliminate Your Audit Headaches</a>
+        </div>
+        <div class="relative">
+          <div class="pattern-navy absolute inset-0 rounded-xl opacity-20"></div>
+          <img src="https://static.photos/technology/640x360/42" alt="GRC Ecosystem" class="relative rounded-xl shadow-lg w-full h-auto" loading="lazy">
+        </div>
+      </div>
     </div>
   </section>
-
-  <!-- Section 2 - Our Services -->
+<!-- Section 2 - Our Services -->
   <section class="py-16 bg-[var(--vlc-tint)]">
     <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
       <h2 class="text-3xl font-bold text-[var(--vlc-navy)] mb-12 text-center">Our Services</h2>

style.css

@@ -1,8 +1,17 @@
+
 body {
 	padding: 2rem;
 	font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
 }
 
+.pattern-navy {
+  background:
+    radial-gradient(24px 24px at 10% 10%, rgba(255,255,255,.06) 0 6px, transparent 7px),
+    radial-gradient(24px 24px at 60% 30%, rgba(255,255,255,.05) 0 6px, transparent 7px),
+    radial-gradient(24px 24px at 30% 70%, rgba(255,255,255,.04) 0 6px, transparent 7px),
+    linear-gradient(180deg, rgba(0,0,0,.0), rgba(0,0,0,.12));
+  background-color: var(--vlc-navy);
+}
 h1 {
 	font-size: 16px;
 	margin-top: 0;