MetatroncubeSoftwareSolutions/sixty5-street
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

blog page recent blog filter update

Browse Source
This commit is contained in:
akash 2025-12-10 20:21:04 +05:30
parent bfe28f01ba
commit d32dadc8b8
2 changed files with 42 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/blog/page.js
View File

@ -40,7 +40,7 @@ export default function Blog() {
</div>
<div className="row clearfix">
{Blogs.map((blog) => (
{Blogs.sort((a, b) => new Date(b.date) - new Date(a.date)).map((blog) => (
<div
key={blog.id}
className="col-lg-4 col-md-6 col-sm-12 mb-4"

82
components/sections/home2/blog.js
View File

@ -9,55 +9,55 @@ const truncateWords = (text, limit) => {
const stripHtml = (html) => {
if (!html) return "";
return html.replace(/<[^>]*>/g, "");
return html.replace(/<[^>]*>/g, "");
};
export default function Blog() {
return (
<div className="sidebar-page-container">
<div className="auto-container">
<div className="row clearfix">
{Blogs.slice(0, 3).map((blog) => (
<div
key={blog.id}
className="col-lg-4 col-md-6 col-sm-12 mb-4"
>
<div className="blog-card rounded shadow-sm overflow-hidden">
{/* Blog Image */}
<div className="blog-image">
<img
src={blog.imageDetail}
alt={blog.title}
className="img-fluid w-100"
/>
</div>
return (
<div className="sidebar-page-container">
<div className="auto-container">
<div className="row clearfix">
{Blogs.sort((a, b) => new Date(b.date) - new Date(a.date)).slice(0, 3).map((blog) => (
<div
key={blog.id}
className="col-lg-4 col-md-6 col-sm-12 mb-4"
>
<div className="blog-card rounded shadow-sm overflow-hidden">
{/* Blog Image */}
<div className="blog-image">
<img
src={blog.imageDetail}
alt={blog.title}
className="img-fluid w-100"
/>
</div>
{/* Blog Title */}
<div className="blog-content p-3">
<h3 className="mb-2 text-lg font-semibold blog-title-hover">
<Link href={`/blog/${blog.slug}`} className="blog-title-link">
{truncateWords(stripHtml(blog.title), 6)}
</Link>
</h3>
{/* Blog Excerpt */}
<p className="text-gray-700 mb-3">
{truncateWords(stripHtml(blog.para), 28)}
</p>
{/* Read More Button */}
<Link
href={`/blog/${blog.slug}`}
className="font-medium blog-title-link"
>
Read More
{/* Blog Title */}
<div className="blog-content p-3">
<h3 className="mb-2 text-lg font-semibold blog-title-hover">
<Link href={`/blog/${blog.slug}`} className="blog-title-link">
{truncateWords(stripHtml(blog.title), 6)}
</Link>
</div>
</h3>
{/* Blog Excerpt */}
<p className="text-gray-700 mb-3">
{truncateWords(stripHtml(blog.para), 28)}
</p>
{/* Read More Button */}
<Link
href={`/blog/${blog.slug}`}
className="font-medium blog-title-link"
>
Read More
</Link>
</div>
</div>
))}
</div>
</div>
))}
</div>
</div>
</div>
);
}