48 lines
2.2 KiB
JavaScript
48 lines
2.2 KiB
JavaScript
import React from "react";
|
|
import blogs from '../../api/blogs'
|
|
import Link from "next/link";
|
|
import SectionTitle from "../SectionTitle/SectionTitle";
|
|
import Image from "next/image";
|
|
|
|
|
|
const ClickHandler = () => {
|
|
window.scrollTo(10, 0);
|
|
}
|
|
|
|
const BlogSection = () => {
|
|
return (
|
|
<section className="wpo-blog-section section-padding" id="blog">
|
|
<div className="container">
|
|
<SectionTitle subTitle={'Our Blog'} Title={'Latest News & Press'} />
|
|
<div className="wpo-blog-items">
|
|
<div className="row">
|
|
{blogs.map((blog, bl) => (
|
|
<div className="col col-lg-4 col-md-6 col-12" key={bl}>
|
|
<div className="wpo-blog-item">
|
|
<div className="wpo-blog-img">
|
|
<Image src={blog.screens} alt="" />
|
|
</div>
|
|
<div className="wpo-blog-content">
|
|
{/* <ul>
|
|
<li><a href="blog-single.html">{blog.create_at}</a></li>
|
|
<li>by: <Link onClick={ClickHandler} href={'/blog-single/[slug]'} as={`/blog-single/${blog.slug}`}>{blog.authorTitle}</Link></li>
|
|
</ul> */}
|
|
<h2><Link onClick={ClickHandler} href={'/blog-single/[slug]'} as={`/blog-single/${blog.slug}`}>{blog.title}</Link></h2>
|
|
<div className="entry-details">
|
|
<p>
|
|
{blog.para}
|
|
</p>
|
|
<Link className="more" onClick={ClickHandler} href={'/blog-single/[slug]'} as={`/blog-single/${blog.slug}`}>Continue Reading</Link>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
))}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
export default BlogSection; |