Manual changes saved

index.html

@@ -112,112 +112,8 @@
             </button>
             <div class="absolute left-0 top-full mt-2 min-w-[220px] bg-white border border-gray-200 rounded-md shadow-md p-2 opacity-0 invisible translate-y-1 transition-all group-hover:opacity-100 group-hover:visible group-hover:translate-y-0">
               <a href="./solutions.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Business Central Apps</a>
-      <!-- Feature Card 7 -->
-      <div class="feature-card bg-white relative overflow-hidden group" data-aos="fade-up">
-        <div class="absolute top-0 left-0 w-full h-1 bg-gradient-to-r from-[var(--vlc-leaf)] to-[var(--vlc-sky)]"></div>
-        <div class="p-6">
-          <div class="flex items-center mb-4">
-            <div class="w-12 h-12 flex items-center justify-center rounded-full bg-[var(--vlc-leaf-tint)] text-[var(--vlc-leaf)] mr-4">
-              <i data-feather="smartphone" class="w-6 h-6"></i>
-            </div>
-            <h3 class="text-xl font-bold text-[var(--vlc-navy)]">Handheld Operations</h3>
-          </div>
-          <ul class="text-gray-600 mb-6 space-y-2 text-sm">
-            <li class="flex items-start"><span class="text-[var(--vlc-leaf)] mr-2">•</span> Support 50+ warehouse processes on handheld devices.</li>
-            <li class="flex items-start"><span class="text-[var(--vlc-leaf)] mr-2">•</span> Build additional PDA workflows with design tool.</li>
-            <li class="flex items-start"><span class="text-[var(--vlc-leaf)] mr-2">•</span> Automate employee task allocation and workflow.</li>
-          </ul>
-          <a href="#" class="inline-flex items-center text-[var(--vlc-navy)] hover:text-[var(--vlc-leaf)] font-medium group-hover:translate-x-1 transition-transform">
-            Learn more <i data-feather="arrow-right" class="w-4 h-4 ml-1"></i>
-          </a>
-        </div>
-      </div>
-
-      <!-- Feature Card 8 -->
-      <div class="feature-card bg-white relative overflow-hidden group" data-aos="fade-up" data-aos-delay="100">
-        <div class="absolute top-0 left-0 w-full h-1 bg-gradient-to-r from-[var(--vlc-sky)] to-[var(--vlc-leaf)]"></div>
-        <div class="p-6">
-          <div class="flex items-center mb-4">
-            <div class="w-12 h-12 flex items-center justify-center rounded-full bg-[var(--vlc-tint)] text-[var(--vlc-sky)] mr-4">
-              <i data-feather="truck" class="w-6 h-6"></i>
-            </div>
-            <h3 class="text-xl font-bold text-[var(--vlc-navy)]">Delivery Rules</h3>
-          </div>
-          <ul class="text-gray-600 mb-6 space-y-2 text-sm">
-            <li class="flex items-start"><span class="text-[var(--vlc-leaf)] mr-2">•</span> Configure partial deliveries and order values.</li>
-            <li class="flex items-start"><span class="text-[var(--vlc-leaf)] mr-2">•</span> Automatically print and release picking lists.</li>
-            <li class="flex items-start"><span class="text-[var(--vlc-leaf)] mr-2">•</span> Assign warehouse tasks based on delivery rules.</li>
-          </ul>
-          <a href="#" class="inline-flex items-center text-[var(--vlc-navy)] hover:text-[var(--vlc-leaf)] font-medium group-hover:translate-x-1 transition-transform">
-            Learn more <i data-feather="arrow-right" class="w-4 h-4 ml-1"></i>
-          </a>
-        </div>
-      </div>
-
-      <!-- Feature Card 9 -->
-      <div class="feature-card bg-white relative overflow-hidden group" data-aos="fade-up" data-aos-delay="200">
-        <div class="absolute top-0 left-0 w-full h-1 bg-gradient-to-r from-[var(--vlc-leaf)] to-[var(--vlc-sky)]"></div>
-        <div class="p-6">
-          <div class="flex items-center mb-4">
-            <div class="w-12 h-12 flex items-center justify-center rounded-full bg-[var(--vlc-leaf-tint)] text-[var(--vlc-leaf)] mr-4">
-              <i data-feather="package" class="w-6 h-6"></i>
-            </div>
-            <h3 class="text-xl font-bold text-[var(--vlc-navy)]">Conveyor Integration</h3>
-          </div>
-          <ul class="text-gray-600 mb-6 space-y-2 text-sm">
-            <li class="flex items-start"><span class="text-[var(--vlc-leaf)] mr-2">•</span> Move goods to correct destinations via conveyors.</li>
-            <li class="flex items-start"><span class="text-[var(--vlc-leaf)] mr-2">•</span> Support multiple conveyor systems integration.</li>
-          </ul>
-          <a href="#" class="inline-flex items-center text-[var(--vlc-navy)] hover:text-[var(--vlc-leaf)] font-medium group-hover:translate-x-1 transition-transform">
-            Learn more <i data-feather="arrow-right" class="w-4 h-4 ml-1"></i>
-          </a>
-        </div>
-      </div>
-
-      <!-- Feature Card 10 -->
-      <div class="feature-card bg-white relative overflow-hidden group" data-aos="fade-up">
-        <div class="absolute top-0 left-0 w-full h-1 bg-gradient-to-r from-[var(--vlc-sky)] to-[var(--vlc-leaf)]"></div>
-        <div class="p-6">
-          <div class="flex items-center mb-4">
-            <div class="w-12 h-12 flex items-center justify-center rounded-full bg-[var(--vlc-tint)] text-[var(--vlc-sky)] mr-4">
-              <i data-feather="wifi" class="w-6 h-6"></i>
             </div>
-            <h3 class="text-xl font-bold text-[var(--vlc-navy)]">Wireless Execution</h3>
           </div>
-          <ul class="text-gray-600 mb-6 space-y-2 text-sm">
-            <li class="flex items-start"><span class="text-[var(--vlc-leaf)] mr-2">•</span> Receive, transfer, count, pick, and ship wirelessly.</li>
-            <li class="flex items-start"><span class="text-[var(--vlc-leaf)] mr-2">•</span> Cover all mobile workflows for continuous operations.</li>
-          </ul>
-          <a href="#" class="inline-flex items-center text-[var(--vlc-navy)] hover:text-[var(--vlc-leaf)] font-medium group-hover:translate-x-1 transition-transform">
-            Learn more <i data-feather="arrow-right" class="w-4 h-4 ml-1"></i>
-          </a>
-        </div>
-      </div>
-
-      <!-- Feature Card 11 -->
-      <div class="feature-card bg-white relative overflow-hidden group" data-aos="fade-up" data-aos-delay="100">
-        <div class="absolute top-0 left-0 w-full h-1 bg-gradient-to-r from-[var(--vlc-leaf)] to-[var(--vlc-sky)]"></div>
-        <div class="p-6">
-          <div class="flex items-center mb-4">
-            <div class="w-12 h-12 flex items-center justify-center rounded-full bg-[var(--vlc-leaf-tint)] text-[var(--vlc-leaf)] mr-4">
-              <i data-feather="bar-chart-2" class="w-6 h-6"></i>
-            </div>
-            <h3 class="text-xl font-bold text-[var(--vlc-navy)]">Dynamics Integration</h3>
-          </div>
-          <ul class="text-gray-600 mb-6 space-y-2 text-sm">
-            <li class="flex items-start"><span class="text-[var(--vlc-leaf)] mr-2">•</span> Monitor KPIs and performance statistics.</li>
-            <li class="flex items-start"><span class="text-[var(--vlc-leaf)] mr-2">•</span> View operational metrics in Dynamics Role Center.</li>
-          </ul>
-          <a href="#" class="inline-flex items-center text-[var(--vlc-navy)] hover:text-[var(--vlc-leaf)] font-medium group-hover:translate-x-1 transition-transform">
-            Learn more <i data-feather="arrow-right" class="w-4 h-4 ml-1"></i>
-          </a>
-        </div>
-      </div>
-    </div>
-
-    <div class="text-center mt-16" data-aos="fade-up">
-      <p class="text-xl text-[var(--vlc-navy)] mb-8 max-w-3xl mx-auto">Take full control of inventory, fulfillment, and logistics with VLC's intelligent warehouse platform. Deliver faster, smarter, and with zero compromise.</p>
-</div>
 
           <!-- Services -->
           <div class="relative group">
@@ -479,8 +375,9 @@ class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 te
         Streamline operations with our comprehensive warehouse management capabilities
       </div>
     </div>
-    <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-8">
-<!-- Feature Card 1 -->
+
+    <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
+      <!-- Feature Card 1 -->
       <div class="feature-card bg-white relative overflow-hidden group" data-aos="fade-up">
         <div class="absolute top-0 left-0 w-full h-1 bg-gradient-to-r from-[var(--vlc-leaf)] to-[var(--vlc-sky)]"></div>
         <div class="p-6">
@@ -490,13 +387,8 @@ class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 te
             </div>
             <h3 class="text-xl font-bold text-[var(--vlc-navy)]">Vendor & Freight Integration</h3>
           </div>
-          <ul class="text-gray-600 mb-6 space-y-2 text-sm">
-            <li class="flex items-start"><span class="text-[var(--vlc-leaf)] mr-2">•</span> Send purchase orders electronically to vendors and freight partners.</li>
-            <li class="flex items-start"><span class="text-[var(--vlc-leaf)] mr-2">•</span> Receive and process advanced shipping notices (ASN) automatically.</li>
-            <li class="flex items-start"><span class="text-[var(--vlc-leaf)] mr-2">•</span> Track all outbound shipments in real time via carrier systems.</li>
-            <li class="flex items-start"><span class="text-[var(--vlc-leaf)] mr-2">•</span> Ensure notifications and alerts are sent for exceptions or delays.</li>
-          </ul>
-<a href="#" class="inline-flex items-center text-[var(--vlc-navy)] hover:text-[var(--vlc-leaf)] font-medium group-hover:translate-x-1 transition-transform">
+          <p class="text-gray-600 mb-6">Send purchase orders electronically to vendors and track outbound shipments with automated ASN processing.</p>
+          <a href="#" class="inline-flex items-center text-[var(--vlc-navy)] hover:text-[var(--vlc-leaf)] font-medium group-hover:translate-x-1 transition-transform">
             Learn more <i data-feather="arrow-right" class="w-4 h-4 ml-1"></i>
           </a>
         </div>
@@ -512,12 +404,8 @@ class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 te
             </div>
             <h3 class="text-xl font-bold text-[var(--vlc-navy)]">External Logistics & Yard</h3>
           </div>
-          <ul class="text-gray-600 mb-6 space-y-2 text-sm">
-            <li class="flex items-start"><span class="text-[var(--vlc-leaf)] mr-2">•</span> Route inbound goods efficiently to appropriate storage locations.</li>
-            <li class="flex items-start"><span class="text-[var(--vlc-leaf)] mr-2">•</span> Track trucks, containers, and yard movements in real time.</li>
-            <li class="flex items-start"><span class="text-[var(--vlc-leaf)] mr-2">•</span> Manage external storage areas and docking operations seamlessly.</li>
-          </ul>
-<a href="#" class="inline-flex items-center text-[var(--vlc-navy)] hover:text-[var(--vlc-leaf)] font-medium group-hover:translate-x-1 transition-transform">
+          <p class="text-gray-600 mb-6">Efficiently route inbound goods and track trucks, containers, and yard movements across your facility.</p>
+          <a href="#" class="inline-flex items-center text-[var(--vlc-navy)] hover:text-[var(--vlc-leaf)] font-medium group-hover:translate-x-1 transition-transform">
             Learn more <i data-feather="arrow-right" class="w-4 h-4 ml-1"></i>
           </a>
         </div>
@@ -533,15 +421,8 @@ class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 te
             </div>
             <h3 class="text-xl font-bold text-[var(--vlc-navy)]">Receiving Execution</h3>
           </div>
-          <ul class="text-gray-600 mb-6 space-y-2 text-sm">
-            <li class="flex items-start"><span class="text-[var(--vlc-leaf)] mr-2">•</span> Capture complete ASN, container, and purchase order details.</li>
-            <li class="flex items-start"><span class="text-[var(--vlc-leaf)] mr-2">•</span> Automate barcode-based receiving workflows.</li>
-            <li class="flex items-start"><span class="text-[var(--vlc-leaf)] mr-2">•</span> Generate unique license plates for all incoming packages.</li>
-            <li class="flex items-start"><span class="text-[var(--vlc-leaf)] mr-2">•</span> Plan and execute put-away directly from receiving stations.</li>
-            <li class="flex items-start"><span class="text-[var(--vlc-leaf)] mr-2">•</span> Enable internal and external cross-docking operations.</li>
-            <li class="flex items-start"><span class="text-[var(--vlc-leaf)] mr-2">•</span> Accelerate intake using Express Receive functionality.</li>
-          </ul>
-<a href="#" class="inline-flex items-center text-[var(--vlc-navy)] hover:text-[var(--vlc-leaf)] font-medium group-hover:translate-x-1 transition-transform">
+          <p class="text-gray-600 mb-6">Automate barcode-based receiving workflows with complete ASN and purchase order details capture.</p>
+          <a href="#" class="inline-flex items-center text-[var(--vlc-navy)] hover:text-[var(--vlc-leaf)] font-medium group-hover:translate-x-1 transition-transform">
             Learn more <i data-feather="arrow-right" class="w-4 h-4 ml-1"></i>
           </a>
         </div>
@@ -557,15 +438,8 @@ class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 te
             </div>
             <h3 class="text-xl font-bold text-[var(--vlc-navy)]">Delivery Execution</h3>
           </div>
-          <ul class="text-gray-600 mb-6 space-y-2 text-sm">
-            <li class="flex items-start"><span class="text-[var(--vlc-leaf)] mr-2">•</span> Keep order management updated automatically.</li>
-            <li class="flex items-start"><span class="text-[var(--vlc-leaf)] mr-2">•</span> Provide graphical ATP (Available-to-Promise) views.</li>
-            <li class="flex items-start"><span class="text-[var(--vlc-leaf)] mr-2">•</span> Execute store or transfer orders efficiently.</li>
-            <li class="flex items-start"><span class="text-[var(--vlc-leaf)] mr-2">•</span> Automate reservations using conveyor-assisted systems.</li>
-            <li class="flex items-start"><span class="text-[var(--vlc-leaf)] mr-2">•</span> Monitor packing accuracy and efficiency.</li>
-            <li class="flex items-start"><span class="text-[var(--vlc-leaf)] mr-2">•</span> Simplify shipping with barcode and RF technology.</li>
-          </ul>
-<a href="#" class="inline-flex items-center text-[var(--vlc-navy)] hover:text-[var(--vlc-leaf)] font-medium group-hover:translate-x-1 transition-transform">
+          <p class="text-gray-600 mb-6">Automate shipping procedures with barcode/RF technology and maintain updated order management.</p>
+          <a href="#" class="inline-flex items-center text-[var(--vlc-navy)] hover:text-[var(--vlc-leaf)] font-medium group-hover:translate-x-1 transition-transform">
             Learn more <i data-feather="arrow-right" class="w-4 h-4 ml-1"></i>
           </a>
         </div>
@@ -581,14 +455,8 @@ class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 te
             </div>
             <h3 class="text-xl font-bold text-[var(--vlc-navy)]">Movement Execution</h3>
           </div>
-          <ul class="text-gray-600 mb-6 space-y-2 text-sm">
-            <li class="flex items-start"><span class="text-[var(--vlc-leaf)] mr-2">•</span> Separate buffer areas from picking zones.</li>
-            <li class="flex items-start"><span class="text-[var(--vlc-leaf)] mr-2">•</span> Use wave-based planning for replenishment.</li>
-            <li class="flex items-start"><span class="text-[var(--vlc-leaf)] mr-2">•</span> Release fulfillment orders by operational priorities.</li>
-            <li class="flex items-start"><span class="text-[var(--vlc-leaf)] mr-2">•</span> Access real-time picking lists via PDA or forklift displays.</li>
-            <li class="flex items-start"><span class="text-[var(--vlc-leaf)] mr-2">•</span> Implement seasonal/campaign-based location planning.</li>
-          </ul>
-<a href="#" class="inline-flex items-center text-[var(--vlc-navy)] hover:text-[var(--vlc-leaf)] font-medium group-hover:translate-x-1 transition-transform">
+          <p class="text-gray-600 mb-6">Wave-based replenishment and real-time picking lists for optimized operational priorities.</p>
+          <a href="#" class="inline-flex items-center text-[var(--vlc-navy)] hover:text-[var(--vlc-leaf)] font-medium group-hover:translate-x-1 transition-transform">
             Learn more <i data-feather="arrow-right" class="w-4 h-4 ml-1"></i>
           </a>
         </div>
@@ -604,11 +472,8 @@ class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 te
             </div>
             <h3 class="text-xl font-bold text-[var(--vlc-navy)]">License Plate Tracking</h3>
           </div>
-          <ul class="text-gray-600 mb-6 space-y-2 text-sm">
-            <li class="flex items-start"><span class="text-[var(--vlc-leaf)] mr-2">•</span> Focus on handling units (pallets, cartons, packages).</li>
-            <li class="flex items-start"><span class="text-[var(--vlc-leaf)] mr-2">•</span> Assign unique identifiers for complete traceability.</li>
-          </ul>
-<a href="#" class="inline-flex items-center text-[var(--vlc-navy)] hover:text-[var(--vlc-leaf)] font-medium group-hover:translate-x-1 transition-transform">
+          <p class="text-gray-600 mb-6">Track pallets, cartons, and packages with unique identifiers for complete traceability.</p>
+          <a href="#" class="inline-flex items-center text-[var(--vlc-navy)] hover:text-[var(--vlc-leaf)] font-medium group-hover:translate-x-1 transition-transform">
             Learn more <i data-feather="arrow-right" class="w-4 h-4 ml-1"></i>
           </a>
         </div>