@extends('layouts.app')
@section('title', 'Welcome to Ayokah Foods')
@section('description',
    'Discover the finest African cuisine at Ayokah Foods. and Services. We offer a wide range of delicious dishes
    made from authentic ingredients from Africa.')
@section('content')

    <main class="main">
        @livewire('frontend.banner')

        @livewire('frontend.featured-categories')

        @livewire('frontend.ads-banner')

        <section class="product-tabs section-padding position-relative">
            @livewire('frontend.popular-products')
        </section>

        <!--Products Tabs-->
        <section class="section-padding pb-5">
            @livewire('frontend.daily-products')
        </section>

        <!--End Best Sales-->
        <section class="section-padding pb-5">
            @livewire('frontend.deal-products')
        </section>

        <!--End Deals-->
        <section class="section-padding mb-30">
            <div class="container">
                <div class="row">
                    @livewire('frontend.top-selling-products')
                    @livewire('frontend.trending-products')
                    @livewire('frontend.recent-products')
                    @livewire('frontend.top-rated-products')
                </div>
            </div>
        </section>
        
    </main>
@endsection