114 lines
5.6 KiB
TypeScript
114 lines
5.6 KiB
TypeScript
import { ArrowLeft } from "lucide-react";
|
|
|
|
import { Button } from "@/components/ui/button";
|
|
import { cn } from "@/lib/utils";
|
|
|
|
interface About7Props {
|
|
className?: string;
|
|
}
|
|
|
|
const About7 = ({ className }: About7Props) => {
|
|
return (
|
|
<section
|
|
dir="rtl"
|
|
lang="fa"
|
|
className={cn(
|
|
"overflow-x-clip bg-[#E9EDE8] py-32 dark:bg-[#2F332E]",
|
|
className,
|
|
)}
|
|
>
|
|
<div className="container">
|
|
<div className="max-w-xl lg:-translate-x-32">
|
|
<h2 className="mb-4 text-xl font-semibold text-muted-foreground md:text-3xl">
|
|
درباره ما
|
|
</h2>
|
|
<h1 className="max-w-[600px] text-3xl leading-tight font-semibold tracking-tight text-balance md:text-xl lg:text-2xll">
|
|
ما ری یو آی هستیم؛ پلتفرمی متفاوت برای برنامه‌ریزی و مدیریت کار که به سازندگان کمک می‌کند آینده را از امروز بسازند.
|
|
</h1>
|
|
</div>
|
|
|
|
<div className="relative mt-12 flex gap-4">
|
|
<div className="max-lg:translate-x-20">
|
|
<img
|
|
src="/block-media/shadcnblocks/block/placeholder-1.svg"
|
|
alt="فضای کاری مدرن با نمایشگر iMac"
|
|
width={800}
|
|
height={500}
|
|
/>
|
|
</div>
|
|
<div className="bottom-0 aspect-[1.5/1.4] w-[max(30vw,220px)] -left-10 translate-y-20 max-lg:absolute max-lg:border-[16px] max-lg:border-[#E9EDE8] lg:-translate-y-20 dark:max-lg:border-[#2F332E]">
|
|
<img
|
|
src="/block-media/shadcnblocks/block/placeholder-2.svg"
|
|
alt="فردی در حال کار با لپ‌تاپ"
|
|
className="h-full w-full object-cover"
|
|
/>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="mt-28 max-w-xl lg:mt-10 lg:-translate-x-32">
|
|
<p className="text-lg leading-relaxed">
|
|
وظایف تغییر کرده‌اند، در حال تغییرند و همچنان به سمت بهتر پیش
|
|
می‌روند. زمان آن است که بهره‌وری کاربرمحور و اینترنت‌محور باشد؛
|
|
اما برای این کار به زیربنایی نو نیاز داریم.
|
|
</p>
|
|
</div>
|
|
|
|
<div className="mt-6 space-y-6 md:mt-8 md:space-y-8 lg:mt-10 lg:space-y-10">
|
|
<h2 className="max-w-xl text-xl font-semibold md:text-3xl lg:-translate-x-32">
|
|
همیشه می‌گفتند ابزارهای مدیریت کار نمی‌توانند واقعاً پویا و انعطاف‌پذیر باشند.
|
|
</h2>
|
|
<p className="max-w-xl text-lg leading-relaxed lg:-translate-x-32">
|
|
سال‌ها ابزارهایی مانند مدیریت وظایف، یادداشت‌برداری و مدیریت وظایف را بررسی و استفاده کرده‌ایم. با وجود امکانات فراوان، هنوز نیاز به راهکاری ساده‌تر و هوشمندتر احساس می‌شود. ما باور داریم ابزارهای مدیریت کار باید پویا، منعطف و متناسب با نیاز کاربران باشند؛ به همین دلیل همه‌چیز را از ابتدا طراحی کردیم.
|
|
</p>
|
|
<div className="grid gap-6 py-6 md:grid-cols-2 lg:py-10">
|
|
<img
|
|
src="/block-media/shadcnblocks/block/placeholder-3.svg"
|
|
alt="همکاری اعضای تیم"
|
|
width={600}
|
|
height={400}
|
|
className="rounded-lg"
|
|
/>
|
|
<img
|
|
src="/block-media/shadcnblocks/block/placeholder-4.svg"
|
|
alt="جلسه تیم در اتاق کنفرانس"
|
|
width={600}
|
|
height={400}
|
|
className="rounded-lg"
|
|
/>
|
|
</div>
|
|
|
|
<p className="ms-auto max-w-xl text-lg leading-relaxed lg:translate-x-32">
|
|
توسعه ری یو آی را از سال ۲۱۹ آغاز کردیم و در سال ۲۲۲ نخستین نسخه آن را منتشر کردیم. هر قابلیت از پایه طراحی شده تا تجربه‌ای سریع، ساده و بدون پیچیدگی ارائه دهد.
|
|
</p>
|
|
|
|
<h2 className="ms-auto max-w-xl text-xl font-semibold md:text-3xl lg:translate-x-32">
|
|
تیمی کمی غیرمعمول هستیم نه استارتاپ فناوری معمولی.
|
|
</h2>
|
|
<div className="ms-auto max-w-xl text-lg leading-relaxed lg:translate-x-32">
|
|
<p>
|
|
صددرصد در مالکیت بنیان‌گذاران و تیم است، پایدار کار می‌کنیم و
|
|
تیم را کوچک نگه می‌داریم. به‌مرور این صفحه را کامل‌تر می‌کنیم،
|
|
اما الان تمرکزمان بر تحویل به کاربران است. اگر می‌خواهید همکاری
|
|
کنید، موقعیت‌های باز ما را ببینید:
|
|
</p>
|
|
<Button
|
|
variant="outline"
|
|
size="lg"
|
|
className="mt-6 md:mt-8 lg:mt-10"
|
|
>
|
|
<a href="#">
|
|
<span className="flex items-center gap-2 whitespace-pre-wrap">
|
|
مشاهده موقعیت‌های شغلی
|
|
<ArrowLeft className="size-4" />
|
|
</span>
|
|
</a>
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
);
|
|
};
|
|
|
|
export { About7 };
|