@extends('layouts.landing', ['title' => config('app.tagline')])

@section('content')
    

    <x-layout.header-grocery />

    <main class="content-wrapper">

        <!-- Hero slider -->
        <x-home.home-slider />


        <!-- Popular products carousel -->
        <x-home.home-popular-products />


        <!-- Featured products -->
        <x-home.product-highlight />

        <!-- Special collection carousel -->
        <x-home.new-arrivals />


        <!-- Brands -->
        <x-home.brand-home template="fashion-v1" />


        <!-- Reviews carousel -->
        <x-home.reviews-carousel />


        <!-- Instagram feed -->
        <x-home.instagram-feed />
    </main>

    @include('layouts.partials.footer2')
@endsection

@section('scripts')    
@endsection