some edit

This commit is contained in:
2026-08-13 20:38:45 +03:30
parent 1cea5b78cb
commit 031e0cc413
24 changed files with 462 additions and 330 deletions
+4 -4
View File
@@ -118,7 +118,7 @@ const Card = ({ link, background, title, imageAlt, stats }: CardData) => {
href={link}
aria-label={title}
style={{ backgroundImage: `url(${background})` }}
className="before:content-[] relative min-h-auto w-full overflow-hidden rounded-lg bg-black/80 bg-cover bg-center bg-no-repeat p-5 transition-all duration-300 before:absolute before:start-0 before:top-0 before:z-10 before:block before:size-full before:bg-black/50 before:transition-all before:duration-300 hover:before:bg-black/30 sm:aspect-square md:aspect-auto md:min-h-120 md:max-w-120"
className="before:content-[] relative min-h-auto w-full overflow-hidden rounded-lg bg-black/80 bg-cover bg-center bg-no-repeat p-5 transition-all duration-300 before:absolute before:start-0 before:top-0 before:z-10 before:block before:size-full before:bg-black/50 before:transition-all before:duration-300 hover:before:bg-black/30 sm:aspect-square md:aspect-auto md:min-h-120"
>
<span className="sr-only">{imageAlt}</span>
<div className="relative z-20 flex size-full flex-col justify-between gap-20 text-start md:gap-16">
@@ -150,9 +150,9 @@ interface Feature222Props {
const Feature222 = ({ className }: Feature222Props) => {
return (
<section dir="rtl" lang="fa" className={cn("py-32", className)}>
<div className="container">
<div className="grid gap-5 md:grid-cols-2 lg:grid-cols-3">
<section dir="rtl" lang="fa" className={cn("w-full min-w-0 py-32", className)}>
<div className="w-full px-4 sm:px-6 lg:px-8">
<div className="grid w-full grid-cols-1 gap-5 md:grid-cols-2 lg:grid-cols-3">
{LIST.map((item) => (
<Card key={item.id} {...item} />
))}