72 lines
2.5 KiB
TypeScript
72 lines
2.5 KiB
TypeScript
import { cn } from "@/lib/utils";
|
|
|
|
interface Contact8Props {
|
|
className?: string;
|
|
}
|
|
|
|
const Contact8 = ({ className }: Contact8Props) => {
|
|
return (
|
|
<section dir="rtl" lang="fa" className={cn("py-32", className)}>
|
|
<div className="container">
|
|
<div className="text-center">
|
|
<h1 className="mb-3 text-2xll font-bold">تماس با فروش</h1>
|
|
<p className="text-lg text-muted-foreground">
|
|
برای دمو، پلن یا پشتیبانی سامانه مدیریت ارتباط با مشتری پیام بگذارید.
|
|
</p>
|
|
</div>
|
|
<div className="mx-auto mt-24 grid max-w-7xl gap-4 md:grid-cols-2">
|
|
<img
|
|
src="/block-media/shadcnblocks/block/placeholder-1.svg"
|
|
alt="تصویر بخش تماس"
|
|
className="h-full rounded-lg object-cover"
|
|
/>
|
|
<div className="flex flex-col gap-2 rounded-lg bg-accent p-2">
|
|
<div className="flex h-full flex-col justify-between gap-6 rounded-lg bg-background p-6">
|
|
<p className="text-xl">ایمیل</p>
|
|
<div className="flex flex-col">
|
|
<a
|
|
href="mailto:help@example.com"
|
|
className="hover:underline"
|
|
dir="rtl"
|
|
>
|
|
help@example.com
|
|
</a>
|
|
<a
|
|
href="mailto:support@example.com"
|
|
className="hover:underline"
|
|
dir="rtl"
|
|
>
|
|
support@example.com
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div className="flex h-full flex-col justify-between gap-6 rounded-md bg-background p-6">
|
|
<p className="text-xl">دفاتر</p>
|
|
<div className="grid gap-8 md:grid-cols-2 md:gap-4">
|
|
<div>
|
|
<p className="mb-2 text-xl text-muted-foreground md:mb-4">
|
|
نیویورک
|
|
</p>
|
|
<p dir="rtl" className="text-start">
|
|
123 6th St. Melbourne, FL 32904, USA
|
|
</p>
|
|
</div>
|
|
<div>
|
|
<p className="mb-2 text-xl text-muted-foreground md:mb-4">
|
|
لندن
|
|
</p>
|
|
<p dir="rtl" className="text-start">
|
|
123 3rd St. London, TL 32904, UK
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
);
|
|
};
|
|
|
|
export { Contact8 };
|