ar.badiei/reui-blocks
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

some edit

Browse Source
This commit is contained in:
mr.sabri
2026-08-13 20:38:45 +03:30
parent 1cea5b78cb
commit 031e0cc413
24 changed files with 462 additions and 330 deletions
Download Patch File Download Diff File Expand all files Collapse all files
blocks/feature228.tsx
+22 -15
View File
@@ -10,19 +10,26 @@ interface Feature228Props {
const Feature228 = ({ className }: Feature228Props) => {
return (
<section dir="rtl" lang="fa" className={cn("bg-muted/50 py-32", className)}>
<div className="container">
<div className="grid grid-cols-1 items-center gap-10 lg:grid-cols-2 lg:gap-0">
<div className="text-start lg:pe-16">
<h2 className="mb-5 text-2xll text-balance md:text-2xll md:leading-20">
<section
dir="rtl"
lang="fa"
className={cn(
"w-full min-w-0 overflow-x-hidden bg-muted/50 py-16 md:py-24 lg:py-32",
className,
)}
>
<div className="container px-4 sm:px-6 lg:px-8">
<div className="grid w-full min-w-0 grid-cols-1 items-center gap-10 lg:grid-cols-2 lg:gap-12 xl:gap-16">
<div className="min-w-0 text-start lg:pe-16">
<h2 className="mb-5 text-xl leading-tight font-semibold text-balance md:text-2xll md:leading-20">
با هوش مصنوعی سریع‌تر تصمیم بگیرید
<br />
کارهای تکراری را به AI بسپارید
</h2>
<p className="text-lg text-pretty text-muted-foreground">
<p className="text-base text-pretty text-muted-foreground md:text-lg">
مدل‌های هوشمند الگوهای پنهان در داده فروش و پشتیبانی را پیدا می‌کنند. تیم‌ها با پیشنهادهای عملی، سریع‌تر اقدام می‌کنند.
</p>
<div className="mt-12 grid gap-8 sm:grid-cols-2 sm:gap-10">
<div className="mt-8 grid gap-6 sm:mt-12 sm:grid-cols-2 sm:gap-8 md:gap-10">
<div>
<span className="mb-4 grid size-12 place-items-center rounded-lg bg-muted-foreground/10">
<Lightbulb />
@@ -81,27 +88,27 @@ const Feature228 = ({ className }: Feature228Props) => {
</div>
</div>
</div>
<div className="flex h-full flex-col gap-6 sm:max-h-[440px] sm:flex-row xl:max-h-[550px]">
<div className="flex flex-col gap-6">
<div className="flex w-full min-w-0 flex-col gap-6 md:max-h-[440px] md:flex-row xl:max-h-[550px]">
<div className="flex min-w-0 flex-1 flex-col gap-6">
<img
src="/block-media/shadcnblocks/block/placeholder-2.svg"
alt="تحلیل با AI"
className="aspect-video rounded-2xl border border-border object-cover"
className="aspect-video w-full rounded-2xl border border-border object-cover"
/>
<img
src="/block-media/shadcnblocks/block/placeholder-3.svg"
alt="دستیار هوش مصنوعی"
className="ms-auto aspect-video flex-1 rounded-2xl border border-border object-cover sm:aspect-auto sm:w-2/3"
className="aspect-video w-full rounded-2xl border border-border object-cover md:ms-auto md:aspect-auto md:w-2/3"
/>
</div>
<div className="min-h-[580px] rounded-4xl border border-border p-2 sm:min-h-0 sm:max-w-56 sm:shrink-0 xl:max-w-72">
<div className="mx-auto aspect-[9/16] w-full max-w-72 rounded-4xl border border-border p-2 md:mx-0 md:aspect-auto md:max-w-56 md:shrink-0 xl:max-w-72">
<div className="flex h-full flex-col rounded-3xl border border-border bg-background px-1.5 pt-3 pb-1.5">
<div className="mx-auto mb-3 h-4 w-16 rounded-full bg-muted-foreground/15 xl:h-5 xl:w-20" />
<div className="flex-1">
<div className="mx-auto mb-3 h-4 w-16 shrink-0 rounded-full bg-muted-foreground/15 xl:h-5 xl:w-20" />
<div className="min-h-0 flex-1">
<img
src="/block-media/shadcnblocks/block/placeholder-1.svg"
alt="پیشنهادهای هوشمند"
className="h-full rounded-2xl object-cover"
className="size-full rounded-2xl object-cover"
/>
</div>
</div>