blog title corrected
This commit is contained in:
parent
bc244b1a74
commit
26a463e60a
@ -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">
|
||||||
|
|||||||
@ -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 && (
|
||||||
|
|||||||
@ -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 */}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user