gnx/GNX-WEB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updates

Browse Source
This commit is contained in:
Iliyan Angelov
2025-11-29 18:05:34 +02:00
parent 4c15d90a6a
commit d7d7a2757a
1 changed files with 31 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
frontEnd/components/pages/home/Story.tsx
View File

@@ -273,7 +273,9 @@ const Story = () => {
</Link>
</p>
<h5 className="fw-4 mt-12 mb-12 text-white">
{item.title}
<Link href={`/case-study/${item.slug}`} className="text-white">
{item.title}
</Link>
</h5>
<p className="text-xs">{item.excerpt || item.description?.substring(0, 150) + '...'}</p>
</div>
@@ -300,32 +302,34 @@ const Story = () => {
className={`tp-story-thumb ${isActive ? "thumb-active" : ""}`}
data-loaded={isLoaded}
>
<Image
src={imageUrl}
width={600}
height={300}
className="w-100 mh-300"
alt={item.title || "Case Study"}
priority={index === 0}
loading={index === 0 ? 'eager' : 'lazy'}
style={{
display: 'block',
width: '100%',
height: 'auto',
objectFit: 'cover',
opacity: isLoaded ? 1 : 0,
transition: 'opacity 0.3s ease'
}}
onLoad={() => {
if (!isLoaded) {
setImagesLoaded((prev) => {
const newSet = new Set(prev);
newSet.add(index);
return newSet;
});
}
}}
/>
<Link href={`/case-study/${item.slug}`} className="w-100">
<Image
src={imageUrl}
width={600}
height={300}
className="w-100 mh-300"
alt={item.title || "Case Study"}
priority={index === 0}
loading={index === 0 ? 'eager' : 'lazy'}
style={{
display: 'block',
width: '100%',
height: 'auto',
objectFit: 'cover',
opacity: isLoaded ? 1 : 0,
transition: 'opacity 0.3s ease'
}}
onLoad={() => {
if (!isLoaded) {
setImagesLoaded((prev) => {
const newSet = new Set(prev);
newSet.add(index);
return newSet;
});
}
}}
/>
</Link>
</div>
);
})}