
'use client'
import Link from "next/link"
export default function Blog2() {
    return (
        <>
            {/* News Section Three */}
            <section className="news-section-three">
                <div className="auto-container">
                    <div className="row clearfix">
                        
                        {/* Recipe Block Three */}
                        <div className="recipe-block-three col-lg-4 col-md-6 col-sm-12">
                            <div className="inner-box">
                                <div className="image">
                                    <img src="/assets/images/resource/news-10.jpg" alt="" loading="lazy" />
                                    {/* Overlay Box */}
                                    <div className="overlay-box">
                                        <div className="overlay-inner">
                                            <div className="content">
                                                <Link href="assets/images/resource/news-10.jpg" data-fancybox="news-section" data-caption="" className="icon flaticon-gallery"></Link>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div className="lower-content">
                                    <div className="category">smoothie</div>
                                    <ul className="post-info">
                                        <li>May 21, 2021</li>
                                        <li>2 Comments</li>
                                        <li><Link href="news-detail">Share</Link></li>
                                    </ul>
                                    <h6><Link href="news-detail">Broad bean and goats’ cheese bruschetta</Link></h6>
                                    <div className="text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et.</div>
                                </div>
                            </div>
                        </div>
                        
                        {/* Recipe Block Three */}
                        <div className="recipe-block-three col-lg-4 col-md-6 col-sm-12">
                            <div className="inner-box">
                                <div className="image">
                                    <img src="/assets/images/resource/news-11.jpg" alt="" loading="lazy"/>
                                    {/* Overlay Box */}
                                    <div className="overlay-box">
                                        <div className="overlay-inner">
                                            <div className="content">
                                                <Link href="assets/images/resource/news-11.jpg" data-fancybox="news-section" data-caption="" className="icon flaticon-gallery"></Link>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div className="lower-content">
                                    <div className="category">smoothie</div>
                                    <ul className="post-info">
                                        <li>May 21, 2021</li>
                                        <li>2 Comments</li>
                                        <li><Link href="news-detail">Share</Link></li>
                                    </ul>
                                    <h6><Link href="news-detail">Broad bean and goats’ cheese bruschetta</Link></h6>
                                    <div className="text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et.</div>
                                </div>
                            </div>
                        </div>
                        
                        {/* Recipe Block Three */}
                        <div className="recipe-block-three col-lg-4 col-md-6 col-sm-12">
                            <div className="inner-box">
                                <div className="image">
                                    <img src="/assets/images/resource/news-12.jpg" alt="" loading="lazy"/>
                                    {/* Overlay Box */}
                                    <div className="overlay-box">
                                        <div className="overlay-inner">
                                            <div className="content">
                                                <Link href="assets/images/resource/news-12.jpg" data-fancybox="news-section" data-caption="" className="icon flaticon-gallery"></Link>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div className="lower-content">
                                    <div className="category">smoothie</div>
                                    <ul className="post-info">
                                        <li>May 21, 2021</li>
                                        <li>2 Comments</li>
                                        <li><Link href="news-detail">Share</Link></li>
                                    </ul>
                                    <h6><Link href="news-detail">Broad bean and goats’ cheese bruschetta</Link></h6>
                                    <div className="text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et.</div>
                                </div>
                            </div>
                        </div>
                        
                        {/* Recipe Block Three */}
                        <div className="recipe-block-three col-lg-4 col-md-6 col-sm-12">
                            <div className="inner-box">
                                <div className="image">
                                    <img src="/assets/images/resource/news-13.jpg" alt="" loading="lazy"/>
                                    {/* Overlay Box */}
                                    <div className="overlay-box">
                                        <div className="overlay-inner">
                                            <div className="content">
                                                <Link href="assets/images/resource/news-13.jpg" data-fancybox="news-section" data-caption="" className="icon flaticon-gallery"></Link>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div className="lower-content">
                                    <div className="category">smoothie</div>
                                    <ul className="post-info">
                                        <li>May 21, 2021</li>
                                        <li>2 Comments</li>
                                        <li><Link href="news-detail">Share</Link></li>
                                    </ul>
                                    <h6><Link href="news-detail">Broad bean and goats’ cheese bruschetta</Link></h6>
                                    <div className="text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et.</div>
                                </div>
                            </div>
                        </div>
                        
                        {/* Recipe Block Three */}
                        <div className="recipe-block-three col-lg-4 col-md-6 col-sm-12">
                            <div className="inner-box">
                                <div className="image">
                                    <img src="/assets/images/resource/news-14.jpg" alt="" loading="lazy"/>
                                    {/* Overlay Box */}
                                    <div className="overlay-box">
                                        <div className="overlay-inner">
                                            <div className="content">
                                                <Link href="assets/images/resource/news-14.jpg" data-fancybox="news-section" data-caption="" className="icon flaticon-gallery"></Link>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div className="lower-content">
                                    <div className="category">smoothie</div>
                                    <ul className="post-info">
                                        <li>May 21, 2021</li>
                                        <li>2 Comments</li>
                                        <li><Link href="news-detail">Share</Link></li>
                                    </ul>
                                    <h6><Link href="news-detail">Broad bean and goats’ cheese bruschetta</Link></h6>
                                    <div className="text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et.</div>
                                </div>
                            </div>
                        </div>
                        
                        {/* Recipe Block Three */}
                        <div className="recipe-block-three col-lg-4 col-md-6 col-sm-12">
                            <div className="inner-box">
                                <div className="image">
                                    <img src="/assets/images/resource/news-15.jpg" alt="" loading="lazy"/>
                                    {/* Overlay Box */}
                                    <div className="overlay-box">
                                        <div className="overlay-inner">
                                            <div className="content">
                                                <Link href="assets/images/resource/news-15.jpg" data-fancybox="news-section" data-caption="" className="icon flaticon-gallery"></Link>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div className="lower-content">
                                    <div className="category">smoothie</div>
                                    <ul className="post-info">
                                        <li>May 21, 2021</li>
                                        <li>2 Comments</li>
                                        <li><Link href="news-detail">Share</Link></li>
                                    </ul>
                                    <h6><Link href="news-detail">Broad bean and goats’ cheese bruschetta</Link></h6>
                                    <div className="text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et.</div>
                                </div>
                            </div>
                        </div>
                        
                    </div>
                </div>
            </section>
            {/* End News Section Three */}
                </>
    )
}
