@extends('layouts.site')
@section('title', 'Remblanc')
@section('content')
    <section class="cover p-0">
        <div class="cover__swiper-wrapper position-relative">
            <div class="swiper cover__swiper">
                <div class="swiper-wrapper">
                    <div class="swiper-slide" style="background-image: url('{{ asset('assets/site/img/cover.jpg') }}')">
                        <div class="container h-100">
                            <div class="row h-100 align-items-center">
                                <div class="col-md-8 col-lg-6 col-xl-5 ml-md-5">
                                    <div class="slide__title mb-3">Pulverizator automatic</div>
                                    <div class="slide__content mb-4">
                                        Lorem Ipsum is simply dummy text of the printing and
                                        typesetting industry. Lorem Ipsum has been the
                                        industry's standard dummy.
                                    </div>
                                    <a href="pulverizator-automatic.php"> <span
                                            class="text-uppercase font-weight-bold border-bottom border-width-2">Mai mult</span></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide" style="background-image: url('{{ asset('assets/site/img/cover-1.jpg') }}')">
                        <div class="container h-100">
                            <div class="row h-100 align-items-center">
                                <div class="col-md-8 col-lg-6 col-xl-5 ml-md-5">
                                    <div class="slide__title mb-3">Pulverizator automatic</div>
                                    <div class="slide__content mb-4">
                                        Lorem Ipsum is simply dummy text of the printing and
                                        typesetting industry. Lorem Ipsum has been the
                                        industry's standard dummy.
                                    </div>
                                    <a href="pulverizator-automatic.php"> <span
                                            class="text-uppercase font-weight-bold border-bottom border-width-2">Mai mult</span></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="swiper-button-next swiper-button-next--cover"></div>
            <div class="swiper-button-prev swiper-button-prev--cover"></div>
        </div>
    </section>
    <section class="pt-0 mt-n4 mt-lg-n5 position-relative index-1">
        <div class="container">
            <div class="row no-gutters justify-content-center">
                <div class="col-md-4 col-xl-3 col-xxl-4">
                    <div class="cover__category bg-dark-blue text-white mt-lg-n4">
                        <div class="category__name mb-3">Odorizant</div>
                        <div class="category__description">
                            Lorem Ipsum dolor sit amet, consectetur adipiscing elit, labor
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-xl-3 col-xxl-4">
                    <div class="cover__category bg-light mt-lg-n4">
                        <div class="category__name mb-3">Detergent</div>
                        <div class="category__description">
                            Lorem Ipsum dolor sit amet, consectetur adipiscing elit, labor
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-xl-3 col-xxl-4">
                    <div class="cover__category bg-gray mt-lg-n4">
                        <div class="category__name mb-3">Petshop</div>
                        <div class="category__description">
                            Lorem Ipsum dolor sit amet, consectetur adipiscing elit, labor
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section>
        <div class="container">
            <div class="row mb-4">
                <div class="col-md-12">
                    <div class="text-center">
                        <div class="title">Cele mai vândute</div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-6 col-md-4 col-lg-3 product-holder">
                    <div class="product">
                        <!--<div class="sale-badge">Redus</div>-->
                        <div class="product__image">
                            <img src="{{ asset('assets/site/img/pulverizator-automatic-spray.png') }}" alt="" class="img-fluid">
                            <div class="product__options">
                                <button class="btn add-to-favorit p-0 mr-1">
                                    <span class="icon icon-heart"></span>
                                </button>
                                <a href="pulverizator-automatic.php" class="ml-1">
                                    <span class="icon icon-shopping-cart"></span>
                                </a>
                            </div>
                        </div>
                        <div class="border-top text-center mx-2 mx-md-3 py-3">
                            <div class="product__name mb-2">Pulverizator automatic spray RemBlanc</div>
                            <!--<div class="product__price">20 Lei</div>-->
                        </div>
                    </div>
                </div>
                <div class="col-6 col-md-4 col-lg-3 product-holder">
                    <div class="product">
                        <div class="product__image">
                            <img src="{{ asset('assets/site/img/insecticid-aerosol.png') }}" alt="" class="img-fluid">
                            <div class="product__options">
                                <button class="btn add-to-favorit p-0 mr-1">
                                    <span class="icon icon-heart"></span>
                                </button>
                                <a href="insecticid-aerosol.php" class="ml-1">
                                    <span class="icon icon-shopping-cart"></span>
                                </a>
                            </div>
                        </div>
                        <div class="border-top text-center mx-2 mx-md-3 py-3">
                            <div class="product__name mb-2">Insecticid aerosol pentru uz domestic și civil</div>
                            <!--<div class="product__price">20 Lei</div>-->
                        </div>
                    </div>
                </div>
                <div class="col-6 col-md-4 col-lg-3 product-holder">
                    <div class="product">
                        <div class="product__image">
                            <img src="{{ asset('assets/site/img/pachet-pulverizator-spray.jpg') }}" alt="" class="img-fluid">
                            <div class="product__options">
                                <button class="btn add-to-favorit p-0 mr-1">
                                    <span class="icon icon-heart"></span>
                                </button>
                                <a href="pachet-pulverizator-insecticid.php" class="ml-1">
                                    <span class="icon icon-shopping-cart"></span>
                                </a>
                            </div>
                        </div>
                        <div class="border-top text-center mx-2 mx-md-3 py-3">
                            <div class="product__name mb-2">Pulverizator automatic + Insecticid aerosol</div>
                            <!--<div class="product__price">20 Lei</div>-->
                        </div>
                    </div>
                </div>
            </div>
            <div class="row mt-4">
                <div class="col-md-12">
                    <div class="text-center">
                        <a href="produse.php" class="border-bottom border-width-2 border-primary text-primary">Vezi mai
                            multe</a>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="petshop-banner">
        <div class="container pb-5 pt-md-0 py-xl-5">
            <div class="row">
                <div class="col-md-5">
                    <div class="banner__title mb-3">Petshop</div>
                    <div class="mb-4">
                        Alege din gama noastră de produse
                    </div>
                    <a href="produse.php"
                       class="border-bottom border-width-2 border-white font-size-base mb-4 mb-md-0 d-inline-block">Cumpără
                        acum</a>
                </div>
            </div>
        </div>
    </section>
    <section class="my-5">
        <div class="container py-xl-5">
            <div class="row justify-content-center">
                <div class="col-md-7 col-lg-4 mb-4 mb-md-5 mb-lg-0">
                    <div class="home-specs text-center">
                        <div class="mb-2 mb-xl-3">
                            <span class="icon icon-free-shipping"></span>
                        </div>
                        <div class="title mb-2 mb-xl-3">Livrare gratuită</div>
                        <div>
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                            Phasellus sodales gravida nibh, quis finibus ligula sagittis a
                        </div>
                    </div>
                </div>
                <div class="col-md-7 col-lg-4 mb-4 mb-md-5 mb-lg-0">
                    <div class="home-specs text-center">
                        <div class="mb-2 mb-xl-3">
                            <span class="icon icon-refund"></span>
                        </div>
                        <div class="title mb-2 mb-xl-3">100% rambursare</div>
                        <div>
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                            Phasellus sodales gravida nibh, quis finibus ligula sagittis a
                        </div>
                    </div>
                </div>
                <div class="col-md-7 col-lg-4">
                    <div class="home-specs text-center">
                        <div class="mb-2 mb-xl-3">
                            <span class="icon icon-support"></span>
                        </div>
                        <div class="title mb-2 mb-xl-3">Suport</div>
                        <div>
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                            Phasellus sodales gravida nibh, quis finibus ligula sagittis a
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection