83 lines
4.2 KiB
TypeScript
83 lines
4.2 KiB
TypeScript
|
import { cn } from "@/lib/utils";
|
|||
|
|
|
|||
|
|
interface About6Props {
|
|||
|
|
className?: string;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
const About6 = ({ className }: About6Props) => {
|
|||
|
|
return (
|
|||
|
|
<section className={cn("py-32", className)}>
|
|||
|
|
<div className="container">
|
|||
|
|
<div className="flex flex-col items-center justify-start gap-6 lg:flex-row">
|
|||
|
|
<div className="flex w-full flex-col items-start justify-start gap-24 lg:w-1/2">
|
|||
|
|
<div className="pr-6">
|
|||
|
|
<h1 className="mb-6 text-xl font-bold md:text-2xll lg:mb-10 lg:text-2xll">
|
|||
|
|
درباره ما
|
|||
|
|
</h1>
|
|||
|
|
<p className="mb-9 text-muted-foreground lg:text-xl">
|
|||
|
|
ما تیمی از نوآوران هستیم که با تکیه بر فناوری و خلاقیت، آینده را قدم‌به‌قدم می‌سازیم. مسیر ما از شناسایی یک نیاز واقعی آغاز شد و با ارائه راهکارهای نوآورانه ادامه پیدا کرد.
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
<div className="flex flex-col items-center justify-center gap-6 md:flex-row">
|
|||
|
|
<img
|
|||
|
|
src="/block-media/shadcnblocks/block/photos/annie-spratt-MChSQHxGZrQ-unsplash.jpg"
|
|||
|
|
alt="درباره ۱"
|
|||
|
|
className="aspect-[0.7] w-full rounded-lg object-cover md:w-1/2"
|
|||
|
|
/>
|
|||
|
|
<div className="flex w-full flex-col items-center justify-center gap-6 md:w-1/2">
|
|||
|
|
<img
|
|||
|
|
src="/block-media/shadcnblocks/block/photos/annie-spratt-AkftcHujUmk-unsplash.jpg"
|
|||
|
|
alt="درباره ۲"
|
|||
|
|
className="aspect-[1.1] rounded-lg object-cover"
|
|||
|
|
/>
|
|||
|
|
<img
|
|||
|
|
src="/block-media/shadcnblocks/block/photos/annie-spratt-vGgn0xLdy8s-unsplash.jpg"
|
|||
|
|
alt="درباره ۳"
|
|||
|
|
className="aspect-[0.7] rounded-lg object-cover"
|
|||
|
|
/>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div className="flex w-full flex-col items-center justify-center gap-12 pt-12 lg:w-1/2 lg:pt-48">
|
|||
|
|
<div className="flex flex-col items-center justify-center gap-6 md:flex-row">
|
|||
|
|
<img
|
|||
|
|
src="/block-media/shadcnblocks/block/photos/johnson-wang-iI4sR_nkkbc-unsplash.jpg"
|
|||
|
|
alt="درباره ۴"
|
|||
|
|
className="aspect-[0.9] w-full rounded-lg object-cover md:w-1/2"
|
|||
|
|
/>
|
|||
|
|
<div className="flex w-full flex-col items-center justify-center gap-6 md:w-1/2">
|
|||
|
|
<img
|
|||
|
|
src="/block-media/shadcnblocks/block/photos/nastuh-abootalebi-eHD8Y1Znfpk-unsplash.jpg"
|
|||
|
|
alt="درباره ۵"
|
|||
|
|
className="aspect-[0.8] rounded-lg object-cover"
|
|||
|
|
/>
|
|||
|
|
<img
|
|||
|
|
src="/block-media/shadcnblocks/block/photos/alvin-engler-bIhpiQA009k-unsplash.jpg"
|
|||
|
|
alt="درباره ۶"
|
|||
|
|
className="aspect-[0.9] rounded-lg object-cover"
|
|||
|
|
/>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div className="px-8">
|
|||
|
|
<h1 className="mb-8 text-xl font-semibold lg:mb-6">
|
|||
|
|
محل کار ما
|
|||
|
|
</h1>
|
|||
|
|
<p className="mb-9 lg:text-xl">
|
|||
|
|
محیط کار ما به گونه‌ای طراحی شده است که خلاقیت را شکوفا کند، همکاری را تقویت کند و فضایی الهام‌بخش برای رشد ایده‌ها فراهم آورد.
|
|||
|
|
</p>
|
|||
|
|
<p className="text-muted-foreground">
|
|||
|
|
از فضاهای باز همکاری تا گوشه‌های آرام تمرکز، هر بخش از دفتر با
|
|||
|
|
دقت برای سبک‌های مختلف کار طراحی شده است. از راه دور هم
|
|||
|
|
دوستانه‌ایم؛ اعضای تیم در سراسر جهان با هم هماهنگ کار می‌کنند
|
|||
|
|
تا نتایجی استثنایی تحویل دهند.
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
);
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
export { About6 };
|