'use client'
import Link from "next/link"
export default function Blog() {
    return (
        <>
            {/* News Section Two */}
            <section className="news-section-two">
                <div className="auto-container">
                    <div className="row clearfix">
                        
                        {/* Left Column */}
                        <div className="left-column col-lg-3 col-md-6 col-sm-12">
                            <div className="inner-column">
                                
                                {/* Recipe Block Three / Style Two */}
                                <div className="recipe-block-three style-two">
                                    <div className="inner-box">
                                        <div className="image">
                                            <img src="/assets/images/resource/news-4.jpg" alt="" loading="lazy"/>
                                            {/* Overlay Box */}
                                            <div className="overlay-box">
                                                <div className="overlay-inner">
                                                    <div className="content">
                                                        <Link href="assets/images/resource/news-4.jpg" data-fancybox="news-images" data-caption="" className="icon flaticon-gallery"></Link>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div className="lower-content">
                                            <div className="category">smoothie</div>
                                            <h6><Link href="news-detail">Broad bean and goats’ cheese bruschetta</Link></h6>
                                            <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 Three / Style Two */}
                                <div className="recipe-block-three style-two">
                                    <div className="inner-box">
                                        <div className="image">
                                            <img src="/assets/images/resource/news-5.jpg" alt="" loading="lazy"/>
                                            {/* Overlay Box */}
                                            <div className="overlay-box">
                                                <div className="overlay-inner">
                                                    <div className="content">
                                                        <Link href="assets/images/resource/news-5.jpg" data-fancybox="news-images" data-caption="" className="icon flaticon-gallery"></Link>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div className="lower-content">
                                            <div className="category">smoothie</div>
                                            <h6><Link href="news-detail">Broad bean and goats’ cheese bruschetta</Link></h6>
                                            <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>
                        
                        {/* Middle Column */}
                        <div className="middle-column col-lg-6 col-md-12 col-sm-12">
                            <div className="inner-column">
                                {/* Recipe Block Three */}
                                <div className="recipe-block-three">
                                    <div className="inner-box">
                                        <div className="image">
                                            <img src="/assets/images/resource/news-8.jpg" alt="" loading="lazy" />
                                            {/* Overlay Box */}
                                            <div className="overlay-box">
                                                <div className="overlay-inner">
                                                    <div className="content">
                                                        <Link href="assets/images/resource/news-8.jpg" data-fancybox="news-images" 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’ <br/> cheese bruschetta</Link></h6>
                                            <div className="text">
                                                Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in<br/><br/>
                                                voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit.
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        {/* Right Column */}
                        <div className="right-column col-lg-3 col-md-6 col-sm-12">
                            <div className="inner-column">
                                
                                {/* Recipe Block Three / Style Two */}
                                <div className="recipe-block-three style-two">
                                    <div className="inner-box">
                                        <div className="image">
                                            <img src="/assets/images/resource/news-6.jpg" alt="" loading="lazy"/>
                                            {/* Overlay Box */}
                                            <div className="overlay-box">
                                                <div className="overlay-inner">
                                                    <div className="content">
                                                        <Link href="assets/images/resource/news-6.jpg" data-fancybox="news-images" data-caption="" className="icon flaticon-gallery"></Link>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div className="lower-content">
                                            <div className="category">smoothie</div>
                                            <h6><Link href="news-detail">Broad bean and goats’ cheese bruschetta</Link></h6>
                                            <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 Three / Style Two */}
                                <div className="recipe-block-three style-two">
                                    <div className="inner-box">
                                        <div className="image">
                                            <img src="/assets/images/resource/news-7.jpg" alt="" loading="lazy"/>
                                            {/* Overlay Box */}
                                            <div className="overlay-box">
                                                <div className="overlay-inner">
                                                    <div className="content">
                                                        <Link href="assets/images/resource/news-7.jpg" data-fancybox="news-images" data-caption="" className="icon flaticon-gallery"></Link>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div className="lower-content">
                                            <div className="category">smoothie</div>
                                            <h6><Link href="news-detail">Broad bean and goats’ cheese bruschetta</Link></h6>
                                            <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>
                        
                    </div>
                </div>
            </section>
            {/* End News Section Two */}
        </>
    )
}
