000

@extends('front.layout')

@section('page_title', 'Index Page')

@section('content')
<div class="hero-slider">
    @foreach ($home_banner as $banner)
        <div class="slider-item th-fullpage hero-area" style="background-image: url('{{ asset('storage/media/banner/' . $banner->image) }}');">
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 text-center">
                        <p data-duration-in=".3" data-animation-in="fadeInUp" data-delay-in=".1">PRODUCTS</p>
                        <h1 data-duration-in=".3" data-animation-in="fadeInUp" data-delay-in=".5">
                            {{ $banner->title ?? 'The beauty of nature is hidden in details.' }}
                        </h1>
                        @if ($banner->btn_link)
                            <a data-duration-in=".3" data-animation-in="fadeInUp" data-delay-in=".8" class="btn" href="{{ $banner->btn_link }}">
                                {{ $banner->btn_txt ?? 'Shop Now' }}
                            </a>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    @endforeach
</div>

@endsection