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

        {/* News Section */}
        <section className="news-section">
            <div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/background/pattern-5.png)' }} ></div>
            <div className="auto-container">
                {/* Sec Title */}
                <div className="sec-title centered">
                    <div className="title">News & Recipe</div>
                    <h2>Our Fruitsome Blog</h2>
                    <div className="separate"></div>
                    <div className="text">Cras mattis consectetur purus sit amet fermentum. Praesent commodo cursus magna, <br/> vel scelerisque nisl consectetur et.</div>
                </div>
                <div className="row clearfix">
                
                    {/* News Block */}
                    <div className="news-block 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/resource/news-1.jpg" alt="" loading="lazy"/>
                                {/* Overlay Box */}
                                <div className="overlay-box">
                                    <div className="overlay-inner">
                                        <div className="content">
                                            <Link href="assets/images/resource/news-1.jpg" data-fancybox="news" 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>
                    
                    {/* News Block */}
                    <div className="news-block 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/resource/news-2.jpg" alt="" loading="lazy"/>
                                {/* Overlay Box */}
                                <div className="overlay-box">
                                    <div className="overlay-inner">
                                        <div className="content">
                                            <Link href="assets/images/resource/news-2.jpg" data-fancybox="news" 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>
                    
                    {/* News Block */}
                    <div className="news-block 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/resource/news-3.jpg" alt="" loading="lazy"/>
                                {/* Overlay Box */}
                                <div className="overlay-box">
                                    <div className="overlay-inner">
                                        <div className="content">
                                            <Link href="assets/images/resource/news-3.jpg" data-fancybox="news" 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>
        </section>
        {/* End News Section */}
        </>
    )
}
