@extends('website.layout.master')



@section('title')



@endsection



@section('content')





        <!-- banner-section -->

        <section class="banner-style-four">

            <div class="pattern-layer" style="background-image: url(website/images/shape/shape-6.png);"></div>

            <div class="banner-carousel-3 owl-carousel owl-theme owl-dots-none">

                <div class="slide-item">

                    <div class="auto-container">

                        <div class="content-inner">

                            <div class="content-box">

                                <h1>Order <br /><span> Foodie Food </span> Today!</h1>

                                <h3>Foodie Food - 2024</h3>

                                <p>Here All your food needs.</p>

                                <div class="btn-box">

                                    <a href="{{ url('food') }}" class="theme-btn-one">Order Now<i class="flaticon-right-1"></i></a>

                                </div>

                            </div>

                            <figure class="image-box image-1">

                                <img src="{{ URL::asset('website/images/banner/banner-image-6.png')}}" alt="">

                            </figure>

                        </div> 

                    </div>

                </div>

                <div class="slide-item">

                    <div class="auto-container">

                        <div class="content-inner">

                            <div class="content-box">

                            <h1>Order <br /><span> Foodie Food </span> Today!</h1>

                                <h3>Foodie Food - 2024</h3>

                                <p>Here All your food needs.</p>
                                <div class="btn-box">

                                    <a href="{{ route('/') }}" class="theme-btn-one">Explore Now<i class="flaticon-right-1"></i></a>

                                </div>

                            </div>

                            <figure class="image-box image-2"><img src="{{ URL::asset('website/images/banner/banner-image-7.png')}}" alt=""></figure>

                        </div> 

                    </div>

                </div>

                <div class="slide-item">

                    <div class="auto-container">

                        <div class="content-inner">

                            <div class="content-box">

                            <h1>Order <br /><span> Foodie Food </span> Today!</h1>

                                <h3>Foodie Food - 2024</h3>

                                <p>Here All your food needs.</p>
                                <div class="btn-box">

                                    <a href="{{ route('/') }}" class="theme-btn-one">Explore Now<i class="flaticon-right-1"></i></a>

                                </div>

                            </div>

                            <figure class="image-box imgae-3"><img src="{{ URL::asset('website/images/banner/banner-image-6.png')}}" alt=""></figure>

                        </div> 

                    </div>

                </div>

                <div class="slide-item">

                    <div class="auto-container">

                        <div class="content-inner">

                            <div class="content-box">

                            <h1>Order <br /><span> Foodie Food </span> Today!</h1>

                                <h3>Foodie Food - 2024</h3>

                                <p>Here All your food needs.</p>
                                    <div class="btn-box">

                                    <a href="{{ route('/') }}" class="theme-btn-one">Explore Now<i class="flaticon-right-1"></i></a>

                                </div>

                            </div>

                            <figure class="image-box image-1"><img src="{{ URL::asset('website/images/banner/banner-image-7.png')}}" alt=""></figure>

                        </div> 

                    </div>

                </div>

            </div>

            <div class="client-thumb-outer">

                <div class="client-thumbs-carousel owl-carousel owl-theme owl-dots-none owl-nav-none">

                    <div class="thumb-item">

                        <figure class="thumb-box">

                            <img src="{{ URL::asset('website/images/banner/banner-thumb-3.png')}}" alt="">

                            <h5>Pizza</h5>

                        </figure>

                    </div>

                    <div class="thumb-item">

                        <figure class="thumb-box">

                            <img src="{{ URL::asset('website/images/banner/banner-thumb-4.png')}}" alt="">

                            <h5>Burgers</h5>

                        </figure>

                    </div>

                    <div class="thumb-item">

                        <figure class="thumb-box">

                            <img src="{{ URL::asset('website/images/banner/banner-thumb-3.png')}}" alt="">

                            <h5>Pizza</h5>

                        </figure>

                    </div>

                    <div class="thumb-item">

                        <figure class="thumb-box">

                            <img src="{{ URL::asset('website/images/banner/banner-thumb-4.png')}}" alt="">

                            <h5>Burger</h5>

                        </figure>

                    </div>

                </div>

            </div>

        </section>

        <!-- banner-section end -->





        <!-- topcategory-section -->

        <section class="topcategory-section centred">

            <div class="auto-container">

                <div class="sec-title">

                    <h2>Top Deals</h2>

                    <p>Browse Our Trendiest Items and Pick Your Favorites Today!</p>

                    <span class="separator" style="background-image: url(website/images/icons/separator-1.png);"></span>

                </div>

                <div class="row clearfix">

                    <div class="col-lg-3 col-md-6 col-sm-12 category-block">

                        <div class="category-block-one wow fadeInUp animated animated" data-wow-delay="00ms" data-wow-duration="1500ms">

                            <figure class="image-box"><img src="{{ URL::asset('website/images/resource/deal1.jfif')}}" alt=""></figure>

                            <h5><a href="{{route('food')}}">Fmaily Festival</a></h5>

                        </div>

                    </div>

                    <div class="col-lg-3 col-md-6 col-sm-12 category-block">

                        <div class="category-block-one wow fadeInUp animated animated" data-wow-delay="200ms" data-wow-duration="1500ms">

                            <figure class="image-box"><img src="{{ URL::asset('website/images/resource/deal2.jpg')}}" alt=""></figure>

                            <h5><a href="{{route('food')}}">Mid Night</a></h5>

                        </div>

                    </div>

                    <div class="col-lg-3 col-md-6 col-sm-12 category-block">

                        <div class="category-block-one wow fadeInUp animated animated" data-wow-delay="400ms" data-wow-duration="1500ms">

                            <figure class="image-box"><img src="{{ URL::asset('website/images/resource/superfamily.jpg')}}" alt=""></figure>

                            <h5><a href="{{route('food')}}">Super Family</a></h5>

                        </div>

                    </div>

                    <div class="col-lg-3 col-md-6 col-sm-12 category-block">

                        <div class="category-block-one wow fadeInUp animated animated" data-wow-delay="600ms" data-wow-duration="1500ms">

                            <figure class="image-box"><img src="{{ URL::asset('website/images/resource/couple.jfif')}}" alt=""></figure>

                            <h5><a href="{{route('food')}}">Couple Deal</a></h5>

                        </div>

                    </div>

                </div>

            </div>

        </section>

        <!-- topcategory-section end -->





        <!-- shop-section -->
<!-- 
        <section class="shop-section">

            <div class="auto-container">

                <div class="sec-title">

                    <h2>Our Top Collection</h2>

                    <p>Discover Exclusive Fashion Picks from AmazonFlair. Check Out Our Featured Products and Choose Your Favorites to Stay Stylish!</p>

                    <span class="separator" style="background-image: url(website/images/icons/separator-1.png );"></span>

                </div>

                <div class="sortable-masonry">

                    <div class="filters">

                        <ul class="filter-tabs filter-btns centred clearfix">

                            <li class="active filter" data-role="button" data-filter=".best_seller">Best Seller</li>

                            <li class="filter" data-role="button" data-filter=".new_arraivals">New Arrivals</li>

                            <li class="filter" data-role="button" data-filter=".top_rate">Top Rate</li>

                        </ul>

                    </div>

                    <div class="items-container row clearfix">

                        <div class="col-lg-3 col-md-6 col-sm-12 shop-block masonry-item small-column best_seller new_arraivals top_rate">

                            <div class="shop-block-one">

                                <div class="inner-box">

                                    <figure class="image-box">

                                        <img src="{{ URL::asset('website/images/resource/shop/shop-1.jpg')}}" alt="">

                                        <ul class="info-list clearfix">

                                            <li><a href="{{route('favourite')}}"><i class="flaticon-heart"></i></a></li>

                                            <li><a href="{{route('cart')}}">Add to cart</a></li>

                                            <li><a href="{{ URL::asset('website/images/resource/shop/shop-1.jpg')}}" class="lightbox-image" data-fancybox="gallery"><i class="flaticon-search"></i></a></li>

                                        </ul>

                                    </figure>

                                    <div class="lower-content">

                                        <a href="{{url('productdetail',1)}}">Cold Crewneck Sweater</a>

                                        <span class="price">$70.30</span>

                                    </div>

                                </div>

                            </div>

                        </div>

                        <div class="col-lg-3 col-md-6 col-sm-12 shop-block masonry-item small-column best_seller">

                            <div class="shop-block-one">

                                <div class="inner-box">

                                    <figure class="image-box">

                                        <img src="{{ URL::asset('website/images/resource/shop/shop-2.jpg')}}" alt="">

                                        <span class="category green-bg">New</span>

                                        <ul class="info-list clearfix">

                                            <li><a href="{{route('favourite')}}"><i class="flaticon-heart"></i></a></li>

                                            <li><a href="{{route('cart')}}">Add to cart</a></li>

                                            <li><a href="{{ URL::asset('website/images/resource/shop/shop-2.jpg')}}" class="lightbox-image" data-fancybox="gallery"><i class="flaticon-search"></i></a></li>

                                        </ul>

                                    </figure>

                                    <div class="lower-content">

                                        <a href="{{url('productdetail',1)}}">Multi-Way Ultra Crop Top</a>

                                        <span class="price">$50.00</span>

                                    </div>

                                </div>

                            </div>

                        </div>

                        <div class="col-lg-3 col-md-6 col-sm-12 shop-block masonry-item small-column best_seller top_rate">

                            <div class="shop-block-one">

                                <div class="inner-box">

                                    <figure class="image-box">

                                        <img src="{{ URL::asset('website/images/resource/shop/shop-3.jpg')}}" alt="">

                                        <ul class="info-list clearfix">

                                            <li><a href="{{route('favourite')}}"><i class="flaticon-heart"></i></a></li>

                                            <li><a href="{{route('cart')}}">Add to cart</a></li>

                                            <li><a href="{{ URL::asset('website/images/resource/shop/shop-3.jpg')}}" class="lightbox-image" data-fancybox="gallery"><i class="flaticon-search"></i></a></li>

                                        </ul>

                                    </figure>

                                    <div class="lower-content">

                                        <a href="{{url('productdetail',1)}}">Side-Tie Tank</a>

                                        <span class="price">$40.00</span>

                                    </div>

                                </div>

                            </div>

                        </div>

                        <div class="col-lg-3 col-md-6 col-sm-12 shop-block masonry-item small-column best_seller new_arraivals">

                            <div class="shop-block-one">

                                <div class="inner-box">

                                    <figure class="image-box">

                                        <img src="{{ URL::asset('website/images/resource/shop/shop-4.jpg')}}" alt="">

                                        <ul class="info-list clearfix">

                                            <li><a href="{{route('favourite')}}"><i class="flaticon-heart"></i></a></li>

                                            <li><a href="{{route('cart')}}">Add to cart</a></li>

                                            <li><a href="{{ URL::asset('website/images/resource/shop/shop-4.jpg')}}" class="lightbox-image" data-fancybox="gallery"><i class="flaticon-search"></i></a></li>

                                        </ul>

                                    </figure>

                                    <div class="lower-content">

                                        <a href="{{url('productdetail',1)}}">Cold Crewneck Sweater</a>

                                        <span class="price">$60.30</span>

                                    </div>

                                </div>

                            </div>

                        </div>

                        <div class="col-lg-3 col-md-6 col-sm-12 shop-block masonry-item small-column best_seller top_rate">

                            <div class="shop-block-one">

                                <div class="inner-box">

                                    <figure class="image-box">

                                        <img src="{{ URL::asset('website/images/resource/shop/shop-5.jpg')}}" alt="">

                                        <ul class="info-list clearfix">

                                            <li><a href="{{route('favourite')}}"><i class="flaticon-heart"></i></a></li>

                                            <li><a href="{{route('cart')}}">Add to cart</a></li>

                                            <li><a href="{{ URL::asset('website/images/resource/shop/shop-5.jpg')}}" class="lightbox-image" data-fancybox="gallery"><i class="flaticon-search"></i></a></li>

                                        </ul>

                                    </figure>

                                    <div class="lower-content">

                                        <a href="{{url('productdetail',1)}}">Side-Tie Tank</a>

                                        <span class="price">$35.30</span>

                                    </div>

                                </div>

                            </div>

                        </div>

                        <div class="col-lg-3 col-md-6 col-sm-12 shop-block masonry-item small-column best_seller new_arraivals">

                            <div class="shop-block-one">

                                <div class="inner-box">

                                    <figure class="image-box">

                                        <img src="{{ URL::asset('website/images/resource/shop/shop-6.jpg')}}" alt="">

                                        <ul class="info-list clearfix">

                                            <li><a href="{{route('favourite')}}"><i class="flaticon-heart"></i></a></li>

                                            <li><a href="{{route('cart')}}">Add to cart</a></li>

                                            <li><a href="{{ URL::asset('website/images/resource/shop/shop-6.jpg')}}" class="lightbox-image" data-fancybox="gallery"><i class="flaticon-search"></i></a></li>

                                        </ul>

                                    </figure>

                                    <div class="lower-content">

                                        <a href="{{url('productdetail',1)}}">Must-Have Easy Tank</a>

                                        <span class="price">$25.30</span>

                                    </div>

                                </div>

                            </div>

                        </div>

                        <div class="col-lg-3 col-md-6 col-sm-12 shop-block masonry-item small-column best_seller new_arraivals top_rate">

                            <div class="shop-block-one">

                                <div class="inner-box">

                                    <figure class="image-box">

                                        <img src="{{ URL::asset('website/images/resource/shop/shop-7.jpg')}}" alt="">

                                        <span class="category red-bg">Hot</span>

                                        <ul class="info-list clearfix">

                                            <li><a href="{{route('favourite')}}"><i class="flaticon-heart"></i></a></li>

                                            <li><a href="{{route('cart')}}">Add to cart</a></li>

                                            <li><a href="{{ URL::asset('website/images/resource/shop/shop-7.jpg')}}" class="lightbox-image" data-fancybox="gallery"><i class="flaticon-search"></i></a></li>

                                        </ul>

                                    </figure>

                                    <div class="lower-content">

                                        <a href="{{url('productdetail',1)}}">Woven Crop Cami</a>

                                        <span class="price">$90.30</span>

                                    </div>

                                </div>

                            </div>

                        </div>

                        <div class="col-lg-3 col-md-6 col-sm-12 shop-block masonry-item small-column best_seller new_arraivals">

                            <div class="shop-block-one">

                                <div class="inner-box">

                                    <figure class="image-box">

                                        <img src="{{ URL::asset('website/images/resource/shop/shop-8.jpg')}}" alt="">

                                        <ul class="info-list clearfix">

                                            <li><a href="{{route('favourite')}}"><i class="flaticon-heart"></i></a></li>

                                            <li><a href="{{route('cart')}}">Add to cart</a></li>

                                            <li><a href="{{ URL::asset('website/images/resource/shop/shop-8.jpg')}}" class="lightbox-image" data-fancybox="gallery"><i class="flaticon-search"></i></a></li>

                                        </ul>

                                    </figure>

                                    <div class="lower-content">

                                        <a href="{{url('productdetail',1)}}">Must-Have Easy Tank</a>

                                        <span class="price">$20.30</span>

                                    </div>

                                </div>

                            </div>

                        </div>

                    </div>

                </div>

                <div class="more-btn centred"><a href="{{route('shop')}}" class="theme-btn-one">View All Products<i class="flaticon-right-1"></i></a></div>

            </div>

        </section> -->

        <!-- shop-section end -->





        <!-- cta-section -->

        <section class="cta-section">

            <div class="image-layer" style="background-image: url(website/images/background/back.jpg);"></div>

            <div class="auto-container">

                <div class="cta-inner centred">

                    <div class="pattern-layer">

                        <div class="pattern-1" style="background-image: url(website/images/shape/shape-2.png);"></div>

                        <div class="pattern-2" style="background-image: url(website/images/shape/shape-3.png);"></div>

                    </div>

                    <h2>Who Are We? 100% Pakistani 200% proud</h2>

                    <p>Welcome to Foodie Food, it is a homegrown Pakistani website that strives to bring convenience to people’s lives and change the way they live. We are committed to taking the mundane, the painful, the boring time-sucks out of your lives so you can focus on the things that really matter. We aim to improve our users’ lives to the extent that they should wonder.
We are a bunch of dreames about an ideal making a better and more delicious food.</p>

                    <a href="{{route('food')}}" class="theme-btn-one">Order Now<i class="flaticon-right-1"></i></a>

                </div>

            </div>

        </section>

        <!-- cta-section end -->





        <!-- news-section -->

        <!-- <section class="news-section">

            <div class="auto-container">

                <div class="sec-title">

                    <h2>AmazonFlair News</h2>

                    <p>Discover the Latest Trends, Stylish Tips, and Exclusive Finds</p>

                    <span class="separator" style="background-image: url( website/images/icons/separator-1.png);"></span>

                </div>

                <div class="row clearfix">

                    <div class="col-lg-4 col-md-6 col-sm-12 news-block">

                        <div class="news-block-one wow fadeInUp animated animated" data-wow-delay="00ms" data-wow-duration="1500ms">

                            <div class="inner-box">

                                <figure class="image-box"><a href="{{route('blogdetails')}}"><img src="{{ URL::asset('website/images/news/news-13.jpg')}}" alt=""></a></figure>

                                <div class="lower-content">

                                    <span class="post-date">May 05, 2024</span>

                                    <h3><a href="{{route('blogdetails')}}">Unveiling the Season's Hottest Trends</a></h3>

                                    <ul class="post-info clearfix">

                                        <li><a href="{{ route('/') }}">by admin</a></li>

                                        <li><a href="{{ route('/') }}">03 Comments</a></li>

                                    </ul>

                                    <p> Dive into the latest trends of spring essentials.Whether you're looking for casual or statement pieces for special occasions, we've got you covered.</p>

                                    <div class="link"><a href="{{route('blogdetails')}}">Read More<i class="flaticon-right-1"></i></a></div>

                                </div>

                            </div>

                        </div>

                    </div>

                    <div class="col-lg-4 col-md-6 col-sm-12 news-block">

                        <div class="news-block-one wow fadeInUp animated animated" data-wow-delay="300ms" data-wow-duration="1500ms">

                            <div class="inner-box">

                                <figure class="image-box"><a href="{{route('blogdetails')}}"><img src="{{ URL::asset('website/images/news/news-2.jpg')}} " alt=""></a></figure>

                                <div class="lower-content">

                                    <span class="post-date">May 04, 2024</span>

                                    <h3><a href="{{route('blogdetails')}}">Accessorize Your Way to Fashion Success .</a></h3>

                                    <ul class="post-info clearfix">

                                        <li><a href="{{ route('/') }}">by admin</a></li>

                                        <li><a href="{{ route('/') }}">07 Comments</a></li>

                                    </ul>

                                    <p>Enhance your outfits effortlessly with AmazonFlair's stylish selection of accessories, ensuring you make a statement wherever you go.</p>

                                    <div class="link"><a href="{{route('blogdetails')}}">Read More<i class="flaticon-right-1"></i></a></div>

                                </div>

                            </div>

                        </div>

                    </div>

                    <div class="col-lg-4 col-md-6 col-sm-12 news-block">

                        <div class="news-block-one wow fadeInUp animated animated" data-wow-delay="600ms" data-wow-duration="1500ms">

                            <div class="inner-box">

                                <figure class="image-box"><a href="{{route('blogdetails')}}"><img src="{{ URL::asset('website/images/news/news6.jpg')}} " alt=""></a></figure>

                                <div class="lower-content">

                                    <span class="post-date">May 03, 2024</span>

                                    <h3><a href="{{route('blogdetails')}}">Dressing the Whole Family in Style</a></h3>

                                    <ul class="post-info clearfix">

                                        <li><a href="{{ route('/') }}">by admin</a></li>

                                        <li><a href="{{ route('/') }}">05 Comments</a></li>

                                    </ul>

                                    <p>Discover curated fashion selections for men, women, and kids, ensuring everyone in the family can express their style with AmazonFlair.</p>

                                    <div class="link"><a href="{{route('blogdetails')}}">Read More<i class="flaticon-right-1"></i></a></div>

                                </div>

                            </div>

                        </div>

                    </div>

                </div>

            </div>

        </section> -->

        <!-- news-section end -->





        <!-- service-section -->

        <section class="service-section">

            <div class="auto-container">

                <div class="inner-container">

                    <div class="row clearfix">

                        <div class="col-lg-3 col-md-6 col-sm-12 service-block">

                            <div class="service-block-one">

                                <div class="inner-box">

                                    <div class="icon-box"><i class="flaticon-truck"></i></div>

                                    <h3><a href="{{ route('/') }}">Free Shipping</a></h3>

                                    <p>Free shipping on oder over $100</p>

                                </div>

                            </div>

                        </div>

                        <div class="col-lg-3 col-md-6 col-sm-12 service-block">

                            <div class="service-block-one">

                                <div class="inner-box">

                                    <div class="icon-box"><i class="flaticon-credit-card"></i></div>

                                    <h3><a href="{{ route('/') }}">Secure Payment</a></h3>

                                    <p>We ensure secure payment with PEV</p>

                                </div>

                            </div>

                        </div>

                        <div class="col-lg-3 col-md-6 col-sm-12 service-block">

                            <div class="service-block-one">

                                <div class="inner-box">

                                    <div class="icon-box"><i class="flaticon-24-7"></i></div>

                                    <h3><a href="{{ route('/') }}">Support 24/7</a></h3>

                                    <p>Contact us 24 hours a day, 7 days a week</p>

                                </div>

                            </div>

                        </div>

                        <div class="col-lg-3 col-md-6 col-sm-12 service-block">

                            <div class="service-block-one">

                                <div class="inner-box">

                                    <div class="icon-box"><i class="flaticon-undo"></i></div>

                                    <h3><a href="{{ route('/') }}">30 Days Return</a></h3>

                                    <p>Simply return it within 30 days for an exchange.</p>

                                </div>

                            </div>

                        </div>

                    </div>

                </div>

            </div>

        </section>

        <!-- service-section end -->





        <!-- instagram-section -->

        <section class="instagram-section">

            <div class="outer-container">

                <div class="sec-title">

                    <h2>Follow Us On Instagram</h2>

                    <p>Stay Connected: Join Our Community on Instagram</p>

                    <span class="separator" style="background-image: url(website/images/icons/separator-1.png);"></span>

                </div>

                <div class="six-item-carousel owl-carousel owl-theme owl-dots-none owl-nav-none">

                    <figure class="image-box">

                        <img src="{{ URL::asset('website/images/resource/deal1.jfif')}} " alt="">

                        

                    </figure>

                    <figure class="image-box">

                        <img src="{{ URL::asset('website/images/resource/deal2.jpg')}}" alt="">

                        

                    </figure>

                    <figure class="image-box">

                        <img src="{{ URL::asset('website/images/resource/couple.jfif')}}" alt="">

                        

                    </figure>

                    <figure class="image-box">

                        <img src="{{ URL::asset('website/images/resource/deal1.jfif')}} " alt="">

                        

                    </figure>

                    <figure class="image-box">

                        <img src="{{ URL::asset('website/images/resource/deal2.jpg')}}" alt="">

                        

                    </figure>

                    <figure class="image-box">

                        <img src="{{ URL::asset('website/images/resource/couple.jfif')}}" alt="">

                        

                    </figure>

                </div>

            </div>

        </section>

        <!-- instagram-section end -->





@endsection



@section('script')

<script src="{{ URL::asset('website/js/vendor/waypoints.js') }}"></script>

<script>

    function test()

    {

        alert();

    }

   

</script>

@endsection