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

blog title corrected

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/blog/page.js
View File

@ -57,11 +57,11 @@ export default function Blog() {
{/* Blog Title */}
<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">
{truncateTitle(stripHtml(blog.title), 30)}
</Link>
</h3>
</h4>
{/* Blog Excerpt */}
<p className="text-gray-700 mb-3">

99
app/gallery/GalleryLightbox.js
View File

@ -10,24 +10,111 @@ export default function GalleryLightbox({ images }) {
return (
<>
<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="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(0); setIsOpen(true); }}
style={{ cursor: "pointer" }}
onClick={() => { setPhotoIndex(idx); setIsOpen(true); }}
>
<img src={img} alt={`Gallery Image ${idx + 1}`} />
<img src={images[0]} alt="Combos" />
<div className="overlay-box">
<h6>Image {idx + 1}</h6>
<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>
{isOpen && (

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

@ -34,15 +34,15 @@ export default function Blog() {
{/* Blog Title */}
<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">
{stripHtml(blog.title)}
{truncateWords(stripHtml(blog.title), 6)}
</Link>
</h3>
</h4>
{/* Blog Excerpt */}
<p className="text-gray-700 mb-3">
{truncateWords(stripHtml(blog.para))}
{truncateWords(stripHtml(blog.para), 28)}
</p>
{/* Read More Button */}