2024-08-18 23:29:54 +00:00
< div class = "" >
< div class = "mx-auto max-w-7xl px-6 lg:px-8 py-10" >
2024-05-21 05:34:29 +00:00
< div class = "mx-auto max-w-2xl lg:mx-0" >
2024-08-13 16:24:53 +00:00
< h2 class = "text-base font-semibold leading-7 text-indigo-400 mb-4" > BLOG< / h2 >
2024-05-21 05:34:29 +00:00
< h2 class = "tracking-tight" > What's New< / h2 >
< / div >
< div class = "mx-auto mt-8 grid max-w-2xl grid-cols-1 gap-x-8 gap-y-20 lg:mx-0 lg:max-w-none lg:grid-cols-4" >
< article class = "flex flex-col items-start justify-between" >
< div class = "relative w-full" >
< img src = "https://images.unsplash.com/photo-1496128858413-b36217c2ce36?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=3603&q=80" alt = "" class = "aspect-[16/9] w-full rounded-xl bg-gray-100 object-cover sm:aspect-[2/1] lg:aspect-[3/2]" >
< div class = "absolute inset-0 rounded-2xl ring-1 ring-inset ring-gray-900/10" > < / div >
< / div >
< div class = "max-w-xl" >
< div class = "mt-8 flex items-center gap-x-4 text-xs" >
< time datetime = "2020-03-16" class = "text-gray-500" > Mar 16, 2020< / time >
< a href = "#" class = "relative z-10 rounded-full bg-gray-10 px-3 py-1.5 font-medium hover:bg-gray-100" > Marketing< / a >
< / div >
< div class = "group relative" >
< h3 class = "mt-3 text-lg font-semibold leading-6 group-hover:text-gray-600" >
< a href = "#" >
< span class = "absolute inset-0" > < / span >
< h4 class = "font-semibold" > Boost your conversion rate< / h4 >
< / a >
< / h3 >
< p class = "mt-5 line-clamp-3 text-sm leading-6" > Illo sint voluptas. Error voluptates culpa eligendi. Hic vel totam vitae illo. Non aliquid explicabo necessitatibus unde. Sed exercitationem placeat consectetur nulla deserunt vel. Iusto corrupti dicta.< / p >
< / div >
< / article >
< article class = "flex flex-col items-start justify-between" >
< div class = "relative w-full" >
< img src = "https://images.unsplash.com/photo-1496128858413-b36217c2ce36?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=3603&q=80" alt = "" class = "aspect-[16/9] w-full rounded-xl bg-gray-100 object-cover sm:aspect-[2/1] lg:aspect-[3/2]" >
< div class = "absolute inset-0 rounded-2xl ring-1 ring-inset ring-gray-900/10" > < / div >
< / div >
< div class = "max-w-xl" >
< div class = "mt-8 flex items-center gap-x-4 text-xs" >
< time datetime = "2020-03-16" class = "text-gray-500" > Mar 16, 2020< / time >
< a href = "#" class = "relative z-10 rounded-full bg-gray-10 px-3 py-1.5 font-medium hover:bg-gray-100" > Marketing< / a >
< / div >
< div class = "group relative" >
< h3 class = "mt-3 text-lg font-semibold leading-6 group-hover:text-gray-600" >
< a href = "#" >
< span class = "absolute inset-0" > < / span >
< h4 class = "font-semibold" > Boost your conversion rate< / h4 >
< / a >
< / h3 >
< p class = "mt-5 line-clamp-3 text-sm leading-6" > Illo sint voluptas. Error voluptates culpa eligendi. Hic vel totam vitae illo. Non aliquid explicabo necessitatibus unde. Sed exercitationem placeat consectetur nulla deserunt vel. Iusto corrupti dicta.< / p >
< / div >
< / article >
< article class = "flex flex-col items-start justify-between" >
< div class = "relative w-full" >
< img src = "https://images.unsplash.com/photo-1496128858413-b36217c2ce36?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=3603&q=80" alt = "" class = "aspect-[16/9] w-full rounded-xl bg-gray-100 object-cover sm:aspect-[2/1] lg:aspect-[3/2]" >
< div class = "absolute inset-0 rounded-2xl ring-1 ring-inset ring-gray-900/10" > < / div >
< / div >
< div class = "max-w-xl" >
< div class = "mt-8 flex items-center gap-x-4 text-xs" >
< time datetime = "2020-03-16" class = "text-gray-500" > Mar 16, 2020< / time >
< a href = "#" class = "relative z-10 rounded-full bg-gray-10 px-3 py-1.5 font-medium hover:bg-gray-100" > Marketing< / a >
< / div >
< div class = "group relative" >
< h3 class = "mt-3 text-lg font-semibold leading-6 group-hover:text-gray-600" >
< a href = "#" >
< span class = "absolute inset-0" > < / span >
< h4 class = "font-semibold" > Boost your conversion rate< / h4 >
< / a >
< / h3 >
< p class = "mt-5 line-clamp-3 text-sm leading-6" > Illo sint voluptas. Error voluptates culpa eligendi. Hic vel totam vitae illo. Non aliquid explicabo necessitatibus unde. Sed exercitationem placeat consectetur nulla deserunt vel. Iusto corrupti dicta.< / p >
< / div >
< / article >
< article class = "flex flex-col items-start justify-between" >
< div class = "relative w-full" >
< img src = "https://images.unsplash.com/photo-1496128858413-b36217c2ce36?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=3603&q=80" alt = "" class = "aspect-[16/9] w-full rounded-xl bg-gray-100 object-cover sm:aspect-[2/1] lg:aspect-[3/2]" >
< div class = "absolute inset-0 rounded-2xl ring-1 ring-inset ring-gray-900/10" > < / div >
< / div >
< div class = "max-w-xl" >
< div class = "mt-8 flex items-center gap-x-4 text-xs" >
< time datetime = "2020-03-16" class = "text-gray-500" > Mar 16, 2020< / time >
< a href = "#" class = "relative z-10 rounded-full bg-gray-10 px-3 py-1.5 font-medium hover:bg-gray-100" > Marketing< / a >
< / div >
< div class = "group relative" >
< h3 class = "mt-3 text-lg font-semibold leading-6 group-hover:text-gray-600" >
< a href = "#" >
< span class = "absolute inset-0" > < / span >
< h4 class = "font-semibold" > Boost your conversion rate< / h4 >
< / a >
< / h3 >
< p class = "mt-5 line-clamp-3 text-sm leading-6" > Illo sint voluptas. Error voluptates culpa eligendi. Hic vel totam vitae illo. Non aliquid explicabo necessitatibus unde. Sed exercitationem placeat consectetur nulla deserunt vel. Iusto corrupti dicta.< / p >
< / div >
< / article >
< / div >
< / div >
< / div >
