@extends('frontend.layouts.app')
@section('title', $data['page']->meta_title)
@section('meta_keywords', $data['page']->meta_keywords)
@section('meta_description', $data['page']->meta_description)
@php
    $url = URL::to('/');
@endphp
@push('head-area')
    <link rel="canonical" href="{{ $url }}" />
@endpush
@section('content')
    @include('includes.partials.slider')
    @include('includes.partials.home-text')
    @include('includes.partials.featured-products')
    @include('includes.partials.featured-categories')
    {{--@include('includes.partials.new-products')--}}
    @include('includes.partials.blog')
    @push('head-area')
        <link rel="preload" href="static/assets/css/swiper.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
        <noscript><link rel="stylesheet" href="static/assets/css/swiper.min.css"></noscript>
    @endpush
    @push('before-scripts')
        <input type="hidden" value="home" id="page_id">
    @endpush
    @push('after-scripts')
        <script src="static/assets/js/swiper.min.js"></script>
        <script>
            var swiper = new Swiper('.swiper-container', {
                slidesPerView: 1,
                loop: true,
                speed: 700,
                autoplay: {
                    delay: 4000,
                },
                pagination: {
                    el: '.swiper-pagination',
                },
                // Disable preloading of all images
                preloadImages: false,
                // Enable lazy loading
                lazy: true
            });
        </script>
    @endpush
@endsection