Manual changes saved
Browse files- index.html +22 -8
index.html
CHANGED
|
@@ -224,27 +224,41 @@
|
|
| 224 |
</header>
|
| 225 |
<!-- ======= HERO / BANNER ======= -->
|
| 226 |
<!-- ====== HERO SECTION (Compact with Background Banner Image) ====== -->
|
| 227 |
-
<section class="relative
|
| 228 |
-
style="background-color:#002060;">
|
| 229 |
<!-- Banner Background Image -->
|
| 230 |
<div class="absolute inset-0">
|
| 231 |
-
<img src="https://huggingface.co/spaces/vlcsolutions/toolmaster-pro-erp-integrator/resolve/main/images/ToolManagement-Banner-Nov2025.png"
|
| 232 |
alt="Tool Management Banner"
|
| 233 |
class="w-full h-full object-cover object-right">
|
| 234 |
</div>
|
| 235 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
| 236 |
<div class="relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
|
| 237 |
-
|
| 238 |
-
|
|
|
|
|
|
|
|
|
|
| 239 |
</h1>
|
| 240 |
-
|
|
|
|
|
|
|
| 241 |
Optimize Every Tool, Maximize Every Minute
|
| 242 |
</p>
|
|
|
|
|
|
|
| 243 |
<a href="https://www.vlcsolutions.com/contactus.html"
|
| 244 |
-
class="mx-auto inline-block bg-[var(--vlc-leaf)] hover:bg-[var(--vlc-leaf-dark)]
|
|
|
|
|
|
|
| 245 |
Solve Your Downtime Problem
|
| 246 |
</a>
|
|
|
|
| 247 |
</section>
|
|
|
|
| 248 |
<!-- ====== CTA RIBBON (Brand navy with subtle pattern) ====== -->
|
| 249 |
<section class="pattern-navy text-white py-8 bg-[var(--vlc-navy-700)]">
|
| 250 |
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
|
|
|
| 224 |
</header>
|
| 225 |
<!-- ======= HERO / BANNER ======= -->
|
| 226 |
<!-- ====== HERO SECTION (Compact with Background Banner Image) ====== -->
|
| 227 |
+
<section class="relative py-12 md:py-16 overflow-hidden" style=>
|
|
|
|
| 228 |
<!-- Banner Background Image -->
|
| 229 |
<div class="absolute inset-0">
|
| 230 |
+
<img src="https://huggingface.co/spaces/vlcsolutions/toolmaster-pro-erp-integrator/resolve/main/images/ToolManagement-Banner-Nov2025.png"
|
| 231 |
alt="Tool Management Banner"
|
| 232 |
class="w-full h-full object-cover object-right">
|
| 233 |
</div>
|
| 234 |
+
|
| 235 |
+
<!-- Overlay for Better Text Contrast -->
|
| 236 |
+
<div class="absolute inset-0 bg-black/30"></div>
|
| 237 |
+
|
| 238 |
+
<!-- Content -->
|
| 239 |
<div class="relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
|
| 240 |
+
|
| 241 |
+
<!-- Title -->
|
| 242 |
+
<h1 class="text-3xl md:text-4xl font-bold mb-2 text-[#C8F3FF] drop-shadow-lg">
|
| 243 |
+
Bridge Production & Planning with<br>
|
| 244 |
+
Real-Time Tool Insights
|
| 245 |
</h1>
|
| 246 |
+
|
| 247 |
+
<!-- Subtitle -->
|
| 248 |
+
<p class="text-lg md:text-xl font-medium mb-6 text-[#E8F9FF]">
|
| 249 |
Optimize Every Tool, Maximize Every Minute
|
| 250 |
</p>
|
| 251 |
+
|
| 252 |
+
<!-- Button -->
|
| 253 |
<a href="https://www.vlcsolutions.com/contactus.html"
|
| 254 |
+
class="mx-auto inline-block bg-[var(--vlc-leaf)] hover:bg-[var(--vlc-leaf-dark)]
|
| 255 |
+
text-[var(--vlc-navy)] font-bold py-3 px-8 rounded-full
|
| 256 |
+
text-xl md:text-2xl mb-8 transition-colors duration-200 shadow-lg hover:shadow-xl">
|
| 257 |
Solve Your Downtime Problem
|
| 258 |
</a>
|
| 259 |
+
</div>
|
| 260 |
</section>
|
| 261 |
+
|
| 262 |
<!-- ====== CTA RIBBON (Brand navy with subtle pattern) ====== -->
|
| 263 |
<section class="pattern-navy text-white py-8 bg-[var(--vlc-navy-700)]">
|
| 264 |
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|