Section 3 Features: apply this data

1. Vendor & Freight Integration
• Send purchase orders electronically to vendors and freight partners.
• Receive and process advanced shipping notices (ASN) automatically.
• Track all outbound shipments in real time via carrier systems.
• Ensure notifications and alerts are sent to supply chain stakeholders for exceptions or delays.
________________________________________
2. External Logistics & Yard Management
• Route inbound goods efficiently to appropriate storage locations.
• Track trucks, containers, and yard movements in real time.
• Manage external storage areas and docking operations seamlessly.
________________________________________
3. Receiving Execution
• Capture complete ASN, container, and purchase order details.
• Automate barcode-based receiving workflows.
• Generate unique license plates for all incoming packages.
• Plan and execute put-away directly from receiving stations.
• Enable internal and external cross-docking operations.
• Accelerate intake using Express Receive functionality.
________________________________________

4. Delivery Execution
• Keep order management updated automatically.
• Provide graphical ATP (Available-to-Promise) views.
• Execute store or transfer orders efficiently.
• Automate reservations using conveyor-assisted systems.
• Monitor packing accuracy and efficiency.
• Simplify shipping procedures with barcode and RF technology.
________________________________________
5. Movement Execution
• Separate buffer areas from picking zones.
• Use wave-based planning for replenishment of picking locations.
• Release fulfillment orders according to operational priorities.
• Access real-time picking lists via PDA or forklift displays.
• Implement seasonal or campaign-based location planning for picking optimization.
________________________________________
6. License Plate Tracking
• Focus on handling units such as pallets, cartons, and packages rather than individual items.
• Assign unique identifiers for every handling unit for complete traceability.
________________________________________
7. Telnet & WinPDA Handheld Operations
• Support more than 50 warehouse processes on handheld devices.
• Build additional PDA workflows with a simple design tool.
• Automate employee task allocation and workflow distribution.
________________________________________

8. Delivery Rules Management
• Configure partial deliveries, minimum order values, and automatic cancellations.
• Automatically print and release picking lists.
• Assign warehouse tasks automatically based on delivery rules.
________________________________________
9. Conveyor & Material Handling Integration
• Move goods to correct destinations using conveyor systems.
• Support multiple conveyor systems through signal-based integration.
________________________________________
10. Wireless Warehouse Execution
• Receive, transfer, count, pick, and ship inventory using wireless devices.
• Cover all mobile workflows to ensure continuous operational coverage.
________________________________________
11. Microsoft Dynamics Role Center Integration
• Monitor KPIs, performance statistics, and operational metrics directly within Microsoft Dynamics 2019 Role Center.

Take full control of inventory, fulfillment, and logistics with VLC’s intelligent warehouse platform. Deliver faster, smarter, and with zero compromise.
Get Started Today

index.html

@@ -112,8 +112,112 @@
             </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">
@@ -375,9 +479,8 @@ 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-3 gap-8">
-      <!-- Feature Card 1 -->
+    <div class="grid md:grid-cols-2 lg:grid-cols-4 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">
@@ -387,8 +490,13 @@ 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>
-          <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">
+          <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">
             Learn more <i data-feather="arrow-right" class="w-4 h-4 ml-1"></i>
           </a>
         </div>
@@ -404,8 +512,12 @@ 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>
-          <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">
+          <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">
             Learn more <i data-feather="arrow-right" class="w-4 h-4 ml-1"></i>
           </a>
         </div>
@@ -421,8 +533,15 @@ 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>
-          <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">
+          <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">
             Learn more <i data-feather="arrow-right" class="w-4 h-4 ml-1"></i>
           </a>
         </div>
@@ -438,8 +557,15 @@ 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>
-          <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">
+          <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">
             Learn more <i data-feather="arrow-right" class="w-4 h-4 ml-1"></i>
           </a>
         </div>
@@ -455,8 +581,14 @@ 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>
-          <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">
+          <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">
             Learn more <i data-feather="arrow-right" class="w-4 h-4 ml-1"></i>
           </a>
         </div>
@@ -472,8 +604,11 @@ 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>
-          <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">
+          <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">
             Learn more <i data-feather="arrow-right" class="w-4 h-4 ml-1"></i>
           </a>
         </div>

style.css

@@ -19,13 +19,14 @@
     font-size: 1.125rem;
     line-height: 1.4;
 }
-
-.feature-card p {
+.feature-card ul {
     color: var(--vlc-ink);
     line-height: 1.6;
     font-size: 0.9375rem;
 }
-
+.feature-card li {
+    margin-bottom: 0.25rem;
+}
 .feature-card a {
     transition: color 0.2s ease;
 }