'use client'
import Link from "next/link"
export default function Recipe() {
    return (
        <>


            {/* Recipe Section */}
            <section className="recipe-section-two" id="popular-dishes">
                <div className="auto-container">
                    {/* Sec Title */}
                    <div className="sec-title centered">
                        <div className="title">News & Recipe</div>
                        <h2>Popular Dishes</h2>
                        <div className="separate"></div>
                    </div>
                    <div className="row clearfix">

                        {/* Recipe Block Two */}
                        <div className="recipe-block-two col-lg-4 col-md-6 col-sm-12">
                            <div className="inner-box wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">
                                <div className="image">
                                    <img src="/assets/images/home/popular/loaded-fries.webp" alt="Loaded fries served fresh at Sixty5 Street Brampton" loading="lazy"/>
                                    {/* Overlay Box */}
                                    {/* <div className="overlay-box">
                                    <div className="overlay-inner">
                                        <div className="content">
                                            <Link href="assets/images/home/popular/loaded-fries.webp" data-fancybox="news" data-caption="" className="icon flaticon-gallery"></Link>
                                        </div>
                                    </div>
                                </div> */}
                                </div>
                                <div className="lower-content">
                                    <div className="category">OnTheFries</div>
                                    <h3 className="mb-0">Loaded fries</h3>
                                    <div className="text">
                                        Price $7.99
                                    </div>
                                    {/* <ul className="post-info">
                                    <li>May 21, 2021</li>
                                    <li>2 Comments</li>
                                    <li><Link href="news-detail">Share</Link></li>
                                </ul> */}
                                </div>
                            </div>
                        </div>

                        {/* Recipe Block Two */}
                        <div className="recipe-block-two col-lg-4 col-md-6 col-sm-12">
                            <div className="inner-box wow fadeInUp" data-wow-delay="0ms" data-wow-duration="1500ms">
                                <div className="image">
                                    <img src="/assets/images/home/popular/hot-wings.webp" alt="Spicy hot wings from Sixty5 Street Brampton restaurant" loading="lazy"/>
                                    {/* Overlay Box */}
                                    {/* <div className="overlay-box">
                                    <div className="overlay-inner">
                                        <div className="content">
                                            <Link href="assets/images/home/popular/hot-wings.webp" data-fancybox="news" data-caption="" className="icon flaticon-gallery"></Link>
                                        </div>
                                    </div>
                                </div> */}
                                </div>
                                <div className="lower-content">
                                    <div className="category">Wings</div>
                                    <h3 className="mb-0">Hot Wings</h3>
                                    <div className="text">
                                        Price $9.99
                                    </div>
                                    {/* <ul className="post-info">
                                    <li>May 21, 2021</li>
                                    <li>2 Comments</li>
                                    <li><Link href="news-detail">Share</Link></li>
                                </ul> */}
                                </div>
                            </div>
                        </div>

                        {/* Recipe Block Two */}
                        <div className="recipe-block-two col-lg-4 col-md-6 col-sm-12">
                            <div className="inner-box wow fadeInRight" data-wow-delay="0ms" data-wow-duration="1500ms">
                                <div className="image">
                                    <img src="/assets/images/home/popular/honey-garlic-chicken.webp" alt="Honey garlic chicken wings at Sixty5 Street Brampton" loading="lazy"/>
                                    {/* Overlay Box */}
                                    {/* <div className="overlay-box">
                                    <div className="overlay-inner">
                                        <div className="content">
                                            <Link href="assets/images/home/popular/honey-garlic-chicken.webp" data-fancybox="news" data-caption="" className="icon flaticon-gallery"></Link>
                                        </div>
                                    </div>
                                </div> */}
                                </div>
                                <div className="lower-content">
                                    <div className="category">Wings</div>
                                    <h3 className="mb-0">Honey Garlic Chicken</h3>
                                    <div className="text">
                                        Price $9.99
                                    </div>
                                    {/* <ul className="post-info">
                                    <li>May 21, 2021</li>
                                    <li>2 Comments</li>
                                    <li><Link href="news-detail">Share</Link></li>
                                </ul> */}
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </section>
            {/* End Recipe Section Two */}


        </>
    )
}
