58 lines
2.6 KiB
TypeScript
58 lines
2.6 KiB
TypeScript
import { cn } from "@/lib/utils";
|
|
|
|
interface Hero185Props {
|
|
className?: string;
|
|
}
|
|
|
|
const Hero185 = ({ className }: Hero185Props) => {
|
|
return (
|
|
<section className={cn("py-32", className)}>
|
|
<div className="lg:border-y">
|
|
<div className="container flex flex-col max-lg:divide-y lg:flex-row">
|
|
<div className="flex-1 lg:border-l">
|
|
<div className="lg:border-b lg:pr-8 lg:pb-5 lg:pl-2">
|
|
<h1 className="mx-auto text-[2.5rem] leading-[1.2] tracking-[-1.6px] md:text-[4rem] md:leading-[1.15]! md:tracking-[-4.32px] lg:text-2xll">
|
|
بهره‌وری هوشمند برای تیم‌های مدرن
|
|
</h1>
|
|
<p className="mt-6 tracking-[-0.32px] text-muted-foreground">
|
|
هدف ما ارائه ابزارهایی است که همکاری تیمی را ساده‌تر و انجام کارها را سریع‌تر می‌کنند.
|
|
</p>
|
|
</div>
|
|
<div className="relative mt-10 aspect-[3/3.25] overflow-hidden md:mt-14 lg:mr-8 lg:mb-10 lg:ml-2">
|
|
<img
|
|
src="/block-media/shadcnblocks/block/placeholder-1.svg"
|
|
alt="تصویر نمونه"
|
|
className="object-cover"
|
|
/>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="lg:border-x lg:px-8">
|
|
<div className="flex justify-center gap-6 lg:gap-8">
|
|
<div className="relative mt-20 aspect-[1/1.1] h-[200px] overflow-hidden lg:mt-32 lg:h-[296px]">
|
|
<img
|
|
src="/block-media/shadcnblocks/block/placeholder-2.svg"
|
|
alt="تصویر نمونه"
|
|
className="object-cover"
|
|
/>
|
|
</div>
|
|
<div className="relative mt-10 aspect-[1/1.1] h-[200px] overflow-hidden lg:mt-16 lg:h-[296px]">
|
|
<img
|
|
src="/block-media/shadcnblocks/block/placeholder-3.svg"
|
|
alt="تصویر نمونه"
|
|
className="object-cover"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<p className="mt-10 px-4 tracking-[-0.32px] text-muted-foreground md:mt-14">
|
|
ما محصولاتی طراحی می‌کنیم که مدیریت پروژه، ارتباطات و همکاری تیمی را بهبود می‌بخشند تا افراد و سازمان‌ها با تمرکز بیشتر به اهداف خود برسند.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
);
|
|
};
|
|
|
|
export { Hero185 };
|