@extends('frontend.layouts.mobile')

@section('title', $data['page']->meta_title)
@section('meta_keywords', $data['page']->meta_keywords)
@section('meta_description', $data['page']->meta_description)
@push('head-area')
    <link rel="canonical" href="{{ URL::to('/') }}" />
@endpush

@php
    $page_name = 'index';
@endphp

@section('content')
    <!-- ...:::Start Catagories - 1 Section:::... -->
        <div class="catagories-section section-gap-top-50">
            <div class="container">
                
                @include('includes.partials.mobile-main-categories')    
                
                {{-- @include('includes.partials.mobile-home-products', ['caption' => 'New Products', 'result' => $data['new_products']]) --}}
                @include('includes.partials.top-selling-banner') 

                <div class="mobile-banner-padding">
                    {!! \App\Models\Banner::showBannerMobile(2) !!}
                </div>

                {{-- @include('includes.partials.mobile-home-products', ['caption' => 'Hot Products', 'result' => $data['hot_products']])     --}}
                @include('includes.partials.mobile-feature-categories', ['caption' => 'Feature Categories', 'featured_categories' => $data['featured_categories'] ])    

                <div class="mobile-banner-padding">
                    {!! \App\Models\Banner::showBannerMobile(8) !!}
                </div>

                @include('includes.partials.mobile-home-products', ['caption' => 'Featured Products', 'result' => $data['featured_products']])    

            </div>
        </div>
    <!-- ...:::Start Catagories - 1 Section:::... -->
@endsection