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/feature220.tsx
+11 -13
View File
@@ -1,6 +1,5 @@
import { ArrowRight } from "lucide-react";
import { AspectRatio } from "@/components/ui/aspect-ratio";
import { Button } from "@/components/ui/button";
import { cn } from "@/lib/utils";
@@ -32,13 +31,13 @@ const Feature220 = ({ className }: Feature220Props) => {
dir="rtl"
lang="fa"
className={cn(
"bg-muted bg-[url('/block-media/shadcnblocks/block/patterns/dot-pattern-2.svg')] bg-[length:3.125rem_3.125rem] bg-repeat py-20",
"flex min-h-full w-full min-w-0 flex-col justify-center bg-muted bg-[url('/block-media/shadcnblocks/block/patterns/dot-pattern-2.svg')] bg-[length:3.125rem_3.125rem] bg-repeat py-12 sm:py-16 lg:py-20",
className,
)}
>
<div className="container flex flex-wrap-reverse gap-12 lg:grid lg:grid-cols-[1fr_1.5fr] lg:gap-[7.5rem]">
<div className="flex flex-col justify-between gap-20">
<div className="mt-10 flex flex-col gap-5 text-start">
<div className="container flex min-w-0 flex-col gap-8 px-4 sm:gap-10 sm:px-6 md:gap-12 lg:grid lg:grid-cols-[1fr_1.5fr] lg:gap-[7.5rem] lg:px-0">
<div className="order-2 flex min-w-0 flex-col justify-between gap-10 sm:gap-14 md:gap-16 lg:order-1 lg:gap-20 lg:ps-12">
<div className="flex flex-col gap-5 text-start md:mt-8 lg:mt-10">
<h2 className="text-xl leading-none font-semibold tracking-tight text-balance md:text-2xll">
از خرید تا فروش در یک سیستم
</h2>
@@ -53,7 +52,7 @@ const Feature220 = ({ className }: Feature220Props) => {
</div>
</div>
<div>
<div className="group flex w-full max-w-[30rem] flex-col gap-10 rounded-[.5rem] bg-background p-5 text-start transition-shadow hover:shadow-[0_0_2px_theme('colors.gray.300')]">
<div className="group flex w-full max-w-full flex-col gap-10 rounded-[.5rem] bg-background p-5 text-start transition-shadow hover:shadow-[0_0_2px_theme('colors.gray.300')] sm:max-w-[30rem]">
<div className="flex w-full flex-col gap-8 sm:flex-row">
{STATS.map((item) => (
<div className="flex flex-col gap-1" key={item.id}>
@@ -67,21 +66,20 @@ const Feature220 = ({ className }: Feature220Props) => {
</div>
</div>
</div>
<div className="w-full max-w-[46.5rem]">
<AspectRatio
ratio={0.873239437}
className="overflow-hidden rounded-2xl"
>
<div className="order-1 w-full min-w-0 max-w-full pt-6 sm:pt-8 md:pt-8 lg:order-2 lg:max-w-[46.5rem] lg:pe-12 lg:pt-10">
<div className="aspect-video max-h-80 overflow-hidden rounded-2xl sm:max-h-96 md:aspect-[4/3] md:max-h-none lg:aspect-[712/815]">
<video
src="/block-media/shadcnblocks/block/video-8.mp4"
src="https://deifkwefumgah.cloudfront.net/shadcnblocks/block/video-8.mp4"
className="block size-full object-cover object-center"
loop
autoPlay
muted
playsInline
preload="metadata"
controls={false}
aria-label="عملیات سازمان را یکپارچه کنید"
/>
</AspectRatio>
</div>
</div>
</div>
</section>