@extends('layouts.store')
@section('content')
<section class="hero"><div class="hero-copy"><div class="eyebrow"><span class="fine-line"></span> NUEVA COLECCIÓN</div><h1>Tu esencia.<br>Tu forma de<br><em>vestir.</em></h1><p>Diseños que se sienten como vos.<br>Descubrí prendas para hacer tuyas,<br>una y otra vez.</p><a class="button primary" href="{{ route('catalog') }}">Explorá la colección <x-icon name="arrow"/></a><span class="hero-footnote">PIEZAS VERSÁTILES. ESTILO PROPIO.</span></div>
<div class="hero-image"><img src="{{ asset('images/camisa.png') }}" alt="Camisa Alba blanca con pantalón sastrero chocolate" width="1122" height="1402" fetchpriority="high"><div class="hero-caption"><div><span>EL ARTE DE LO COTIDIANO</span><strong>Menos reglas. Más vos.</strong></div><a href="{{ route('product','camisa-alba') }}" aria-label="Ver Camisa Alba"><x-icon name="arrow" size="25"/></a></div><span class="vertical-caption">MITIENDA / COLECCIÓN ESENCIAL</span></div></section>
<div class="benefits"><div><x-icon name="truck"/><span><strong>Envíos a todo el país</strong><small>Gratis desde @money((int)($settings['free_shipping'] ?? 15000000))</small></span></div><div><x-icon name="shield"/><span><strong>Comprá con tranquilidad</strong><small>Seguimiento de cada pedido</small></span></div><div><x-icon name="return"/><span><strong>Estamos para ayudarte</strong><small><a href="{{ route('returns') }}">Consultá cambios y devoluciones</a></small></span></div></div>
<section class="container collection-section"><div class="section-heading"><div><div class="eyebrow">TU PRÓXIMO FAVORITO</div><h2>Esenciales con personalidad.</h2></div><a class="text-link" href="{{ route('catalog') }}">Ver toda la colección <x-icon name="arrow"/></a></div><div class="product-grid">@foreach($products as $product)<x-product-card :product="$product"/>@endforeach</div></section>
<section class="editorial container"><div class="editorial-photo"><img src="{{ asset('images/blazer.png') }}" alt="Blazer Siena en lino color arena" loading="lazy" width="560" height="700"></div><div class="editorial-copy"><div class="eyebrow">MÁS ALLÁ DE UNA PRENDA</div><h2>Para tus días.<br>Para tu <em>historia.</em></h2><p>{{ $settings['about'] ?? '' }}</p><a class="text-link" href="{{ route('about') }}">Conocé nuestra esencia <x-icon name="arrow"/></a><span class="editorial-signature">mitienda</span></div></section>
@endsection