@extends('layouts.frontend.default')
@push('styles')
@endpush
@section('content')
    <x-home-hero />
    <x-home-banner />
    <x-new-product />
    <x-our-product />
    <x-home-service />


    <!-- Items section Start -->
    <div class="button-item">
        <button class="item-btn btn text-white">
            <i class="iconly-Bag-2 icli"></i>
        </button>
    </div>
    <div class="item-section">
        <button class="close-button">
            <i class="fas fa-times"></i>
        </button>
        <h6>
            <i class="iconly-Bag-2 icli"></i>
            <span>5 Items</span>
        </h6>
        <ul class="items-image">
            <li>
                <img src="{{ asset('assets/Produk/produk1.jpg') }}" alt="">
            </li>
            <li>
                <img src="{{ asset('assets/Produk/produk2.jpg') }}" alt="">
            </li>
            <li>+3</li>
        </ul>
        <button onclick="location.href = 'cart.html';" class="btn item-button btn-sm fw-bold">Rp. 500.000</button>
    </div>
    <!-- Items section End -->
@endsection
@push('scripts')
@endpush