Spaces:

vlcsolutions
/

warehouse-wizardry-wizard

Running

vlcsolutions commited on Jan 16

Commit

570d5d3

verified ·

1 Parent(s): 940c282

Manual changes saved

Files changed (1) hide show

index.html CHANGED Viewed

@@ -95,18 +95,24 @@
 <body class="font-sans antialiased">
   <!-- Header / Nav -->
   <!-- Banner Section -->
-  <section class="pattern-navy text-white py-16 md:py-20 relative overflow-hidden">
-    <div class="absolute inset-0 z-0">
-      <img src="https://huggingface.co/spaces/vlcsolutions/warehouse-wizardry-wizard/resolve/main/images/distribution-synchronize-shipments-main-banner.png" alt="Warehouse automation" >
-</div>
-    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
-      <div class="text-center" data-aos="fade-up">
-        <h1 class="text-4xl md:text-5xl font-bold mb-4 text-shadow-lg">Intelligent Distribution, Powered by Automation</h1>
-<p class="text-xl md:text-2xl mb-8 max-w-3xl mx-auto">Real-time stock control, precise picking, and synchronized shipments at scale.</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 px-8 py-3 rounded-md text-lg transition-all">Request a Demo Today</a>
       </div>
     </div>
-  </section>
   <!-- Section 1 -->
   <section class="py-16 bg-white">

 <body class="font-sans antialiased">
   <!-- Header / Nav -->
   <!-- Banner Section -->
+  <section class="text-white py-16 md:py-16 relative overflow-hidden bg-[url('https://huggingface.co/spaces/vlcsolutions/warehouse-wizardry-wizard/resolve/main/images/distribution-synchronize-shipments-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-4xl md:text-4xl font-bold mb-6 text-white drop-shadow-lg">
+          Intelligent Distribution, Powered by Automation
+        </h1>
+        <p class="text-xl md:text-1xl mb-8 text-white/90 drop-shadow-lg">
+         Real-time stock control, precise picking, and synchronized shipments at scale.
+        </p>
+ <a href="./contact-us.html" class="btn-accent inline-flex items-center px-6 py-3 rounded-md text-lg font-medium transition-all hover:shadow-lg"
+ data-aos="fade-up" data-aos-delay="200">Request a Demo Today</a>
       </div>
     </div>
+  </div>
+</section>
   <!-- Section 1 -->
   <section class="py-16 bg-white">