@php($products=config('products'))
<x-layout title="Our Products | Servoknit" description="Premium Mutton Cloth and Stockinette engineered for performance.">
    <section class="page-hero"><div class="shell"><x-breadcrumb :items="['Products'=>null]" /><p class="eyebrow">Our Products</p><h1>Engineered for<br><span>Performance</span></h1></div></section>
    <section class="section products-list-section"><div class="shell product-overview-list">@foreach($products as $product)<article><div><span>{{ $product['number'] }} / Product</span><h2>{{ $product['name'] }}</h2><p>{{ $product['short_description'] }}</p><x-button href="{{ route('products.'.$product['slug']) }}">View Product →</x-button></div><x-media-image :src="$product['image']" :alt="$product['name'].' knitted cotton fabric'" ratio="4 / 3" /></article>@endforeach</div></section>
</x-layout>
