@extends('layouts.frontend')

@section('title', 'Beranda')

@section('content')
<section class="hero">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="hero__search">
                    <div class="hero__search__form">
                        <form action="#">
                            <input type="text" placeholder="Mau cari sayur apa?">
                            <button type="submit" class="site-btn">CARI</button>
                        </form>
                    </div>
                </div>
                <div class="hero__item set-bg" data-setbg="{{ asset('template/frontend/img/hero/banner.jpg') }}" style="background-color: #f5f5f5;">
                    <div class="hero__text">
                        <span>HASIL BUMI DESA</span>
                        <h2>Sayur Segar <br />Langsung Petani</h2>
                        <p>Dukung petani lokal dengan membeli produk mereka.</p>
                        <a href="{{ url('/shop') }}" class="primary-btn">BELANJA SEKARANG</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="featured spad">
    <div class="container">
        <div class="section-title">
            <h2>Produk Terbaru</h2>
        </div>
        <div class="row featured__filter">
            <div class="col-lg-12 text-center">
                <p>Belum ada produk yang ditampilkan.</p>
            </div>
        </div>
    </div>
</section>
@endsection