Files
reui-blocks/blocks/about13.tsx
T

61 lines
2.5 KiB
TypeScript

import React from "react";
import { cn } from "@/lib/utils";
interface About13Props {
className?: string;
}
const About13 = ({ className }: About13Props) => {
return (
<section className={cn("py-32", className)}>
<div className="container space-y-10 lg:space-y-20">
<div className="w-full grid-cols-6 gap-10 lg:grid">
<div />
<h1 className="col-span-4 text-2xll font-semibold tracking-tighter lg:pr-24 lg:pl-10 lg:text-8xl">
درباره ما
</h1>
</div>
<div className="grid-cols-6 space-y-12 lg:grid lg:space-y-0 xl:gap-10">
<p className="hidden text-foreground/40 lg:block">
سیگنا فروش
</p>
<div className="col-span-2 lg:pr-24 lg:pl-10">
<p className="text-foreground/40">
سیگنا محتوای فروش، اسکریپت تماس و کوچینگ را در یک پلتفرم واحد برای تیم‌های درآمد فراهم می‌کند.
</p>
<div className="mt-5 flex items-center gap-5 lg:mt-20">
<img
src="/block-media/shadcnblocks/block/guri3/avatar1.png"
className="size-12"
alt="آواتار"
/>
<div>
<h3 className="text-lg font-medium tracking-tight">علی رضایی</h3>
<p className="text-sm text-foreground/40">مدیر موفقیت فروش</p>
</div>
</div>
</div>
<div className="col-span-3 mt-32 lg:mt-0 lg:pl-10">
<h2 className="text-xl font-medium tracking-tight lg:text-3xl">
ما تیمی از متخصصان فروش و محصول هستیم. سیگنا به نمایندگان کمک می‌کند با محتوای درست در لحظه مناسب، چرخه معامله را کوتاه‌تر کنند.
</h2>
<p className="mt-6 text-base text-foreground/40 lg:mt-18 lg:text-lg">
همیشه می‌پرسیم: نماینده به چه پاسخی نیاز دارد؟ مخاطب در چه مرحله‌ای است؟ و چطور می‌توان نرخ برد را بالا برد؟
</p>
</div>
</div>
<div>
<img
src="/block-media/shadcnblocks/block/guri4/img10.png"
alt="تیم سیگنا در فضای کاری"
className="mt-4 h-150 w-full object-cover"
/>
</div>
</div>
</section>
);
};
export { About13 };