107 lines
3.6 KiB
TypeScript
107 lines
3.6 KiB
TypeScript
import { ArrowRight } from "lucide-react";
|
|
import React from "react";
|
|
|
|
import { Badge } from "@/components/ui/badge";
|
|
import { Separator } from "@/components/ui/separator";
|
|
import { cn } from "@/lib/utils";
|
|
|
|
const jobs = [
|
|
{
|
|
department: "مهندسی",
|
|
role: "توسعه‌دهنده ارشد فول‌استک",
|
|
location: "دورکاری",
|
|
link: "#",
|
|
},
|
|
{
|
|
department: "محصول",
|
|
role: "مدیر محصول",
|
|
location: "ترکیبی",
|
|
link: "#",
|
|
},
|
|
{
|
|
department: "طراحی",
|
|
role: "طراح رابط و تجربه کاربری",
|
|
location: "دورکاری",
|
|
link: "#",
|
|
},
|
|
{
|
|
department: "داده",
|
|
role: "دانشمند داده",
|
|
location: "حضوری",
|
|
link: "#",
|
|
},
|
|
{
|
|
department: "بازاریابی",
|
|
role: "کارشناس بازاریابی رشد",
|
|
location: "دورکاری",
|
|
link: "#",
|
|
},
|
|
];
|
|
|
|
interface Careers9Props {
|
|
className?: string;
|
|
}
|
|
|
|
const Careers9 = ({ className }: Careers9Props) => {
|
|
return (
|
|
<section
|
|
dir="rtl"
|
|
lang="fa"
|
|
className={cn(
|
|
"bg-gradient-to-b from-background to-muted/20 py-24",
|
|
className,
|
|
)}
|
|
>
|
|
<div className="container max-w-6xl">
|
|
<div className="mb-16 text-center">
|
|
<h2 className="text-xl font-bold md:text-2xll">موقعیت‌های شغلی باز</h2>
|
|
<p className="mx-auto mt-4 max-w-2xl text-lg text-muted-foreground">
|
|
به تیم ما بپیوندید و در شکل‌دهی آینده سهیم باشید. به دنبال افراد
|
|
مشتاقی هستیم که برای حل مسائل پیچیده و ساخت محصولات عالی
|
|
هیجان‌زده باشند.
|
|
</p>
|
|
</div>
|
|
<div className="hidden grid-cols-1 items-center gap-1.5 py-6 text-xs sm:grid sm:grid-cols-4 sm:gap-10">
|
|
<span className="text-muted-foreground">بخش</span>
|
|
<span className="col-span-2 text-muted-foreground">نقش</span>
|
|
<span className="text-muted-foreground">مکان</span>
|
|
</div>
|
|
<Separator />
|
|
{jobs.map((job, idx) => (
|
|
<React.Fragment key={idx}>
|
|
<a
|
|
href={job.link}
|
|
className="group relative grid grid-cols-1 items-center gap-1.5 py-6 sm:grid-cols-4 sm:gap-10"
|
|
>
|
|
<Badge variant="outline">{job.department}</Badge>
|
|
<span className="col-span-2 text-lg font-semibold">
|
|
{job.role}
|
|
</span>
|
|
<div className="flex items-center justify-between gap-2">
|
|
<span className="text-muted-foreground">{job.location}</span>
|
|
<ArrowRight className="absolute top-6 end-6 size-4.5 text-muted-foreground transition-all duration-300 group-hover:translate-x-1 group-hover:text-primary sm:static rtl:rotate-180 rtl:group-hover:-translate-x-1" />
|
|
</div>
|
|
</a>
|
|
<Separator />
|
|
</React.Fragment>
|
|
))}
|
|
<div className="mt-12 text-center">
|
|
<p className="mb-4 text-muted-foreground">
|
|
موقعیت مناسب خود را پیدا نکردید؟ همیشه به دنبال استعدادهای
|
|
درخشان هستیم.
|
|
</p>
|
|
<a
|
|
href="#contact"
|
|
className="inline-flex items-center gap-2 font-medium text-primary transition-colors hover:text-primary/80"
|
|
>
|
|
رزومه خود را برای ما بفرستید
|
|
<ArrowRight className="mt-0.5 size-4 rtl:rotate-180" />
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
);
|
|
};
|
|
|
|
export { Careers9 };
|