blog title corrected

This commit is contained in:
Selvi 2025-11-10 23:57:21 +05:30
parent bc244b1a74
commit 26a463e60a
3 changed files with 106 additions and 19 deletions

View File

@ -57,11 +57,11 @@ export default function Blog() {
{/* Blog Title */} {/* Blog Title */}
<div className="blog-content p-3"> <div className="blog-content p-3">
<h3 className="mb-2 text-lg font-semibold blog-title-hover"> <h4 className="mb-2 text-lg font-semibold blog-title-hover">
<Link href={`/blog/${blog.slug}`} className="blog-title-link"> <Link href={`/blog/${blog.slug}`} className="blog-title-link">
{truncateTitle(stripHtml(blog.title), 30)} {truncateTitle(stripHtml(blog.title), 30)}
</Link> </Link>
</h3> </h4>
{/* Blog Excerpt */} {/* Blog Excerpt */}
<p className="text-gray-700 mb-3"> <p className="text-gray-700 mb-3">

View File

@ -10,24 +10,111 @@ export default function GalleryLightbox({ images }) {
return ( return (
<> <>
<div className="masonry-items-container row no-gutters clearfix"> <div className="masonry-items-container row no-gutters clearfix">
{images.map((img, idx) => (
<div key={idx} className={`col-lg-3 col-md-6 col-sm-12`}> {/* Column 1 */}
<div className="gallery-block-two masonry-item"> <div className="col-lg-3 col-md-6 col-sm-12">
<div className="inner-box"> <div className="gallery-block-two masonry-item">
<div <div className="inner-box">
className="image-box" <div
style={{ cursor: "pointer" }} className="image-box"
onClick={() => { setPhotoIndex(idx); setIsOpen(true); }} onClick={() => { setPhotoIndex(0); setIsOpen(true); }}
> style={{ cursor: "pointer" }}
<img src={img} alt={`Gallery Image ${idx + 1}`} /> >
<div className="overlay-box"> <img src={images[0]} alt="Combos" />
<h6>Image {idx + 1}</h6> <div className="overlay-box">
<h6>Combos</h6>
</div>
</div>
</div>
</div>
</div>
{/* Column 2 */}
<div className="col-lg-3 col-md-6 col-sm-12">
<div className="gallery-block-two masonry-item">
<div className="inner-box">
<div
className="image-box"
onClick={() => { setPhotoIndex(1); setIsOpen(true); }}
style={{ cursor: "pointer" }}
>
<img src={images[1]} alt="Milk Shakes" />
<div className="overlay-box">
<h6>Milk Shakes</h6>
</div>
</div>
</div>
</div>
<div className="gallery-block-two masonry-item">
<div className="inner-box">
<div
className="image-box"
onClick={() => { setPhotoIndex(2); setIsOpen(true); }}
style={{ cursor: "pointer" }}
>
<img src={images[2]} alt="Poutine" />
<div className="overlay-box">
<h6>Poutine</h6>
</div>
</div>
</div>
</div>
</div>
{/* Column 3 */}
<div className="col-lg-6 col-md-12 col-sm-12">
<div className="row no-gutters">
<div className="col-lg-6 col-md-6 col-sm-12">
<div className="gallery-block-two masonry-item">
<div className="inner-box">
<div
className="image-box"
onClick={() => { setPhotoIndex(3); setIsOpen(true); }}
style={{ cursor: "pointer" }}
>
<img src={images[3]} alt="Salads" />
<div className="overlay-box">
<h6>Salads</h6>
</div>
</div>
</div>
</div>
</div>
<div className="col-lg-6 col-md-6 col-sm-12">
<div className="gallery-block-two masonry-item">
<div className="inner-box">
<div
className="image-box"
onClick={() => { setPhotoIndex(4); setIsOpen(true); }}
style={{ cursor: "pointer" }}
>
<img src={images[4]} alt="Shawarma Wraps" />
<div className="overlay-box">
<h6>Shawarma Wraps</h6>
</div>
</div>
</div>
</div>
</div>
<div className="col-lg-12 col-md-12 col-sm-12">
<div className="gallery-block-two masonry-item">
<div className="inner-box">
<div
className="image-box"
onClick={() => { setPhotoIndex(5); setIsOpen(true); }}
style={{ cursor: "pointer" }}
>
<img src={images[5]} alt="Dosa" />
<div className="overlay-box">
<h6>Dosa</h6>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
))} </div>
</div> </div>
{isOpen && ( {isOpen && (

View File

@ -34,15 +34,15 @@ export default function Blog() {
{/* Blog Title */} {/* Blog Title */}
<div className="blog-content p-3"> <div className="blog-content p-3">
<h3 className="mb-2 text-lg font-semibold blog-title-hover"> <h4 className="mb-2 text-lg font-semibold blog-title-hover">
<Link href={`/blog/${blog.slug}`} className="blog-title-link"> <Link href={`/blog/${blog.slug}`} className="blog-title-link">
{stripHtml(blog.title)} {truncateWords(stripHtml(blog.title), 6)}
</Link> </Link>
</h3> </h4>
{/* Blog Excerpt */} {/* Blog Excerpt */}
<p className="text-gray-700 mb-3"> <p className="text-gray-700 mb-3">
{truncateWords(stripHtml(blog.para))} {truncateWords(stripHtml(blog.para), 28)}
</p> </p>
{/* Read More Button */} {/* Read More Button */}