pixel perfect

src/app/blogs/components/HeroSection.tsx

@@ -4,6 +4,7 @@ import { FC } from 'react'
 import { useGetBlogCombined } from '../hooks/useBlogsData'
 import { AdsDisplayLocation } from '@/app/ads/types/AdsTypes'
 import { useGetAds } from '@/app/ads/hooks/useAdsData'
+import Link from 'next/link'
 
 const HeroSection: FC = () => {
 
@@ -27,7 +28,9 @@ const HeroSection: FC = () => {
 
                                     <div className='absolute bottom-0 h-[140px] modalGlass3 w-full p-6 text-white'>
                                         <h4 className='font-bold xl:text-base text-sm'>
-                                            {item.title}
+                                            <Link href={`/blogs/${item.slug}`}>
+                                                {item.title}
+                                            </Link>
                                         </h4>
 
                                         <div className="text-xs xl:text-sm mt-4 leading-7 truncate xl:text-clip xl:whitespace-normal line-clamp-2">