Test

<div class="container-fluid text-center">
<div class="row product-container">
<!-- Product 1 -->
<div class="col-md-6 col-sm-12">
<div class="product-item">
<div class="product-img">
<img src="https://cdn.shopify.com/s/files/1/0461/6821/1605/files/kds2.png?v=1735305077" width="200px"alt="Product 1 Image" />
</div>
<h3 class="product-name">eatOS Kitchen Display System</h3>
<h2 class="slug-line">Streamlines Kitchen Communication
</h2>
<p class="price">$799 or $39/mo over 24 months¹

</p>
<button class="btn btn-primary btn-custom">Learn More</button>
<button class="btn btn-primary btn-custom">Buy</button>
</div>
</div>

<!-- Product 2 -->
<div class="col-md-6 col-sm-12">
<div class="product-item">
<div class="product-img">
<img src="https://cdn.shopify.com/s/files/1/0461/6821/1605/files/kioska_copy.png?v=1736256874" alt="Product 2 Image" />
</div>
<h3 class="product-name">eatOS Kiosk</h3>
<h2 class="slug-line">Self Ordering & Boost Guests Satisfaction</h2>
<p class="price">$299 or $27/mo over 12 months¹</p>
<button class="btn btn-primary btn-custom">Learn More</button>
<button class="btn btn-primary btn-custom">Buy</button>
</div>
</div>
</div>
</div>






<div class="container-fluid text-center">
<div class="row product-container">
<!-- Product 1 -->
<div class="col-md-6 col-sm-12">
<div class="product-item">
<div class="product-img">
<img src="https://cdn.shopify.com/s/files/1/0461/6821/1605/files/Point_of_Sale-min_1.webp?v=1736169583" width="200px"alt="Product 1 Image" />
</div>
<h3 class="product-name">eatOS Point of Sale</h3>
<h2 class="slug-line">Menu Creation with Generative AI

</h2>
<p class="price">$799 or $39/mo over 24 months¹

</p>
<button class="btn btn-primary btn-custom">Learn More</button>
<button class="btn btn-primary btn-custom">Buy</button>
</div>
</div>

<!-- Product 2 -->
<div class="col-md-6 col-sm-12">
<div class="product-item">
<div class="product-img">
<img src="https://cdn.shopify.com/s/files/1/0461/6821/1605/files/qs3_0209e1a1-2177-4fef-ae1e-77670973e8bb.png?v=1735292593" alt="Product 2 Image" />
</div>
<h3 class="product-name">eatOS Handheld</h3>
<h2 class="slug-line">Full Size Point of Sale in Your Hands</h2>
<p class="price">$299 or $27/mo over 12 months¹</p>
<button class="btn btn-primary btn-custom">Learn More</button>
<button class="btn btn-primary btn-custom">Buy</button>
</div>
</div>
</div>
</div>












<div class="container text-center">
<div class="row product-container">
<!-- Product 1 -->
<div class="col-md-6 col-sm-12">
<div class="product-item">
<div class="product-img">
<img src="https://cdn.shopify.com/s/files/1/0461/6821/1605/files/robot.png?v=1736263222" width="200px"alt="Product 1 Image" />
</div>
<h3 class="product-name">Autonomous and Automated Delivery
</h3>
<h2 class="slug-line">Get Your Restaurant a Reliable Robot with eatOS
</h2>
<p class="price">$799 or $39/mo over 24 months¹

</p>
<button class="btn btn-primary btn-custom">Learn More</button>
<button class="btn btn-primary btn-custom">Buy</button>
</div>
</div>

<!-- Product 2 -->
<div class="col-md-6 col-sm-12">
<div class="product-item">
<div class="product-img">
<img src="https://cdn.shopify.com/s/files/1/0461/6821/1605/files/voiceo.png?v=1736263412" alt="Product 2 Image" />
</div>
<h3 class="product-name">
AI-Enabled Ordering Automation</h3>
<h2 class="slug-line">Let AI Handle Your Voice Ordering Process!</h2>
<p class="price">$299 or $27/mo over 12 months¹</p>
<button class="btn btn-primary btn-custom">Learn More</button>
<button class="btn btn-primary btn-custom">Buy</button>
</div>
</div>
</div>
</div>