115 lines
6.1 KiB
JavaScript
115 lines
6.1 KiB
JavaScript
'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="" />
|
|
{/* 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>
|
|
<h6><Link href="news-detail">loaded fries</Link></h6>
|
|
<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="" />
|
|
{/* 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>
|
|
<h6><Link href="news-detail">Hot Wings</Link></h6>
|
|
<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="" />
|
|
{/* 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>
|
|
<h6><Link href="news-detail">Honey Garlic Chicken</Link></h6>
|
|
<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 */}
|
|
|
|
|
|
</>
|
|
)
|
|
}
|