Update content in about blocks to reflect new branding and messaging for various products. Key changes include rephrasing descriptions, updating titles, and modifying statistics to better align with the current offerings and mission statements. This enhances clarity and consistency across the platform.
This commit is contained in:
+10
-10
@@ -15,7 +15,7 @@ const About1 = ({ className }: About1Props) => {
|
|||||||
درباره ما
|
درباره ما
|
||||||
</h1>
|
</h1>
|
||||||
<p className="max-w-xl text-xl">
|
<p className="max-w-xl text-xl">
|
||||||
پلتفرم ما ساخت پورتال مشتری، سامانههای سامانه ارتباط با مشتری و فروش، ابزارهای داخلی و نرمافزارهای سازمانی را برای تیم شما ساده میکند؛ در چند دقیقه، نه چند ماه.
|
وندوک به تیمهای فروش کمک میکند مخاطبین، فرصتها و چرخه معامله را در یک CRM واحد مدیریت کنند. از ثبت لید تا بستن قرارداد، همهچیز شفاف و قابل پیگیری است.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div className="grid gap-6 md:grid-cols-2">
|
<div className="grid gap-6 md:grid-cols-2">
|
||||||
@@ -27,17 +27,17 @@ const About1 = ({ className }: About1Props) => {
|
|||||||
<div className="flex flex-col justify-between gap-10 rounded-2xl bg-muted bg-[url('/block-media/shadcnblocks/block/photos/christin-hume-Hcfwew744z4-unsplash.jpg')] bg-cover bg-center p-10">
|
<div className="flex flex-col justify-between gap-10 rounded-2xl bg-muted bg-[url('/block-media/shadcnblocks/block/photos/christin-hume-Hcfwew744z4-unsplash.jpg')] bg-cover bg-center p-10">
|
||||||
<p className="text-sm font-semibold text-white">مأموریت ما</p>
|
<p className="text-sm font-semibold text-white">مأموریت ما</p>
|
||||||
<p className="text-lg font-medium text-white">
|
<p className="text-lg font-medium text-white">
|
||||||
باور ما این است که ساخت نرمافزار باید برای همه ساده و در دسترس باشد. هر کسی باید بتواند بدون نیاز به طراح یا برنامهنویس، ابزار موردنیاز خود را بسازد.
|
مأموریت وندوک این است که فروش B2B را بدون پیچیدگیهای قدیمی CRM ممکن کند. هر نماینده باید بتواند در چند دقیقه وضعیت پایپلاین را ببیند و اقدام بعدی را بداند.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex flex-col gap-6 md:gap-20">
|
<div className="flex flex-col gap-6 md:gap-20">
|
||||||
<div className="max-w-xl">
|
<div className="max-w-xl">
|
||||||
<h2 className="mb-4 text-3xl font-semibold tracking-tight md:text-2xll">
|
<h2 className="mb-4 text-3xl font-semibold tracking-tight md:text-2xll">
|
||||||
ساخت نرمافزار را ساده کردهایم
|
فروش را قابل اندازهگیری کردهایم
|
||||||
</h2>
|
</h2>
|
||||||
<p className="text-lg text-muted-foreground">
|
<p className="text-lg text-muted-foreground">
|
||||||
ما قصد داریم به یک میلیون تیم کمک کنیم تا نرمافزار اختصاصی خود را بسازند. این هم برنامهی ما برای رسیدن به این هدف است.
|
هدف ما این است که هزاران تیم فروش با دادهٔ واقعی تصمیم بگیرند، نه با حدس. این سه اصل مسیر ماست.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div className="grid gap-10 md:grid-cols-3">
|
<div className="grid gap-10 md:grid-cols-3">
|
||||||
@@ -46,10 +46,10 @@ const About1 = ({ className }: About1Props) => {
|
|||||||
<Files className="size-5" />
|
<Files className="size-5" />
|
||||||
</div>
|
</div>
|
||||||
<h3 className="mt-2 mb-3 text-lg font-semibold">
|
<h3 className="mt-2 mb-3 text-lg font-semibold">
|
||||||
شفافیت و همکاری
|
شفافیت پایپلاین
|
||||||
</h3>
|
</h3>
|
||||||
<p className="text-muted-foreground">
|
<p className="text-muted-foreground">
|
||||||
ما باور داریم همکاری زمانی شکل میگیرد که فروتنی، احترام و روحیه کمک به یکدیگر بخشی از فرهنگ تیم باشد. بازخورد سازنده، گفتوگوی شفاف و یادگیری مداوم از ارزشهای اصلی ما هستند.
|
هر معامله وضعیت، مالک و مرحله بعدی مشخص دارد. مدیران و نمایندگان روی یک منبع حقیقت کار میکنند تا هیچ فرصتی از دست نرود.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex flex-col">
|
<div className="flex flex-col">
|
||||||
@@ -57,10 +57,10 @@ const About1 = ({ className }: About1Props) => {
|
|||||||
<CircleArrowRight className="size-5" />
|
<CircleArrowRight className="size-5" />
|
||||||
</div>
|
</div>
|
||||||
<h3 className="mt-2 mb-3 text-lg font-semibold">
|
<h3 className="mt-2 mb-3 text-lg font-semibold">
|
||||||
ایجاد تغییر چشمگیر
|
شتاب در بستن معامله
|
||||||
</h3>
|
</h3>
|
||||||
<p className="text-muted-foreground">
|
<p className="text-muted-foreground">
|
||||||
با جسارت، شجاعت و اهداف شفاف. ما به دنبال فرصتهای بزرگ هستیم و تمرکز و انرژی خود را بر مهمترین کارهایی که باید انجام شوند، دوچندان میکنیم.
|
اتوماسیون یادآوری، امتیازدهی لید و هشدارهای ازدسترفتن به تیم کمک میکند روی فرصتهای با اولویت بالا تمرکز کند و نرخ تبدیل را بالا ببرد.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex flex-col">
|
<div className="flex flex-col">
|
||||||
@@ -68,10 +68,10 @@ const About1 = ({ className }: About1Props) => {
|
|||||||
<Settings className="size-5" />
|
<Settings className="size-5" />
|
||||||
</div>
|
</div>
|
||||||
<h3 className="mt-2 mb-3 text-lg font-semibold">
|
<h3 className="mt-2 mb-3 text-lg font-semibold">
|
||||||
بهینهسازی برای توانمندسازی
|
گزارشهای قابل اقدام
|
||||||
</h3>
|
</h3>
|
||||||
<p className="text-muted-foreground">
|
<p className="text-muted-foreground">
|
||||||
ما باور داریم که همه باید توانمند باشند تا هر کاری را که به نظرشان در راستای منافع شرکت است انجام دهند.
|
داشبوردهای وندوک نرخ برد، طول چرخه و عملکرد نمایندگان را لحظهای نشان میدهد تا کوچینگ و برنامهریزی فروش دقیقتر شود.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
+14
-14
@@ -3,19 +3,19 @@ import { ArrowUpRight } from "lucide-react";
|
|||||||
import { cn } from "@/lib/utils";
|
import { cn } from "@/lib/utils";
|
||||||
|
|
||||||
const profile = {
|
const profile = {
|
||||||
title: "کسبوکار نوپا سامانه ابری",
|
title: "لیدهاب",
|
||||||
subtitle: "ساخت آینده بهرهوری",
|
subtitle: "CRM برای تیمهای فروش در حال رشد",
|
||||||
bio: `تیمی پرشور از نوآوران هستیم که راهکارهای SaaS پیشرفته میسازیم تا کسبوکارها عملیات خود را سادهتر کنند و بهرهوری را بالا ببرند. مأموریت ما نرمافزاری است که نهتنها مشکلات امروز را حل کند، بلکه چالشهای فردا را پیشبینی کند.`,
|
bio: `لیدهاب CRM سبک و قدرتمند برای تیمهای فروش B2B است. مخاطبین، فرصتها و فعالیتها در یک جا میمانند تا هیچ لیدی از دست نرود.`,
|
||||||
vision: `به قدرت فناوری برای تحول نحوه کار کسبوکارها باور داریم. هدف ما ساخت راهکارهای شهودی و مقیاسپذیر است که با مشتریان رشد کند و به نیازهای در حال تغییر آنها سازگار شود.`,
|
vision: `فروش وقتی مقیاس میگیرد که دادهها تمیز، قابل جستوجو و متصل به کمپین باشند. لیدهاب برای رشد تدریجی تیم فروش طراحی شده است؛ از ۳ نفر تا ۳۰۰ نفر.`,
|
||||||
outro: `به هزاران کسبوکاری بپیوندید که به پلتفرم ما برای موفقیت خود اعتماد دارند. بیایید با هم چیزی شگفتانگیز بسازیم.`,
|
outro: `به هزاران تیم فروشی بپیوندید که پایپلاین خود را با لیدهاب شفاف و قابل پیشبینی کردهاند.`,
|
||||||
team: [
|
team: [
|
||||||
{ id: "01", item: "مریم چناری", type: "مدیرعامل و همبنیانگذار" },
|
{ id: "01", item: "مریم چناری", type: "مدیرعامل و همبنیانگذار" },
|
||||||
{ id: "02", item: "مهدی محمدی", type: "مدیر فناوری و همبنیانگذار" },
|
{ id: "02", item: "مهدی محمدی", type: "مدیر فناوری و همبنیانگذار" },
|
||||||
{ id: "03", item: "الهام حسینی", type: "سرپرست محصول" },
|
{ id: "03", item: "الهام حسینی", type: "مدیر محصول" },
|
||||||
{ id: "04", item: "داوود کیمیایی", type: "مهندس ارشد" },
|
{ id: "04", item: "داوود کیمیایی", type: "مهندس ارشد CRM" },
|
||||||
{ id: "05", item: "لیلا احمدی", type: "سرپرست طراحی" },
|
{ id: "05", item: "لیلا احمدی", type: "مدیر تجربه محصول" },
|
||||||
{ id: "06", item: "امیر جعفری", type: "سرپرست بازاریابی" },
|
{ id: "06", item: "امیر جعفری", type: "مدیر رشد" },
|
||||||
{ id: "07", item: "راحله سبز", type: "سرپرست فروش" },
|
{ id: "07", item: "راحله سبز", type: "مدیر فروش سازمانی" },
|
||||||
],
|
],
|
||||||
};
|
};
|
||||||
|
|
||||||
@@ -34,7 +34,7 @@ const About10 = ({ className }: About10Props) => {
|
|||||||
<div className="mb-6 flex items-center gap-4">
|
<div className="mb-6 flex items-center gap-4">
|
||||||
<img
|
<img
|
||||||
src="/block-media/shadcnblocks/block/photos/futuristic-device-design-qcufu.png"
|
src="/block-media/shadcnblocks/block/photos/futuristic-device-design-qcufu.png"
|
||||||
alt="تیم کسبوکار نوپا سامانه ابری"
|
alt="تیم لیدهاب"
|
||||||
className="h-16 w-16 rounded-lg object-cover"
|
className="h-16 w-16 rounded-lg object-cover"
|
||||||
/>
|
/>
|
||||||
<div>
|
<div>
|
||||||
@@ -50,7 +50,7 @@ const About10 = ({ className }: About10Props) => {
|
|||||||
<div className="py-4">
|
<div className="py-4">
|
||||||
<div className="group flex p-0 text-start text-xl font-medium hover:bg-transparent sm:text-xl">
|
<div className="group flex p-0 text-start text-xl font-medium hover:bg-transparent sm:text-xl">
|
||||||
<span className="border-b-2 border-border pb-0.5 transition-colors">
|
<span className="border-b-2 border-border pb-0.5 transition-colors">
|
||||||
تماس با ما
|
درخواست دمو
|
||||||
</span>
|
</span>
|
||||||
<ArrowUpRight className="ml-1 h-6 w-5 transition-transform group-hover:translate-x-0.5 group-hover:-translate-y-0.5" />
|
<ArrowUpRight className="ml-1 h-6 w-5 transition-transform group-hover:translate-x-0.5 group-hover:-translate-y-0.5" />
|
||||||
</div>
|
</div>
|
||||||
@@ -69,14 +69,14 @@ const About10 = ({ className }: About10Props) => {
|
|||||||
</p>
|
</p>
|
||||||
|
|
||||||
<div className="grid grid-cols-1 gap-12 lg:grid-cols-2">
|
<div className="grid grid-cols-1 gap-12 lg:grid-cols-2">
|
||||||
<h2 className="text-xl font-medium">فلسفه اصلی</h2>
|
<h2 className="text-xl font-medium">رویکرد ما</h2>
|
||||||
<p className="leading-relaxed">{profile.vision}</p>
|
<p className="leading-relaxed">{profile.vision}</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="my-12">
|
<div className="my-12">
|
||||||
<img
|
<img
|
||||||
src="/block-media/shadcnblocks/block/lummi/bw12.jpeg"
|
src="/block-media/shadcnblocks/block/lummi/bw12.jpeg"
|
||||||
alt="دفتر کسبوکار نوپا سامانه ابری"
|
alt="دفتر لیدهاب"
|
||||||
className="rounded-2xl object-cover"
|
className="rounded-2xl object-cover"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
+27
-31
@@ -5,27 +5,27 @@ import { cn } from "@/lib/utils";
|
|||||||
|
|
||||||
const awards = [
|
const awards = [
|
||||||
{
|
{
|
||||||
title: "جایزه رهبری طراحی",
|
title: "جایزه بهترین پلتفرم اتوماسیون بازاریابی",
|
||||||
year: "2025",
|
year: "2025",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "بهترین بازطراحی برند",
|
title: "بهترین یکپارچهسازی CRM",
|
||||||
year: "2025",
|
year: "2025",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "جایزه تعالی تجربه کاربری",
|
title: "جایزه تجربه کاربری SaaS",
|
||||||
year: "2024",
|
year: "2024",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "نوآوری در هویت بصری",
|
title: "نوآوری در Attribution چندلمسی",
|
||||||
year: "2024",
|
year: "2024",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "تقدیر طراحی بستهبندی",
|
title: "تقدیر گزارشهای رشد درآمد",
|
||||||
year: "2023",
|
year: "2023",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "اثر اجتماعی در طراحی",
|
title: "تأثیر بر بهرهوری تیم بازاریابی",
|
||||||
year: "2023",
|
year: "2023",
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
@@ -45,17 +45,16 @@ const About12 = ({ className }: About12Props) => {
|
|||||||
</div>
|
</div>
|
||||||
<div className="col-span-1 flex flex-col gap-8 md:col-span-4 md:gap-24">
|
<div className="col-span-1 flex flex-col gap-8 md:col-span-4 md:gap-24">
|
||||||
<p className="text-xl font-medium tracking-tight text-balance md:text-2xll">
|
<p className="text-xl font-medium tracking-tight text-balance md:text-2xll">
|
||||||
پلتفرمهای CRM و بازاریابی میسازیم که ارزش پیشنهادی شما را
|
برندلینک پلتفرم CRM بازاریابی است؛ سگمنت مخاطب، کمپین چندکاناله و Attribution را در یک سیستم واحد برای تیمهای رشد فراهم میکند.
|
||||||
به مشتریان هدف منتقل میکنند و رشد درآمد را تسریع میبخشند.
|
|
||||||
</p>
|
</p>
|
||||||
<div className="flex flex-col gap-4 md:gap-6">
|
<div className="flex flex-col gap-4 md:gap-6">
|
||||||
<img
|
<img
|
||||||
src="/block-media/shadcnblocks/block/photos/annie-spratt-MChSQHxGZrQ-unsplash.jpg"
|
src="/block-media/shadcnblocks/block/photos/annie-spratt-MChSQHxGZrQ-unsplash.jpg"
|
||||||
alt="پرتره"
|
alt="تصویر تیم برندلینک"
|
||||||
className="aspect-[6/8] rounded-xl object-cover md:max-w-md"
|
className="aspect-[6/8] rounded-xl object-cover md:max-w-md"
|
||||||
/>
|
/>
|
||||||
<p className="max-w-md text-muted-foreground">
|
<p className="max-w-md text-muted-foreground">
|
||||||
فراتر از تحویل پروژه، به ایجاد همکاریهای بلندمدت باور داریم. از هر تجربه میآموزیم و ایدههای کوچک را به تغییرات ماندگار تبدیل میکنیم.
|
فراتر از اجرای کمپین، روی حلقه بازخورد بین بازاریابی و فروش تمرکز میکنیم تا هر لید قابل اندازهگیری به درآمد نزدیکتر شود.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -71,7 +70,7 @@ const About12 = ({ className }: About12Props) => {
|
|||||||
<div className="relative overflow-hidden rounded-xl border">
|
<div className="relative overflow-hidden rounded-xl border">
|
||||||
<img
|
<img
|
||||||
src="/block-media/shadcnblocks/block/placeholder-1.svg"
|
src="/block-media/shadcnblocks/block/placeholder-1.svg"
|
||||||
alt="جاینگهدار"
|
alt="نمای محصول برندلینک"
|
||||||
className="aspect-square object-cover dark:invert"
|
className="aspect-square object-cover dark:invert"
|
||||||
/>
|
/>
|
||||||
<span className="absolute top-3 start-3 rounded-xs bg-primary px-2.5 py-1 font-mono text-sm text-primary-foreground">
|
<span className="absolute top-3 start-3 rounded-xs bg-primary px-2.5 py-1 font-mono text-sm text-primary-foreground">
|
||||||
@@ -79,10 +78,9 @@ const About12 = ({ className }: About12Props) => {
|
|||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex flex-col gap-1 md:gap-2">
|
<div className="flex flex-col gap-1 md:gap-2">
|
||||||
<h3 className="text-xl font-medium lg:text-xl">درک</h3>
|
<h3 className="text-xl font-medium lg:text-xl">کشف</h3>
|
||||||
<p className="text-sm text-muted-foreground lg:text-base">
|
<p className="text-sm text-muted-foreground lg:text-base">
|
||||||
با پژوهش و گفتوگو شروع میکنیم تا اهداف، مخاطب و محدودیتها
|
قیف فعلی، منابع لید و شکافهای داده را بررسی میکنیم تا اهداف کمپین دقیق شود.
|
||||||
روشن شود.
|
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -90,7 +88,7 @@ const About12 = ({ className }: About12Props) => {
|
|||||||
<div className="relative overflow-hidden rounded-xl border">
|
<div className="relative overflow-hidden rounded-xl border">
|
||||||
<img
|
<img
|
||||||
src="/block-media/shadcnblocks/block/placeholder-2.svg"
|
src="/block-media/shadcnblocks/block/placeholder-2.svg"
|
||||||
alt="جاینگهدار"
|
alt="نمای محصول برندلینک"
|
||||||
className="aspect-square object-cover dark:invert"
|
className="aspect-square object-cover dark:invert"
|
||||||
/>
|
/>
|
||||||
<span className="absolute top-3 left-3 rounded-xs bg-primary px-2.5 py-1 font-mono text-sm text-primary-foreground">
|
<span className="absolute top-3 left-3 rounded-xs bg-primary px-2.5 py-1 font-mono text-sm text-primary-foreground">
|
||||||
@@ -98,10 +96,9 @@ const About12 = ({ className }: About12Props) => {
|
|||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex flex-col gap-1 md:gap-2">
|
<div className="flex flex-col gap-1 md:gap-2">
|
||||||
<h3 className="text-xl font-medium lg:text-xl">طراحی</h3>
|
<h3 className="text-xl font-medium lg:text-xl">طراحی جریان</h3>
|
||||||
<p className="text-sm text-muted-foreground lg:text-base">
|
<p className="text-sm text-muted-foreground lg:text-base">
|
||||||
مسیرها و نمونههای اولیه در هویت، محصول و محتوا با نقاط
|
سگمنتها، سفر مشتری و تریگرهای کمپین را با نقاط کنترل شفاف طراحی میکنیم.
|
||||||
کنترل شفاف میسازیم.
|
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -109,7 +106,7 @@ const About12 = ({ className }: About12Props) => {
|
|||||||
<div className="relative overflow-hidden rounded-xl border">
|
<div className="relative overflow-hidden rounded-xl border">
|
||||||
<img
|
<img
|
||||||
src="/block-media/shadcnblocks/block/placeholder-3.svg"
|
src="/block-media/shadcnblocks/block/placeholder-3.svg"
|
||||||
alt="جاینگهدار"
|
alt="نمای محصول برندلینک"
|
||||||
className="aspect-square object-cover dark:invert"
|
className="aspect-square object-cover dark:invert"
|
||||||
/>
|
/>
|
||||||
<span className="absolute top-3 left-3 rounded-xs bg-primary px-2.5 py-1 font-mono text-sm text-primary-foreground">
|
<span className="absolute top-3 left-3 rounded-xs bg-primary px-2.5 py-1 font-mono text-sm text-primary-foreground">
|
||||||
@@ -117,9 +114,9 @@ const About12 = ({ className }: About12Props) => {
|
|||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex flex-col gap-1 md:gap-2">
|
<div className="flex flex-col gap-1 md:gap-2">
|
||||||
<h3 className="text-xl font-medium lg:text-xl">تحویل</h3>
|
<h3 className="text-xl font-medium lg:text-xl">بهینهسازی</h3>
|
||||||
<p className="text-sm text-muted-foreground lg:text-base">
|
<p className="text-sm text-muted-foreground lg:text-base">
|
||||||
مستندات، راهنماها و پشتیبانی مستمر را فراهم میکنیم تا رشد و توسعه کسبوکار شما بدون مانع ادامه پیدا کند.
|
پس از اجرا، گزارش Attribution و نرخ تبدیل را بررسی و کمپین را برای فصل بعد بهینه میکنیم.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -137,26 +134,26 @@ const About12 = ({ className }: About12Props) => {
|
|||||||
<div className="flex flex-col justify-between gap-2 rounded-lg bg-muted p-8 lg:flex-row lg:items-center lg:gap-10 lg:p-12">
|
<div className="flex flex-col justify-between gap-2 rounded-lg bg-muted p-8 lg:flex-row lg:items-center lg:gap-10 lg:p-12">
|
||||||
<span className="text-2xll font-medium lg:text-2xll">120+</span>
|
<span className="text-2xll font-medium lg:text-2xll">120+</span>
|
||||||
<p className="text-primary/80 lg:max-w-md">
|
<p className="text-primary/80 lg:max-w-md">
|
||||||
پروژههای موفق در صنایع مختلف، از غذا و نوشیدنی تا فینتک.
|
استقرار موفق برای تیمهای بازاریابی B2B در صنایع SaaS، فینتک و خدمات سازمانی.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex flex-col justify-between gap-2 rounded-lg bg-muted p-8 lg:flex-row lg:items-center lg:gap-10 lg:p-12">
|
<div className="flex flex-col justify-between gap-2 rounded-lg bg-muted p-8 lg:flex-row lg:items-center lg:gap-10 lg:p-12">
|
||||||
<span className="text-2xll font-medium lg:text-2xll">12+</span>
|
<span className="text-2xll font-medium lg:text-2xll">12+</span>
|
||||||
<p className="text-primary/80 lg:max-w-md">
|
<p className="text-primary/80 lg:max-w-md">
|
||||||
سالها تجربه در توسعه برند، بهبود فرایندها و طراحی سیستمهای پایدار.
|
سالها تجربه در توسعه برند، بهبود فرایندها و طراحی جریان سیستمهای پایدار.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex flex-col justify-between gap-2 rounded-lg bg-muted p-8 lg:flex-row lg:items-center lg:gap-10 lg:p-12">
|
<div className="flex flex-col justify-between gap-2 rounded-lg bg-muted p-8 lg:flex-row lg:items-center lg:gap-10 lg:p-12">
|
||||||
<span className="text-2xll font-medium lg:text-2xll">15+</span>
|
<span className="text-2xll font-medium lg:text-2xll">15+</span>
|
||||||
<p className="text-primary/80 lg:max-w-md">
|
<p className="text-primary/80 lg:max-w-md">
|
||||||
جوایز و افتخاراتی که حاصل اعتماد مشتریان و کیفیت همکاریهای ما هستند.
|
جوایز محصول و رضایت مشتری که حاصل نتایج رشد قابل اندازهگیری است.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<img
|
<img
|
||||||
src="/block-media/shadcnblocks/block/photos/studio-republic-fotKKqWNMQ4-unsplash.jpg"
|
src="/block-media/shadcnblocks/block/photos/studio-republic-fotKKqWNMQ4-unsplash.jpg"
|
||||||
alt="جاینگهدار"
|
alt="نمای محصول برندلینک"
|
||||||
className="my-16 aspect-square w-full rounded-xl object-cover md:my-32 md:aspect-video"
|
className="my-16 aspect-square w-full rounded-xl object-cover md:my-32 md:aspect-video"
|
||||||
/>
|
/>
|
||||||
<section className="grid grid-cols-1 items-start gap-6 md:grid-cols-6">
|
<section className="grid grid-cols-1 items-start gap-6 md:grid-cols-6">
|
||||||
@@ -192,32 +189,31 @@ const About12 = ({ className }: About12Props) => {
|
|||||||
<div className="flex flex-col gap-8 md:col-span-4 md:gap-12">
|
<div className="flex flex-col gap-8 md:col-span-4 md:gap-12">
|
||||||
<div className="flex flex-col gap-4">
|
<div className="flex flex-col gap-4">
|
||||||
<p className="text-xl font-medium tracking-tight md:text-2xll">
|
<p className="text-xl font-medium tracking-tight md:text-2xll">
|
||||||
“برند و محصول ما را همراستا کردند و اثر آن فوراً در
|
“برندلینک Attribution کمپینها را شفاف کرد و نرخ تبدیل لید به فرصت ما ۴۰٪ رشد کرد.”
|
||||||
تیمها و مشتریان ما دیده شد.”
|
|
||||||
</p>
|
</p>
|
||||||
<p className="font-medium text-muted-foreground md:text-lg">
|
<p className="font-medium text-muted-foreground md:text-lg">
|
||||||
نگار، مدیر عملیات در یک خردهفروشی جهانی
|
نگار، مدیر بازاریابی رشد در یک شرکت SaaS سازمانی
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex flex-col gap-2">
|
<div className="flex flex-col gap-2">
|
||||||
<a href="#" className="group relative overflow-hidden rounded-lg">
|
<a href="#" className="group relative overflow-hidden rounded-lg">
|
||||||
<img
|
<img
|
||||||
src="/block-media/shadcnblocks/block/photos/israel-andrade-YI_9SivVt_s-unsplash.jpg"
|
src="/block-media/shadcnblocks/block/photos/israel-andrade-YI_9SivVt_s-unsplash.jpg"
|
||||||
alt="جاینگهدار"
|
alt="نمای محصول برندلینک"
|
||||||
className="transition-scale aspect-video scale-103 object-cover duration-400 group-hover:scale-101"
|
className="transition-scale aspect-video scale-103 object-cover duration-400 group-hover:scale-101"
|
||||||
/>
|
/>
|
||||||
<div className="absolute inset-0 hidden bg-gradient-to-t from-black via-transparent to-transparent opacity-0 transition-all duration-400 group-hover:opacity-60 md:block" />
|
<div className="absolute inset-0 hidden bg-gradient-to-t from-black via-transparent to-transparent opacity-0 transition-all duration-400 group-hover:opacity-60 md:block" />
|
||||||
<div className="absolute bottom-5 left-5 hidden translate-y-16 flex-col transition-transform duration-400 group-hover:translate-y-0 md:flex">
|
<div className="absolute bottom-5 left-5 hidden translate-y-16 flex-col transition-transform duration-400 group-hover:translate-y-0 md:flex">
|
||||||
<p className="text-lg font-medium text-white">مطالعه موردی</p>
|
<p className="text-lg font-medium text-white">مطالعه موردی</p>
|
||||||
<p className="text-sm font-medium text-white/70">
|
<p className="text-sm font-medium text-white/70">
|
||||||
بازطراحی تجارت الکترونیک
|
بازطراحی جریان تجارت الکترونیک
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
<div className="flex flex-col md:hidden">
|
<div className="flex flex-col md:hidden">
|
||||||
<p className="font-medium">مطالعه موردی</p>
|
<p className="font-medium">مطالعه موردی</p>
|
||||||
<p className="text-sm font-medium text-muted-foreground">
|
<p className="text-sm font-medium text-muted-foreground">
|
||||||
بازطراحی تجارت الکترونیک
|
بازطراحی جریان تجارت الکترونیک
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
+6
-9
@@ -18,12 +18,11 @@ const About13 = ({ className }: About13Props) => {
|
|||||||
</div>
|
</div>
|
||||||
<div className="grid-cols-6 space-y-12 lg:grid lg:space-y-0 xl:gap-10">
|
<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 className="hidden text-foreground/40 lg:block">
|
||||||
تیم ما، مأموریت ما
|
سیگنا فروش
|
||||||
</p>
|
</p>
|
||||||
<div className="col-span-2 lg:pr-24 lg:pl-10">
|
<div className="col-span-2 lg:pr-24 lg:pl-10">
|
||||||
<p className="text-foreground/40">
|
<p className="text-foreground/40">
|
||||||
میخواهیم ذهنهای متنوع را کنار هم بیاوریم و ایدهها را به
|
سیگنا محتوای فروش، اسکریپت تماس و کوچینگ را در یک پلتفرم واحد برای تیمهای درآمد فراهم میکند.
|
||||||
تجربههایی تبدیل کنیم که اهمیت دارند.
|
|
||||||
</p>
|
</p>
|
||||||
<div className="mt-5 flex items-center gap-5 lg:mt-20">
|
<div className="mt-5 flex items-center gap-5 lg:mt-20">
|
||||||
<img
|
<img
|
||||||
@@ -33,25 +32,23 @@ const About13 = ({ className }: About13Props) => {
|
|||||||
/>
|
/>
|
||||||
<div>
|
<div>
|
||||||
<h3 className="text-lg font-medium tracking-tight">علی رضایی</h3>
|
<h3 className="text-lg font-medium tracking-tight">علی رضایی</h3>
|
||||||
<p className="text-sm text-foreground/40">مدیر خلاقیت</p>
|
<p className="text-sm text-foreground/40">مدیر موفقیت فروش</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="col-span-3 mt-32 lg:mt-0 lg:pl-10">
|
<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 className="text-xl font-medium tracking-tight lg:text-3xl">
|
||||||
ما تیمی از متخصصان محصول، فروش و بازاریابی هستیم که به ساخت
|
ما تیمی از متخصصان فروش و محصول هستیم. سیگنا به نمایندگان کمک میکند با محتوای درست در لحظه مناسب، چرخه معامله را کوتاهتر کنند.
|
||||||
پلتفرمهای B2B مؤثر باور داریم. مأموریت ما بر نوآوری،
|
|
||||||
کارایی و کمک به رشد درآمد تیمهای فروش بنا شده است.
|
|
||||||
</h2>
|
</h2>
|
||||||
<p className="mt-6 text-base text-foreground/40 lg:mt-18 lg:text-lg">
|
<p className="mt-6 text-base text-foreground/40 lg:mt-18 lg:text-lg">
|
||||||
همیشه از خود میپرسیم: هدف چیست؟ مخاطب کیست؟ و چگونه میتوان تجربهای سادهتر و بهتر خلق کرد؟
|
همیشه میپرسیم: نماینده به چه پاسخی نیاز دارد؟ مخاطب در چه مرحلهای است؟ و چطور میتوان نرخ برد را بالا برد؟
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<img
|
<img
|
||||||
src="/block-media/shadcnblocks/block/guri4/img10.png"
|
src="/block-media/shadcnblocks/block/guri4/img10.png"
|
||||||
alt="تصویر درباره ما"
|
alt="تیم سیگنا در فضای کاری"
|
||||||
className="mt-4 h-150 w-full object-cover"
|
className="mt-4 h-150 w-full object-cover"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
+5
-8
@@ -19,16 +19,15 @@ const About14 = ({ className }: About14Props) => {
|
|||||||
<div>
|
<div>
|
||||||
<img
|
<img
|
||||||
src="/block-media/shadcnblocks/block/guri4/img1.png"
|
src="/block-media/shadcnblocks/block/guri4/img1.png"
|
||||||
alt="تصویر درباره ما"
|
alt="داشبورد موجمارکت"
|
||||||
className="mt-4 h-132 w-full object-cover"
|
className="mt-4 h-132 w-full object-cover"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div className="grid grid-cols-1 gap-10 space-y-12 lg:grid-cols-6 lg:space-y-0">
|
<div className="grid grid-cols-1 gap-10 space-y-12 lg:grid-cols-6 lg:space-y-0">
|
||||||
<p className="hidden text-foreground lg:block">تیم ما، مأموریت ما</p>
|
<p className="hidden text-foreground lg:block">موجمارکت</p>
|
||||||
<div className="order-2 col-span-2 lg:order-none lg:pr-24 lg:pl-10">
|
<div className="order-2 col-span-2 lg:order-none lg:pr-24 lg:pl-10">
|
||||||
<p className="text-foreground/40">
|
<p className="text-foreground/40">
|
||||||
میخواهیم ذهنهای متنوع را کنار هم بیاوریم و ایدهها را به
|
موجمارکت کمپینهای ایمیلی، صفحات فرود و امتیازدهی لید را برای تیمهای بازاریابی B2B یکپارچه میکند.
|
||||||
تجربههایی تبدیل کنیم که اهمیت دارند.
|
|
||||||
</p>
|
</p>
|
||||||
<div className="mt-5 flex items-center gap-5 lg:mt-12">
|
<div className="mt-5 flex items-center gap-5 lg:mt-12">
|
||||||
<img
|
<img
|
||||||
@@ -38,15 +37,13 @@ const About14 = ({ className }: About14Props) => {
|
|||||||
/>
|
/>
|
||||||
<div>
|
<div>
|
||||||
<h3 className="text-lg font-medium tracking-tight">علی رضایی</h3>
|
<h3 className="text-lg font-medium tracking-tight">علی رضایی</h3>
|
||||||
<p className="text-sm text-foreground/40">مدیر خلاقیت</p>
|
<p className="text-sm text-foreground/40">مدیر کمپین</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="order-1 col-span-3 lg:order-none lg:mt-0 lg:pl-10">
|
<div className="order-1 col-span-3 lg:order-none lg:mt-0 lg:pl-10">
|
||||||
<h2 className="text-xl font-medium tracking-tight lg:text-3xl">
|
<h2 className="text-xl font-medium tracking-tight lg:text-3xl">
|
||||||
ما تیمی از متخصصان محصول، فروش و بازاریابی هستیم. پلتفرمهای
|
ما تیم موجمارکت هستیم. ابزارهایی میسازیم که بازاریابی تقاضا را سریعتر اجرا کند، لید را تمیز نگه دارد و اثر کمپین روی درآمد را نشان دهد.
|
||||||
B2B میسازیم که به تیمها کمک میکند درآمد را افزایش دهند.
|
|
||||||
مأموریت ما بر نوآوری، کارایی و رشد پایدار مشتریان بنا شده است.
|
|
||||||
</h2>
|
</h2>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
+5
-8
@@ -21,22 +21,19 @@ const About15 = ({ className }: About15Props) => {
|
|||||||
<p className="text-lg font-medium tracking-tight text-neutral-950">
|
<p className="text-lg font-medium tracking-tight text-neutral-950">
|
||||||
علی رضایی
|
علی رضایی
|
||||||
</p>
|
</p>
|
||||||
<p className="text-sm text-neutral-950/50">@ری یو آی</p>
|
<p className="text-sm text-neutral-950/50">@دیدارمحصول</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="w-xs space-y-6">
|
<div className="w-xs space-y-6">
|
||||||
<h1 className="mb-15 text-2xll font-medium tracking-tight">
|
<h1 className="mb-15 text-2xll font-medium tracking-tight">
|
||||||
به ایدهها وضوح و اثر میبخشیم{" "}
|
رفتار کاربر را شفاف میکنیم{" "}
|
||||||
<span className="font-serif"></span> شکل میدهیم
|
<span className="font-serif"></span> و رشد میسازیم
|
||||||
</h1>
|
</h1>
|
||||||
<p className="text-sm lg:text-base">
|
<p className="text-sm lg:text-base">
|
||||||
هر پروژه با پرسش ساده آغاز میشود: چه چیزی باید حس شود و چه
|
هر تحلیل با یک پرسش شروع میشود: کاربر کجا گیر میکند و کدام اقدام رشد را تسریع میکند؟ از همانجا قیف و کوهورت را دقیق اندازهگیری میکنیم.
|
||||||
اثری باید بگذارد؟ از آنجا مسیر را با دقت و شفافیت ترسیم
|
|
||||||
میکنیم.
|
|
||||||
</p>
|
</p>
|
||||||
<p className="text-sm lg:text-base">
|
<p className="text-sm lg:text-base">
|
||||||
بین استراتژی و اجرا پل میزنیم؛ طراحی را نه فقط زیبا، بلکه
|
بین محصول و رشد پل میزنیم؛ داشبوردهایی میسازیم که تیم بتواند بدون انتظار برای گزارش فصلی، تصمیم بگیرد و آزمایش کند.
|
||||||
کاربردی، قابل فهم و همراستا با اهداف واقعی شما میسازیم.
|
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
+7
-9
@@ -6,17 +6,17 @@ const stats = [
|
|||||||
{
|
{
|
||||||
number: "80K+",
|
number: "80K+",
|
||||||
description:
|
description:
|
||||||
"از دسترسی به بیش از ۸۰هزار کاربر تا پشتیبانی از بیش از ۲۰ استارتاپ؛ این اعداد مقیاس، اثر و ثبات کار من را نشان میدهند.",
|
"بیش از ۸۰ هزار نماینده فروش روی فرصتجو کار میکنند؛ از ثبت لید تا پیشبینی فصلی درآمد.",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
number: "20+",
|
number: "20+",
|
||||||
description:
|
description:
|
||||||
"استارتاپهایی که با راهکارهای نوآورانه و راهنمایی استراتژیک همراه شدند تا در بازار خود مقیاس بگیرند و موفق شوند.",
|
"بیش از ۲۰ تیم درآمد سازمانی با فرصتجو پایپلاین خود را شفاف و قابل پیشبینی کردهاند.",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
number: "95%",
|
number: "95%",
|
||||||
description:
|
description:
|
||||||
"نرخ رضایت مشتری با پشتیبانی متعهد، تحویل باکیفیت و مشارکتهای بلندمدت مبتنی بر اعتماد.",
|
"نرخ رضایت مشتری از تیمهایی که با پشتیبانی اختصاصی و گزارشهای درآمدی دقیق کار میکنند.",
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
@@ -31,19 +31,17 @@ const About16 = ({ className }: About16Props) => {
|
|||||||
<div className="grid grid-cols-1 gap-20 lg:grid-cols-6">
|
<div className="grid grid-cols-1 gap-20 lg:grid-cols-6">
|
||||||
<div className="top-10 col-span-2 flex h-fit w-fit items-center gap-3 lg:sticky">
|
<div className="top-10 col-span-2 flex h-fit w-fit items-center gap-3 lg:sticky">
|
||||||
<span className="size-2 bg-orange-500" />
|
<span className="size-2 bg-orange-500" />
|
||||||
<p className="text-foreground/30 uppercase">چرا ما؟</p>
|
<p className="text-foreground/30 uppercase">چرا فرصتجو؟</p>
|
||||||
</div>
|
</div>
|
||||||
<div className="col-span-4 ml-auto max-w-3xl space-y-10">
|
<div className="col-span-4 ml-auto max-w-3xl space-y-10">
|
||||||
<h1 className="text-3xl font-medium tracking-tight lg:text-xl">
|
<h1 className="text-3xl font-medium tracking-tight lg:text-xl">
|
||||||
«ما تیمی از متخصصان محصول و فروش هستیم. پلتفرمهای B2B میسازیم
|
«فرصتجو CRM فروش برای تیمهای B2B است. پایپلاین، فعالیتها و پیشبینی درآمد را شفاف میکنیم تا مدیران روی کوچینگ تمرکز کنند، نه اکسل.»
|
||||||
که به تیمها کمک میکند درآمد را افزایش دهند. مأموریت ما بر
|
|
||||||
نوآوری، کارایی و رشد پایدار مشتریان بنا شده است.»
|
|
||||||
</h1>
|
</h1>
|
||||||
|
|
||||||
<p className="text-lg text-foreground/40">
|
<p className="text-lg text-foreground/40">
|
||||||
میپرسیم: هدف چیست؟ برای چه کسی است؟ چطور آن را بیدردسر کنیم؟
|
میپرسیم: هدف فصلی چیست؟ مخاطب تصمیمگیر کیست؟ چه مرحلهای مانع بستن معامله است؟
|
||||||
<br className="hidden lg:block" />
|
<br className="hidden lg:block" />
|
||||||
از چرایی، برای چه کسی و چگونه بهتر شدنش شروع میکنیم.
|
از همین سه پرسش، قیف فروش را بهینه میکنیم.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<img
|
<img
|
||||||
|
|||||||
+7
-7
@@ -9,28 +9,28 @@ interface About17Props {
|
|||||||
}
|
}
|
||||||
|
|
||||||
const About17 = ({ className }: About17Props) => {
|
const About17 = ({ className }: About17Props) => {
|
||||||
const [active, setActive] = useState<string>("اطلاعات");
|
const [active, setActive] = useState<string>("درباره ما");
|
||||||
|
|
||||||
const LINKS = [
|
const LINKS = [
|
||||||
{
|
{
|
||||||
title: "اطلاعات",
|
title: "درباره ما",
|
||||||
href: "#",
|
href: "#",
|
||||||
img: "/block-media/shadcnblocks/block/guri4/img11.png",
|
img: "/block-media/shadcnblocks/block/guri4/img11.png",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "کارها",
|
title: "مطالعه موردی",
|
||||||
href: "#",
|
href: "#",
|
||||||
img: "/block-media/shadcnblocks/block/guri4/img9.png",
|
img: "/block-media/shadcnblocks/block/guri4/img9.png",
|
||||||
},
|
},
|
||||||
|
|
||||||
{
|
{
|
||||||
title: "مجله",
|
title: "وبلاگ",
|
||||||
href: "#",
|
href: "#",
|
||||||
img: "/block-media/shadcnblocks/block/guri4/img10.png",
|
img: "/block-media/shadcnblocks/block/guri4/img10.png",
|
||||||
},
|
},
|
||||||
|
|
||||||
{
|
{
|
||||||
title: "آرشیو",
|
title: "گزارشها",
|
||||||
href: "#",
|
href: "#",
|
||||||
img: "/block-media/shadcnblocks/block/guri4/img6.png",
|
img: "/block-media/shadcnblocks/block/guri4/img6.png",
|
||||||
},
|
},
|
||||||
@@ -41,7 +41,7 @@ const About17 = ({ className }: About17Props) => {
|
|||||||
<div className="container">
|
<div className="container">
|
||||||
<div className="grid grid-cols-1 gap-15 lg:grid-cols-7 lg:gap-12">
|
<div className="grid grid-cols-1 gap-15 lg:grid-cols-7 lg:gap-12">
|
||||||
<div className="top-10 col-span-3 h-fit w-fit text-xl tracking-tight">
|
<div className="top-10 col-span-3 h-fit w-fit text-xl tracking-tight">
|
||||||
<p className="font-medium">طراح مستقل و مهندس بنیانگذار</p>
|
<p className="font-medium">بنیانگذار و مدیرعامل نکسوسسیآرام</p>
|
||||||
<div className="mt-4 flex items-center gap-6 text-foreground/30">
|
<div className="mt-4 flex items-center gap-6 text-foreground/30">
|
||||||
<p>
|
<p>
|
||||||
{new Date().toLocaleTimeString("en-US", {
|
{new Date().toLocaleTimeString("en-US", {
|
||||||
@@ -56,7 +56,7 @@ const About17 = ({ className }: About17Props) => {
|
|||||||
</div>
|
</div>
|
||||||
<div className="col-span-4 ml-auto max-w-3xl space-y-10 lg:pl-15">
|
<div className="col-span-4 ml-auto max-w-3xl space-y-10 lg:pl-15">
|
||||||
<h1 className="text-xl font-medium tracking-tight">
|
<h1 className="text-xl font-medium tracking-tight">
|
||||||
علی رضایی با ترکیب خلاقیت و تخصص فنی، محصولاتی دیجیتال خلق میکند که علاوه بر کارایی، تجربهای لذتبخش برای کاربران فراهم میکنند. او با تکیه بر دانش توسعه توسعه کامل و نگاه دقیق به طراحی، ایدهها را از مرحله شکلگیری تا عرضه به محصولی مقیاسپذیر تبدیل میکند.
|
علی رضایی بنیانگذار نکسوسسیآرام است؛ پلتفرمی برای مدیریت مخاطبین، فرصتها و گزارش فروش. تمرکز او بر ساخت تجربهای ساده برای نمایندگان و دادهای قابل اعتماد برای مدیران است.
|
||||||
</h1>
|
</h1>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
+6
-8
@@ -15,10 +15,10 @@ const About18 = ({ className }: About18Props) => {
|
|||||||
|
|
||||||
<div className="col-span-4 ml-auto max-w-4xl space-y-10 lg:pl-15">
|
<div className="col-span-4 ml-auto max-w-4xl space-y-10 lg:pl-15">
|
||||||
<h1 className="text-xl font-medium tracking-tight">
|
<h1 className="text-xl font-medium tracking-tight">
|
||||||
ایدهها را به پلتفرمهای B2B مؤثر تبدیل میکنیم. هر پروژه فرصتی است تا با داده و اتوماسیون، رشد درآمد مشتریان را تسریع کنیم.
|
پشتیبانییار میز خدمت مشتری برای تیمهای SaaS است. تیکت، SLA و پایگاه دانش را یکجا مدیریت میکنید تا زمان پاسخ کوتاهتر شود.
|
||||||
</h1>
|
</h1>
|
||||||
<p className="w-fit text-lg text-foreground/40 lg:translate-y-2">
|
<p className="w-fit text-lg text-foreground/40 lg:translate-y-2">
|
||||||
رویکرد ما بر پژوهش عمیق، طراحی هدفمند و اجرای باکیفیت استوار است. به همکاری، یادگیری مستمر و نوآوری باور داریم.
|
رویکرد ما بر اولویتبندی هوشمند تیکت، اتوماسیون پاسخهای تکراری و گزارش رضایت مشتری استوار است.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -35,18 +35,16 @@ const About18 = ({ className }: About18Props) => {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div className="grid grid-cols-1 gap-15 lg:grid-cols-7 lg:gap-12">
|
<div className="grid grid-cols-1 gap-15 lg:grid-cols-7 lg:gap-12">
|
||||||
<p className="col-span-2 font-medium">آنچه ما را به پیش میراند</p>
|
<p className="col-span-2 font-medium">آنچه ما را پیش میبرد</p>
|
||||||
|
|
||||||
<div className="col-span-4 ml-auto max-w-4xl space-y-10 lg:pl-15">
|
<div className="col-span-4 ml-auto max-w-4xl space-y-10 lg:pl-15">
|
||||||
<h1 className="text-xl font-medium tracking-tight">
|
<h1 className="text-xl font-medium tracking-tight">
|
||||||
ما تیمی از متخصصان محصول، فروش و بازاریابی هستیم. پلتفرمهای
|
ما تیم پشتیبانییار هستیم. ابزارهایی میسازیم که تیم پشتیبانی با دادهٔ واقعی کیفیت خدمت را بسنجد و رضایت مشتری را بالا ببرد.
|
||||||
B2B میسازیم که به تیمها کمک میکند درآمد را افزایش دهند.
|
|
||||||
مأموریت ما بر نوآوری، کارایی و رشد پایدار مشتریان بنا شده است.
|
|
||||||
</h1>
|
</h1>
|
||||||
<p className="w-fit text-lg text-foreground/40 lg:translate-y-2">
|
<p className="w-fit text-lg text-foreground/40 lg:translate-y-2">
|
||||||
همیشه از خود میپرسیم: هدف چیست، مخاطب کیست و چگونه میتوان تجربهای سادهتر و بهتر خلق کرد؟
|
همیشه میپرسیم: مشتری کجا گیر کرده؟ SLA چیست؟ و چطور میتوان پاسخ را بدون افت کیفیت سریعتر کرد؟
|
||||||
<br className="hidden lg:block" />
|
<br className="hidden lg:block" />
|
||||||
همهچیز را از شناخت نیاز، مخاطب و بهترین راهحل آغاز میکنیم.
|
از همینجا صف تیکت و مسیر حل را بهینه میکنیم.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
+4
-6
@@ -21,16 +21,14 @@ const About19 = ({ className }: About19Props) => {
|
|||||||
|
|
||||||
<div className="col-span-3 ml-auto max-w-4xl space-y-15 lg:pl-15">
|
<div className="col-span-3 ml-auto max-w-4xl space-y-15 lg:pl-15">
|
||||||
<h1 className="text-xl font-medium tracking-tight">
|
<h1 className="text-xl font-medium tracking-tight">
|
||||||
ما تیمی از متخصصان محصول، فروش و بازاریابی هستیم. پلتفرمهای
|
جذبلید پلتفرم تولید لید برای تیمهای بازاریابی تقاضا است. فرمها، سگمنتها و امتیازدهی را یکجا مدیریت میکنید تا فروش لید گرم دریافت کند.
|
||||||
B2B میسازیم که به تیمها کمک میکند درآمد را افزایش دهند.
|
|
||||||
مأموریت ما بر نوآوری، کارایی و رشد پایدار مشتریان بنا شده است.
|
|
||||||
</h1>
|
</h1>
|
||||||
<p className="text-base text-foreground/40 lg:text-lg">
|
<p className="text-base text-foreground/40 lg:text-lg">
|
||||||
همیشه از خود میپرسیم: هدف چیست، برای چه کسی طراحی میکنیم و چگونه میتوان بهترین تجربه را ارائه داد؟
|
همیشه میپرسیم: منبع لید کدام است، کیفیت چقدر است و چه سیگنالی برای تحویل به فروش کافی است؟
|
||||||
</p>
|
</p>
|
||||||
<div className="flex flex-col justify-between gap-4 lg:flex-row lg:items-center">
|
<div className="flex flex-col justify-between gap-4 lg:flex-row lg:items-center">
|
||||||
<p className="flex-1 text-sm text-foreground/40">
|
<p className="flex-1 text-sm text-foreground/40">
|
||||||
با گرد هم آوردن دیدگاههای متنوع، ایدهها را به تجربههایی ارزشمند و تأثیرگذار تبدیل میکنیم.
|
با اتصال بازاریابی و فروش، هر لید مالک، منبع و مرحله مشخص دارد و هیچ فرصتی سرد نمیشود.
|
||||||
</p>
|
</p>
|
||||||
<div className="flex w-fit items-center gap-2">
|
<div className="flex w-fit items-center gap-2">
|
||||||
<img
|
<img
|
||||||
@@ -41,7 +39,7 @@ const About19 = ({ className }: About19Props) => {
|
|||||||
<div>
|
<div>
|
||||||
<h3 className="font-medium tracking-tight">علی رضایی</h3>
|
<h3 className="font-medium tracking-tight">علی رضایی</h3>
|
||||||
<p className="text-sm text-foreground/40">
|
<p className="text-sm text-foreground/40">
|
||||||
مدیر خلاقیت
|
مدیر جذب تقاضا
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
+22
-22
@@ -10,9 +10,9 @@ const About2 = ({ className }: About2Props) => {
|
|||||||
<div className="flex flex-col gap-28">
|
<div className="flex flex-col gap-28">
|
||||||
<div className="container flex flex-col gap-10 text-center md:gap-24">
|
<div className="container flex flex-col gap-10 text-center md:gap-24">
|
||||||
<div className="mx-auto flex max-w-3xl flex-col gap-6">
|
<div className="mx-auto flex max-w-3xl flex-col gap-6">
|
||||||
<h1 className="text-xl font-medium md:text-2xll">پشت صحنه ما</h1>
|
<h1 className="text-xl font-medium md:text-2xll">درباره فروشیار</h1>
|
||||||
<p className="text-lg text-muted-foreground md:text-xl">
|
<p className="text-lg text-muted-foreground md:text-xl">
|
||||||
کشف کنید چگونه راهکار ما فرایندهای پیچیده را ساده میکند و مدیریت عملیات کلیدی و ارائه تجربههای استثنایی را آسانتر میسازد.
|
فروشیار عملکرد تیم فروش را با داشبوردهای زنده، پیشبینی درآمد و گزارش قیف تبدیل شفاف میکند.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div className="grid gap-6 md:grid-cols-12">
|
<div className="grid gap-6 md:grid-cols-12">
|
||||||
@@ -35,39 +35,39 @@ const About2 = ({ className }: About2Props) => {
|
|||||||
</div>
|
</div>
|
||||||
<div className="container flex flex-col gap-16">
|
<div className="container flex flex-col gap-16">
|
||||||
<h2 className="max-w-3xl text-xl font-medium md:text-2xll">
|
<h2 className="max-w-3xl text-xl font-medium md:text-2xll">
|
||||||
ما در حوزه خود بهترین هستیم، اما مهارت تنها چیزی نیست که ارائه میکنیم.
|
دادهٔ فروش وقتی ارزشمند است که تصمیم بعدی را روشن کند.
|
||||||
</h2>
|
</h2>
|
||||||
<div className="grid grid-cols-2 gap-6 md:grid-cols-3">
|
<div className="grid grid-cols-2 gap-6 md:grid-cols-3">
|
||||||
<div className="flex flex-col gap-6 border-b pb-8">
|
<div className="flex flex-col gap-6 border-b pb-8">
|
||||||
<p className="text-xl font-medium md:text-2xll">21M</p>
|
<p className="text-xl font-medium md:text-2xll">21M</p>
|
||||||
<p className="text-muted-foreground">گستره جهانی کاربران</p>
|
<p className="text-muted-foreground">نمایندگان متصل روزانه</p>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex flex-col gap-6 border-b pb-8">
|
<div className="flex flex-col gap-6 border-b pb-8">
|
||||||
<p className="text-xl font-medium md:text-2xll">12+</p>
|
<p className="text-xl font-medium md:text-2xll">12+</p>
|
||||||
<p className="text-muted-foreground">سالها تجربه و تخصص</p>
|
<p className="text-muted-foreground">سال تجربه در فروش B2B</p>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex flex-col gap-6 border-b pb-8">
|
<div className="flex flex-col gap-6 border-b pb-8">
|
||||||
<p className="text-xl font-medium md:text-2xll">654</p>
|
<p className="text-xl font-medium md:text-2xll">654</p>
|
||||||
<p className="text-muted-foreground">پروژههای تکمیلشده</p>
|
<p className="text-muted-foreground">گزارشهای سفارشی فعال</p>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex flex-col gap-6 border-b pb-8">
|
<div className="flex flex-col gap-6 border-b pb-8">
|
||||||
<p className="text-xl font-medium md:text-2xll">113k+</p>
|
<p className="text-xl font-medium md:text-2xll">113k+</p>
|
||||||
<p className="text-muted-foreground">کاربران فعال ماهانه</p>
|
<p className="text-muted-foreground">نمایندگان متصل روزانه</p>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex flex-col gap-6 border-b pb-8">
|
<div className="flex flex-col gap-6 border-b pb-8">
|
||||||
<p className="text-xl font-medium md:text-2xll">461k</p>
|
<p className="text-xl font-medium md:text-2xll">461k</p>
|
||||||
<p className="text-muted-foreground">حسابهای ثبتشده</p>
|
<p className="text-muted-foreground">حساب سازمانی فعال</p>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex flex-col gap-6 border-b pb-8">
|
<div className="flex flex-col gap-6 border-b pb-8">
|
||||||
<p className="text-xl font-medium md:text-2xll">98+</p>
|
<p className="text-xl font-medium md:text-2xll">98+</p>
|
||||||
<p className="text-muted-foreground">کاربران روزانه</p>
|
<p className="text-muted-foreground">بازارهای پوششدادهشده</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="bg-muted/50 py-24">
|
<div className="bg-muted/50 py-24">
|
||||||
<div className="container flex flex-col items-center gap-11">
|
<div className="container flex flex-col items-center gap-11">
|
||||||
<p className="text-center text-xl font-medium">
|
<p className="text-center text-xl font-medium">
|
||||||
مورد اعتماد تیمهای محصول پیشرو در سراسر جهان.
|
مورد اعتماد تیمهای فروش و درآمد در سازمانهای پیشرو.
|
||||||
</p>
|
</p>
|
||||||
<div className="grid grid-cols-2 gap-x-7 gap-y-12 lg:grid-cols-4">
|
<div className="grid grid-cols-2 gap-x-7 gap-y-12 lg:grid-cols-4">
|
||||||
<div className="flex items-center gap-3">
|
<div className="flex items-center gap-3">
|
||||||
@@ -76,7 +76,7 @@ const About2 = ({ className }: About2Props) => {
|
|||||||
alt="logo"
|
alt="logo"
|
||||||
className="h-8 w-auto md:h-14"
|
className="h-8 w-auto md:h-14"
|
||||||
/>
|
/>
|
||||||
<p className="text-xl font-semibold md:text-xl">ری یو آی</p>
|
<p className="text-xl font-semibold md:text-xl">فروشیار</p>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex items-center gap-3">
|
<div className="flex items-center gap-3">
|
||||||
<img
|
<img
|
||||||
@@ -108,7 +108,7 @@ const About2 = ({ className }: About2Props) => {
|
|||||||
alt="logo"
|
alt="logo"
|
||||||
className="h-8 w-auto md:h-14"
|
className="h-8 w-auto md:h-14"
|
||||||
/>
|
/>
|
||||||
<p className="text-xl font-semibold md:text-xl">ری یو آی</p>
|
<p className="text-xl font-semibold md:text-xl">فروشیار</p>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex items-center gap-3">
|
<div className="flex items-center gap-3">
|
||||||
<img
|
<img
|
||||||
@@ -124,7 +124,7 @@ const About2 = ({ className }: About2Props) => {
|
|||||||
alt="logo"
|
alt="logo"
|
||||||
className="h-8 w-auto md:h-14"
|
className="h-8 w-auto md:h-14"
|
||||||
/>
|
/>
|
||||||
<p className="text-xl font-semibold md:text-xl">ری یو آی</p>
|
<p className="text-xl font-semibold md:text-xl">فروشیار</p>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex items-center gap-3">
|
<div className="flex items-center gap-3">
|
||||||
<img
|
<img
|
||||||
@@ -132,14 +132,14 @@ const About2 = ({ className }: About2Props) => {
|
|||||||
alt="logo"
|
alt="logo"
|
||||||
className="h-8 w-auto md:h-14"
|
className="h-8 w-auto md:h-14"
|
||||||
/>
|
/>
|
||||||
<p className="text-xl font-semibold md:text-xl">ری یو آی</p>
|
<p className="text-xl font-semibold md:text-xl">فروشیار</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="container flex flex-col items-center gap-14">
|
<div className="container flex flex-col items-center gap-14">
|
||||||
<h2 className="text-center text-xl font-semibold md:text-2xll">
|
<h2 className="text-center text-xl font-semibold md:text-2xll">
|
||||||
مزایای همکاری با ما را از نزدیک ببینید
|
نتایج واقعی تیمهایی که با فروشیار کار میکنند
|
||||||
</h2>
|
</h2>
|
||||||
<div className="grid gap-6 md:grid-cols-2 lg:grid-cols-3">
|
<div className="grid gap-6 md:grid-cols-2 lg:grid-cols-3">
|
||||||
<div className="grid grid-cols-1 gap-6 md:col-span-2 md:grid-cols-2 md:flex-row lg:col-span-1 lg:grid-cols-1 lg:flex-col">
|
<div className="grid grid-cols-1 gap-6 md:col-span-2 md:grid-cols-2 md:flex-row lg:col-span-1 lg:grid-cols-1 lg:flex-col">
|
||||||
@@ -150,9 +150,9 @@ const About2 = ({ className }: About2Props) => {
|
|||||||
/>
|
/>
|
||||||
<div className="flex flex-col justify-center rounded-xl bg-muted p-8">
|
<div className="flex flex-col justify-center rounded-xl bg-muted p-8">
|
||||||
<p className="mb-2 text-xl font-medium">21M</p>
|
<p className="mb-2 text-xl font-medium">21M</p>
|
||||||
<p className="mb-6 font-semibold">کاربران جهانی</p>
|
<p className="mb-6 font-semibold">فرصتهای ردیابیشده</p>
|
||||||
<p className="text-muted-foreground">
|
<p className="text-muted-foreground">
|
||||||
با استفاده از ابزارهای ما، وظایف را ساده کرده و کارایی را تا ۸۰% افزایش دهید.
|
زمان تهیه گزارش هفتگی را تا ۸۰٪ کاهش دهید و روی کوچینگ فروش تمرکز کنید.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -169,15 +169,15 @@ const About2 = ({ className }: About2Props) => {
|
|||||||
alt="placeholder"
|
alt="placeholder"
|
||||||
className="h-7 w-auto"
|
className="h-7 w-auto"
|
||||||
/>
|
/>
|
||||||
<span className="text-lg font-semibold">ری یو آی.</span>
|
<span className="text-lg font-semibold">فروشیار</span>
|
||||||
</div>
|
</div>
|
||||||
<p className="mb-6 text-sm">
|
<p className="mb-6 text-sm">
|
||||||
راهکار ما با بهینهسازی فرایندها، هزینههای عملیاتی شما را بهطور چشمگیری کاهش میدهد.
|
پیشبینی درآمد فروشیار به ما کمک کرد انحراف بودجه فروش را زیر ۵٪ نگه داریم.
|
||||||
</p>
|
</p>
|
||||||
<div className="flex items-baseline gap-1">
|
<div className="flex items-baseline gap-1">
|
||||||
<span className="font-medium">علی رضایی,</span>
|
<span className="font-medium">علی رضایی,</span>
|
||||||
<span className="text-sm text-muted-foreground">
|
<span className="text-sm text-muted-foreground">
|
||||||
مدیرعامل ری یو آی
|
مدیر درآمد فروشیار
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -185,9 +185,9 @@ const About2 = ({ className }: About2Props) => {
|
|||||||
<div className="flex flex-col gap-6">
|
<div className="flex flex-col gap-6">
|
||||||
<div className="rounded-xl bg-muted p-8">
|
<div className="rounded-xl bg-muted p-8">
|
||||||
<p className="mb-2 text-xl font-medium">97%</p>
|
<p className="mb-2 text-xl font-medium">97%</p>
|
||||||
<p className="mb-6 font-semibold">کاهش خطاها</p>
|
<p className="mb-6 font-semibold">دقت پیشبینی</p>
|
||||||
<p className="text-muted-foreground">
|
<p className="text-muted-foreground">
|
||||||
با جعبهابزار پیشرفته ما به دقت و کارایی بیشتری دست پیدا کنید.
|
مدل پیشبینی فروشیار دقت برنامهریزی فصلی را بهطور معناداری بالا میبرد.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<img
|
<img
|
||||||
|
|||||||
+11
-11
@@ -27,39 +27,39 @@ const About28 = ({
|
|||||||
leftImages = [
|
leftImages = [
|
||||||
{
|
{
|
||||||
src: "/block-media/shadcnblocks/block/placeholder-1.svg",
|
src: "/block-media/shadcnblocks/block/placeholder-1.svg",
|
||||||
alt: "همکاری تیم",
|
alt: "همکاری تیم هممسیر",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
src: "/block-media/shadcnblocks/block/placeholder-2.svg",
|
src: "/block-media/shadcnblocks/block/placeholder-2.svg",
|
||||||
alt: "فضای کاری تیم",
|
alt: "فضای کاری پروژه",
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
leftText = {
|
leftText = {
|
||||||
title: "تیم",
|
title: "تیم هممسیر",
|
||||||
paragraphs: [
|
paragraphs: [
|
||||||
"ساخت را از ۲۱۹ آغاز کردیم و در ۲۲۲ عرضه کردیم. هر نقطه اتصال از صفر طراحی شده بدون بدهی فنی یا سیستم کهنه. برای نوآوری مدیریت پروژه در صد سال آینده ساخته شدهایم.",
|
"هممسیر را از ۲۰۱۹ ساختیم و در ۲۰۲۲ عرضه کردیم. برنامهریزی پروژه، وابستگیها و گزارش پیشرفت از صفر برای تیمهای عملیات طراحی شده است.",
|
||||||
"صددرصد در مالکیت بنیانگذاران و تیم است، سودآوریم و تیم را کوچک نگه میداریم. بهمرور این صفحه کاملتر میشود، اما الان تمرکزمان بر تحویل به توسعهدهندگان است.",
|
"مالکیت کامل با بنیانگذاران و تیم است. سودآور و متمرکز کار میکنیم و اولویت ما تحویل پایدار به تیمهای عملیاتی مشتریان است.",
|
||||||
"اگر به ساخت آینده مدیریت پروژه علاقهمندید، موقعیتهای باز زیر را ببینید.",
|
"اگر به ساخت ابزارهای همکاری و مدیریت کار علاقهمندید، موقعیتهای باز را ببینید.",
|
||||||
],
|
],
|
||||||
ctaButton: {
|
ctaButton: {
|
||||||
href: "/careers",
|
href: "/careers",
|
||||||
text: "مشاهده موقعیتهای شغلی",
|
text: "فرصتهای شغلی هممسیر",
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
rightText = {
|
rightText = {
|
||||||
paragraphs: [
|
paragraphs: [
|
||||||
"متعهدیم نحوه برنامهریزی، اجرا و تحویل پروژهها را متحول کنیم. مأموریت ما این است که به مشتریان مزیت بیرقیب در برابر تأخیر، ناکارآمدی و بینظمی بدهیم از طریق بینشهای عملی و همکاری بیدرز.",
|
"متعهدیم برنامهریزی و اجرای پروژه را شفاف کنیم. مأموریت هممسیر حذف تأخیرهای پنهان، کاهش کار دستی و دادن دید واحد به مدیران و اجراکنندگان است.",
|
||||||
"مشتریمحوریم زمان میگذاریم تا هر جنبه از گردش کار شما را بفهمیم و بهتر از همیشه کار کنید. همه با هم هستیم چون موفقیت شما، موفقیت ماست.",
|
"مشتریمحوریم؛ گردشکار واقعی تیم شما را میشناسیم و ابزار را با همان ریتم همتراز میکنیم. موفقیت تحویل شما، معیار موفقیت ماست.",
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
rightImages = [
|
rightImages = [
|
||||||
{
|
{
|
||||||
src: "/block-media/shadcnblocks/block/placeholder-3.svg",
|
src: "/block-media/shadcnblocks/block/placeholder-3.svg",
|
||||||
alt: "فضای کاری مدرن",
|
alt: "برد پروژه هممسیر",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
src: "/block-media/shadcnblocks/block/placeholder-4.svg",
|
src: "/block-media/shadcnblocks/block/placeholder-4.svg",
|
||||||
alt: "همکاری تیم",
|
alt: "همکاری تیم هممسیر",
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
className,
|
className,
|
||||||
|
|||||||
+14
-14
@@ -46,7 +46,7 @@ interface About3Props {
|
|||||||
const About3 = ({
|
const About3 = ({
|
||||||
className,
|
className,
|
||||||
title = "درباره ما",
|
title = "درباره ما",
|
||||||
description = "ما تیمی پرشور هستیم که به خلق راهکارهای نوآورانه برای توانمندسازی کسبوکارها در عصر دیجیتال متعهدیم. با سالها تجربه در طراحی و توسعه، مؤلفههایی زیبا و در دسترس خلق میکنیم که به تیمها کمک میکند سریعتر بسازند.",
|
description = "کمپینپرو پلتفرم اتوماسیون بازاریابی برای تیمهای B2B است. ایمیل، لید اسکورینگ و پرورش مخاطب را در یک مسیر واحد هماهنگ میکنیم تا هزینه جذب مشتری کاهش و نرخ تبدیل افزایش یابد.",
|
||||||
mainImage = {
|
mainImage = {
|
||||||
src: "/block-media/shadcnblocks/block/photos/annie-spratt-MChSQHxGZrQ-unsplash.jpg",
|
src: "/block-media/shadcnblocks/block/photos/annie-spratt-MChSQHxGZrQ-unsplash.jpg",
|
||||||
alt: "about",
|
alt: "about",
|
||||||
@@ -58,10 +58,10 @@ const About3 = ({
|
|||||||
breakout = {
|
breakout = {
|
||||||
src: "/block-media/shadcnblocks/block/block-1.svg",
|
src: "/block-media/shadcnblocks/block/block-1.svg",
|
||||||
alt: "logo",
|
alt: "logo",
|
||||||
title: "هزاران بلاک آماده در ری یو آی",
|
title: "اتوماسیون بازاریابی بدون پیچیدگی",
|
||||||
description:
|
description:
|
||||||
"ارائه ابزارهای مؤثر به کسبوکارها برای بهبود روند کار، افزایش کارایی و تشویق رشد",
|
"جریانهای پرورش لید، سگمنتبندی هوشمند و گزارش کمپین را در چند دقیقه راهاندازی کنید.",
|
||||||
buttonText: "بیشتر بدانید",
|
buttonText: "مشاهده قابلیتها",
|
||||||
buttonUrl: "https://www.ShadcnBlocks",
|
buttonUrl: "https://www.ShadcnBlocks",
|
||||||
},
|
},
|
||||||
companies = [
|
companies = [
|
||||||
@@ -90,24 +90,24 @@ const About3 = ({
|
|||||||
alt: "Watershed",
|
alt: "Watershed",
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
achievementsTitle = "دستاوردهای ما به عدد و رقم",
|
achievementsTitle = "نتایج قابل اندازهگیری",
|
||||||
achievementsDescription = "ارائه ابزارهای مؤثر به کسبوکارها برای بهبود گردشکار، افزایش کارایی و تقویت رشد.",
|
achievementsDescription = "تیمهای بازاریابی با کمپینپرو کمپینهای چندکاناله را سریعتر اجرا و بهتر اندازهگیری میکنند.",
|
||||||
achievements = [
|
achievements = [
|
||||||
{ label: "شرکتها", value: "300+" },
|
{ label: "برندهای فعال", value: "300+" },
|
||||||
{ label: "پروژههای تکمیلشده", value: "800+" },
|
{ label: "کمپین ماهانه اجراشده", value: "800+" },
|
||||||
{ label: "مشتریان خوشحال", value: "99%" },
|
{ label: "نرخ ماندگاری مشتری", value: "99%" },
|
||||||
{ label: "جوایز و افتخارات", value: "10+" },
|
{ label: "اتصال یکپارچهسازی", value: "10+" },
|
||||||
],
|
],
|
||||||
contentSections = [
|
contentSections = [
|
||||||
{
|
{
|
||||||
title: "دیدگاه ما",
|
title: "مأموریت ما",
|
||||||
content:
|
content:
|
||||||
"سالهاست فرایند ساخت نرمافزار سفارشی دشوار مانده است؛ امروز ابزارهای بصری هست، اما راهکارهای دقیق همچنان به تخصص فنی و زمان زیاد نیاز دارند و این برای کسبوکارها و افراد دردساز است.\n\nاگر میتوانستید بدون نوشتن حتی یک خط کد، نرمافزار سفارشی بسازید چه؟ اگر میتوانستید ابزارهای خودتان را بسازید؟\n\nبا پلتفرم ما میتوانید! ابزارهای ما به شما اجازه میدهند چیدمان طراحی کنید و قابلیت بسازیدهمه اینها بدون نیاز به کدنویسی.\n\nما باور داریم هر کسی باید بتواند راهکار خودش را بسازد، فارغ از پیشینه فنی.",
|
"بازاریابی B2B اغلب بین ابزارهای پراکنده گیر میافتد: CRM جدا، ایمیل جدا، آنالیتیکس جدا.\n\nکمپینپرو این حلقه را میبندد. لید از لحظه جذب تا تحویل به فروش در یک مسیر قابل پیگیری میماند.\n\nسگمنتها بر اساس رفتار بهروز میشوند، کمپینها خودکار اجرا میشوند و گزارشها اثر واقعی روی درآمد را نشان میدهند.",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "سازندگان",
|
title: "تیم ما",
|
||||||
content:
|
content:
|
||||||
"شرکت ما بیش از یک دهه است ابزارهای وب میسازد و در هر پروژه بر کارایی و کنترل کاربر تمرکز دارد. میدانیم بهترین راهکارها همانهاییاند که خودتان میتوانید بسازید.\n\nابتدا این راهکارها را برای تیم خودمان توسعه دادیم و حالا همه میتوانند از آنها بهره ببرند. افتخار میکنیم پلتفرمی در دسترس همه ارائه میدهیم، بدون توجه به تخصص فنی.\n\nتیم ما از افراد بااستعداد و مشتاق ساخت ابزاری تشکیل شده که به کاربران قدرت میدهد راهکارهایشان را بهسادگی بسازند. در دستیابی شما به اهدافتان کنار شما هستیم.",
|
"تیم کمپینپرو ترکیبی از متخصصان بازاریابی، محصول و داده است که سالها اصطکاک بین مارکتینگ و فروش را از نزدیک دیدهاند.\n\nابتدا این جریانها را برای تیم درآمد خودمان ساختیم؛ امروز همان زیرساخت را در اختیار هزاران تیم بازاریابی قرار میدهیم.\n\nتمرکز ما روی سرعت اجرا، شفافیت قیف و همسویی با اهداف درآمد است.",
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
}: About3Props) => {
|
}: About3Props) => {
|
||||||
|
|||||||
+12
-27
@@ -12,8 +12,7 @@ const About4 = ({ className }: About4Props) => {
|
|||||||
<div className="mx-auto flex max-w-3xl flex-col gap-8 pb-28 text-center">
|
<div className="mx-auto flex max-w-3xl flex-col gap-8 pb-28 text-center">
|
||||||
<h1 className="text-xl font-semibold md:text-2xll">درباره ما</h1>
|
<h1 className="text-xl font-semibold md:text-2xll">درباره ما</h1>
|
||||||
<p className="text-xl font-medium text-muted-foreground">
|
<p className="text-xl font-medium text-muted-foreground">
|
||||||
با تیم ما آشنا شوید، ارزشهایمان را بشناسید و ببینید چطور کار، زندگی و
|
نگهدار پلتفرم موفقیت مشتری است؛ سلامت حساب، تمدید و گسترش فروش را در یک داشبورد واحد شفاف میکند.
|
||||||
همهچیز بین این دو را متعادل میکنیم.
|
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div className="grid gap-3 md:grid-cols-2 lg:grid-cols-3">
|
<div className="grid gap-3 md:grid-cols-2 lg:grid-cols-3">
|
||||||
@@ -50,54 +49,40 @@ const About4 = ({ className }: About4Props) => {
|
|||||||
</div>
|
</div>
|
||||||
<div className="mx-auto grid max-w-5xl gap-28 py-28 md:grid-cols-2">
|
<div className="mx-auto grid max-w-5xl gap-28 py-28 md:grid-cols-2">
|
||||||
<div>
|
<div>
|
||||||
<h2 className="mb-5 text-xl font-semibold">چشمانداز ما</h2>
|
<h2 className="mb-5 text-xl font-semibold">مأموریت ما</h2>
|
||||||
<p className="text-xl leading-8 font-medium text-muted-foreground">
|
<p className="text-xl leading-8 font-medium text-muted-foreground">
|
||||||
سالهاست فرایند ساخت نرمافزار سفارشی دشوار مانده است؛ امروز ابزارهای
|
نگهداری مشتری نباید بعد از فروش آغاز شود. تیمهای موفقیت مشتری به سیگنالهای زودهنگام نیاز دارند: افت استفاده، تأخیر در ورود، یا ریسک ریزش.
|
||||||
بصری هست، اما راهکارهای دقیق همچنان به تخصص فنی و زمان زیاد نیاز
|
|
||||||
دارند و این برای کسبوکارها و افراد دردساز است.
|
|
||||||
<br />
|
<br />
|
||||||
<br />
|
<br />
|
||||||
اگر میتوانستید بدون نوشتن حتی یک خط کد، نرمافزار سفارشی بسازید
|
نگهدار سلامت هر حساب را امتیازدهی میکند، هشدار ریسک میدهد و اقدامات پیشنهادی را به مالک حساب نشان میدهد.
|
||||||
چه؟ اگر میتوانستید ابزارهای خودتان را بسازید؟
|
|
||||||
<br />
|
<br />
|
||||||
<br />
|
<br />
|
||||||
با پلتفرم ما میتوانید! ابزارهای ما به شما اجازه میدهند چیدمان
|
نتیجه: تمدید بالاتر، گسترش هدفمند و تجربه مشتری قابل اندازهگیری.
|
||||||
طراحی کنید و قابلیت بسازیدهمه اینها بدون نیاز به کدنویسی.
|
|
||||||
<br />
|
|
||||||
<br />
|
|
||||||
ما باور داریم هر کسی باید بتواند راهکار خودش را بسازد، فارغ از
|
|
||||||
پیشینه فنی.
|
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<h2 className="mb-5 text-xl font-semibold">سازندگان</h2>
|
<h2 className="mb-5 text-xl font-semibold">تیم نگهدار</h2>
|
||||||
<p className="text-xl leading-8 font-medium text-muted-foreground">
|
<p className="text-xl leading-8 font-medium text-muted-foreground">
|
||||||
<a href="#" className="mr-1 underline">
|
<a href="#" className="mr-1 underline">
|
||||||
شرکت ما
|
شرکت ما
|
||||||
</a>
|
</a>
|
||||||
بیش از یک دهه است ابزارهای وب میسازد و در هر پروژه بر کارایی و کنترل
|
سالها کنار تیمهای موفقیت مشتری و درآمد کار کردهایم تا شکاف بین CRM، پشتیبانی و استفاده محصول را پر کنیم.
|
||||||
کاربر تمرکز دارد. میدانیم بهترین راهکارها همانهاییاند که خودتان
|
|
||||||
میتوانید بسازید.
|
|
||||||
<br />
|
<br />
|
||||||
<br />
|
<br />
|
||||||
ابتدا این راهکارها را برای تیم خودمان توسعه دادیم و حالا همه
|
ابتدا گردشکار سلامت حساب را برای عملیات داخلی ساختیم؛ امروز همان مدل را بهصورت محصولی آماده به تیمهای SaaS ارائه میدهیم.
|
||||||
میتوانند از آنها بهره ببرند. افتخار میکنیم پلتفرمی در دسترس همه
|
|
||||||
ارائه میدهیم، بدون توجه به تخصص فنی.
|
|
||||||
<br />
|
<br />
|
||||||
<br />
|
<br />
|
||||||
تیم ما از افراد بااستعداد و مشتاق ساخت ابزاری تشکیل شده که به
|
اگر هدف شما افزایش نرخ تمدید و کاهش ریزش است، نگهدار برای همین طراحی شده است.
|
||||||
کاربران قدرت میدهد راهکارهایشان را بهسادگی بسازند. در دستیابی شما
|
|
||||||
به اهدافتان کنار شما هستیم و مشتاقیم ببینیم چه میسازید!
|
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="mx-auto flex max-w-5xl flex-col items-center justify-between gap-8 rounded-2xl bg-muted/50 p-14 text-center md:flex-row md:text-start">
|
<div className="mx-auto flex max-w-5xl flex-col items-center justify-between gap-8 rounded-2xl bg-muted/50 p-14 text-center md:flex-row md:text-start">
|
||||||
<h3 className="text-3xl font-semibold">
|
<h3 className="text-3xl font-semibold">
|
||||||
بخشی از
|
به تیم
|
||||||
<br />
|
<br />
|
||||||
تیم جهانی ما
|
نگهدار بپیوندید
|
||||||
</h3>
|
</h3>
|
||||||
<Button size="lg">آشنایی با تیم</Button>
|
<Button size="lg">فرصتهای شغلی</Button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|||||||
+10
-15
@@ -12,11 +12,11 @@ const About5 = ({ className }: About5Props) => {
|
|||||||
<div>
|
<div>
|
||||||
<p className="text-sm font-medium">درباره ما</p>
|
<p className="text-sm font-medium">درباره ما</p>
|
||||||
<h1 className="mt-4 text-3xl font-medium md:text-xl">
|
<h1 className="mt-4 text-3xl font-medium md:text-xl">
|
||||||
سادهسازی گردشکارهای پیچیده با راهکارهای متمرکز بر توسعهدهنده
|
اتوماسیون گردشکار فروش و عملیات؛ بدون کدنویسی پیچیده
|
||||||
</h1>
|
</h1>
|
||||||
</div>
|
</div>
|
||||||
<p className="md:text-lg">
|
<p className="md:text-lg">
|
||||||
پلتفرم ما ابزارهایی ساده و قدرتمند برای مدیریت و توسعه پروژهها فراهم میکند؛ با یکپارچهسازی روان، امکانات کاربردی و تجربهای یکپارچه برای تیمها در هر اندازه.
|
جریانکار به تیمهای عملیات و فروش اجازه میدهد تأییدها، اعلانها و همگامسازی بین CRM و ابزارها را خودکار کنند و خطاهای دستی را حذف کنند.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<img
|
<img
|
||||||
@@ -25,11 +25,11 @@ const About5 = ({ className }: About5Props) => {
|
|||||||
className="ml-auto aspect-video max-h-[550px] rounded-xl object-cover"
|
className="ml-auto aspect-video max-h-[550px] rounded-xl object-cover"
|
||||||
/>
|
/>
|
||||||
<p className="mt-6 text-center text-xl lg:text-end">
|
<p className="mt-6 text-center text-xl lg:text-end">
|
||||||
متعهد به حذف پیچیدگی از فرایندهای توسعه
|
متعهد به حذف کارهای تکراری از عملیات فروش
|
||||||
</p>
|
</p>
|
||||||
<div className="flex flex-col justify-between gap-14 py-40 lg:flex-row">
|
<div className="flex flex-col justify-between gap-14 py-40 lg:flex-row">
|
||||||
<p className="mx-auto max-w-xl text-center text-xl lg:mx-0 lg:text-start">
|
<p className="mx-auto max-w-xl text-center text-xl lg:mx-0 lg:text-start">
|
||||||
ما تیمی از توسعهدهندگان، طراحان و کارآفرینان پرشور هستیم.
|
ما تیمی از متخصصان عملیات، محصول و اتوماسیون هستیم که گردشکارهای درآمد را سادهتر میکنیم.
|
||||||
</p>
|
</p>
|
||||||
<div className="grid shrink-0 grid-cols-2 items-center gap-6 md:grid-cols-4">
|
<div className="grid shrink-0 grid-cols-2 items-center gap-6 md:grid-cols-4">
|
||||||
<img
|
<img
|
||||||
@@ -66,30 +66,25 @@ const About5 = ({ className }: About5Props) => {
|
|||||||
</div>
|
</div>
|
||||||
<div className="grid gap-14 lg:grid-cols-4 xl:grid-cols-5">
|
<div className="grid gap-14 lg:grid-cols-4 xl:grid-cols-5">
|
||||||
<div className="md:col-span-2 xl:col-span-3">
|
<div className="md:col-span-2 xl:col-span-3">
|
||||||
<h2 className="mb-10 text-xl font-medium">چرا شروع کردیم</h2>
|
<h2 className="mb-10 text-xl font-medium">مأموریت ما</h2>
|
||||||
<p className="text-lg">
|
<p className="text-lg">
|
||||||
چالشهای توسعهدهندگان با زیرساختهای پیچیده را از نزدیک دیدهایم.
|
تیمهای درآمد زمان زیادی را صرف کپی داده بین ابزارها، یادآوری دستی و پیگیری تأیید میکنند.
|
||||||
بهجای تکرار همان کارها، خواستیم سیستمی بسازیم که کل گردشکار را از
|
جریانکار این اصطکاک را با تریگرها، شرطها و اکشنهای ازپیشساخته حذف میکند.
|
||||||
ابتدا تا انتها ساده کند و توسعهدهندگان روی آنچه بهتر انجام میدهند
|
|
||||||
تمرکز کنند. پلتفرم ما برای همکاری و مقیاسپذاری کارآمد پروژهها
|
|
||||||
طراحی شده است.
|
|
||||||
<br />
|
<br />
|
||||||
<br />
|
<br />
|
||||||
مأموریت ما ارائه ابزارهایی است که تیمها بتوانند پروژهها را
|
مأموریت ما این است که عملیات فروش و بازاریابی مثل یک سیستم واحد کار کند؛ سریع، قابل ممیزی و مقیاسپذیر.
|
||||||
کارآمد بسازند و مقیاس دهند. باور داریم با برداشتن موانع ورود،
|
|
||||||
همکاری و بهرهوری، تیمها روی ساخت محصولات عالی تمرکز میکنند.
|
|
||||||
</p>
|
</p>
|
||||||
<div className="mt-6 grid grid-cols-2 gap-6 text-center">
|
<div className="mt-6 grid grid-cols-2 gap-6 text-center">
|
||||||
<div className="flex flex-col items-center justify-center gap-2 rounded-xl border bg-background bg-card p-6">
|
<div className="flex flex-col items-center justify-center gap-2 rounded-xl border bg-background bg-card p-6">
|
||||||
<span className="text-xl md:text-xl">2024</span>
|
<span className="text-xl md:text-xl">2024</span>
|
||||||
<span className="text-sm text-muted-foreground md:text-lg">
|
<span className="text-sm text-muted-foreground md:text-lg">
|
||||||
راهاندازی
|
سال راهاندازی
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex flex-col items-center justify-center gap-2 rounded-xl border bg-background bg-card p-6">
|
<div className="flex flex-col items-center justify-center gap-2 rounded-xl border bg-background bg-card p-6">
|
||||||
<span className="text-xl md:text-xl">$2.2M</span>
|
<span className="text-xl md:text-xl">$2.2M</span>
|
||||||
<span className="text-sm text-muted-foreground md:text-lg">
|
<span className="text-sm text-muted-foreground md:text-lg">
|
||||||
مرحله پیشبذر سرمایهگذاری
|
سرمایهگذاری اولیه
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
+10
-13
@@ -15,24 +15,24 @@ const About6 = ({ className }: About6Props) => {
|
|||||||
درباره ما
|
درباره ما
|
||||||
</h1>
|
</h1>
|
||||||
<p className="mb-9 text-muted-foreground lg:text-xl">
|
<p className="mb-9 text-muted-foreground lg:text-xl">
|
||||||
ما تیمی از نوآوران هستیم که با تکیه بر فناوری و خلاقیت، آینده را قدمبهقدم میسازیم. مسیر ما از شناسایی یک نیاز واقعی آغاز شد و با ارائه راهکارهای نوآورانه ادامه پیدا کرد.
|
همآهنگ فضای کاری مشترک برای تیمهای فروش، بازاریابی و موفقیت مشتری است. گفتوگو، فایلها و تصمیمها کنار هر فرصت و کمپین باقی میمانند.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex flex-col items-center justify-center gap-6 md:flex-row">
|
<div className="flex flex-col items-center justify-center gap-6 md:flex-row">
|
||||||
<img
|
<img
|
||||||
src="/block-media/shadcnblocks/block/photos/annie-spratt-MChSQHxGZrQ-unsplash.jpg"
|
src="/block-media/shadcnblocks/block/photos/annie-spratt-MChSQHxGZrQ-unsplash.jpg"
|
||||||
alt="درباره ۱"
|
alt="فضای همکاری تیم"
|
||||||
className="aspect-[0.7] w-full rounded-lg object-cover md:w-1/2"
|
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">
|
<div className="flex w-full flex-col items-center justify-center gap-6 md:w-1/2">
|
||||||
<img
|
<img
|
||||||
src="/block-media/shadcnblocks/block/photos/annie-spratt-AkftcHujUmk-unsplash.jpg"
|
src="/block-media/shadcnblocks/block/photos/annie-spratt-AkftcHujUmk-unsplash.jpg"
|
||||||
alt="درباره ۲"
|
alt="اتاق تمرکز تیم"
|
||||||
className="aspect-[1.1] rounded-lg object-cover"
|
className="aspect-[1.1] rounded-lg object-cover"
|
||||||
/>
|
/>
|
||||||
<img
|
<img
|
||||||
src="/block-media/shadcnblocks/block/photos/annie-spratt-vGgn0xLdy8s-unsplash.jpg"
|
src="/block-media/shadcnblocks/block/photos/annie-spratt-vGgn0xLdy8s-unsplash.jpg"
|
||||||
alt="درباره ۳"
|
alt="جلسه هماهنگی هفتگی"
|
||||||
className="aspect-[0.7] rounded-lg object-cover"
|
className="aspect-[0.7] rounded-lg object-cover"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -42,34 +42,31 @@ const About6 = ({ className }: About6Props) => {
|
|||||||
<div className="flex flex-col items-center justify-center gap-6 md:flex-row">
|
<div className="flex flex-col items-center justify-center gap-6 md:flex-row">
|
||||||
<img
|
<img
|
||||||
src="/block-media/shadcnblocks/block/photos/johnson-wang-iI4sR_nkkbc-unsplash.jpg"
|
src="/block-media/shadcnblocks/block/photos/johnson-wang-iI4sR_nkkbc-unsplash.jpg"
|
||||||
alt="درباره ۴"
|
alt="میز کار اشتراکی"
|
||||||
className="aspect-[0.9] w-full rounded-lg object-cover md:w-1/2"
|
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">
|
<div className="flex w-full flex-col items-center justify-center gap-6 md:w-1/2">
|
||||||
<img
|
<img
|
||||||
src="/block-media/shadcnblocks/block/photos/nastuh-abootalebi-eHD8Y1Znfpk-unsplash.jpg"
|
src="/block-media/shadcnblocks/block/photos/nastuh-abootalebi-eHD8Y1Znfpk-unsplash.jpg"
|
||||||
alt="درباره ۵"
|
alt="ایستگاه همکاری"
|
||||||
className="aspect-[0.8] rounded-lg object-cover"
|
className="aspect-[0.8] rounded-lg object-cover"
|
||||||
/>
|
/>
|
||||||
<img
|
<img
|
||||||
src="/block-media/shadcnblocks/block/photos/alvin-engler-bIhpiQA009k-unsplash.jpg"
|
src="/block-media/shadcnblocks/block/photos/alvin-engler-bIhpiQA009k-unsplash.jpg"
|
||||||
alt="درباره ۶"
|
alt="فضای برنامهریزی"
|
||||||
className="aspect-[0.9] rounded-lg object-cover"
|
className="aspect-[0.9] rounded-lg object-cover"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="px-8">
|
<div className="px-8">
|
||||||
<h1 className="mb-8 text-xl font-semibold lg:mb-6">
|
<h1 className="mb-8 text-xl font-semibold lg:mb-6">
|
||||||
محل کار ما
|
نحوه همکاری ما
|
||||||
</h1>
|
</h1>
|
||||||
<p className="mb-9 lg:text-xl">
|
<p className="mb-9 lg:text-xl">
|
||||||
محیط کار ما به گونهای طراحی شده است که خلاقیت را شکوفا کند، همکاری را تقویت کند و فضایی الهامبخش برای رشد ایدهها فراهم آورد.
|
همآهنگ برای تیمهای ترکیبی طراحی شده است؛ از گفتوگوی سریع تا مستندسازی تصمیمهای مهم در یک بستر واحد.
|
||||||
</p>
|
</p>
|
||||||
<p className="text-muted-foreground">
|
<p className="text-muted-foreground">
|
||||||
از فضاهای باز همکاری تا گوشههای آرام تمرکز، هر بخش از دفتر با
|
کانالهای موضوعی، تسکهای وابسته به مخاطب و خلاصه نشستها باعث میشود هیچ دستاوردی بین ابزارها گم نشود. چه حضوری و چه از راه دور، تیم روی یک ریتم مشترک کار میکند.
|
||||||
دقت برای سبکهای مختلف کار طراحی شده است. از راه دور هم
|
|
||||||
دوستانهایم؛ اعضای تیم در سراسر جهان با هم هماهنگ کار میکنند
|
|
||||||
تا نتایجی استثنایی تحویل دهند.
|
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
+12
-17
@@ -23,7 +23,7 @@ const About7 = ({ className }: About7Props) => {
|
|||||||
درباره ما
|
درباره ما
|
||||||
</h2>
|
</h2>
|
||||||
<h1 className="max-w-[600px] text-3xl leading-tight font-semibold tracking-tight text-balance md:text-xl lg:text-2xll">
|
<h1 className="max-w-[600px] text-3xl leading-tight font-semibold tracking-tight text-balance md:text-xl lg:text-2xll">
|
||||||
ما ری یو آی هستیم؛ پلتفرمی متفاوت برای برنامهریزی و مدیریت کار که به سازندگان کمک میکند آینده را از امروز بسازند.
|
کارنویس پلتفرم مدیریت کار برای تیمهای محصول و عملیات است؛ پروژهها، مهلتها و مالکیت کار را شفاف نگه میدارد.
|
||||||
</h1>
|
</h1>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -31,7 +31,7 @@ const About7 = ({ className }: About7Props) => {
|
|||||||
<div className="max-lg:translate-x-20">
|
<div className="max-lg:translate-x-20">
|
||||||
<img
|
<img
|
||||||
src="/block-media/shadcnblocks/block/placeholder-1.svg"
|
src="/block-media/shadcnblocks/block/placeholder-1.svg"
|
||||||
alt="فضای کاری مدرن با نمایشگر iMac"
|
alt="داشبورد مدیریت کار کارنویس"
|
||||||
width={800}
|
width={800}
|
||||||
height={500}
|
height={500}
|
||||||
/>
|
/>
|
||||||
@@ -39,7 +39,7 @@ const About7 = ({ className }: About7Props) => {
|
|||||||
<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]">
|
<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
|
<img
|
||||||
src="/block-media/shadcnblocks/block/placeholder-2.svg"
|
src="/block-media/shadcnblocks/block/placeholder-2.svg"
|
||||||
alt="فردی در حال کار با لپتاپ"
|
alt="کاربر در حال بهروزرسانی وظایف"
|
||||||
className="h-full w-full object-cover"
|
className="h-full w-full object-cover"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -47,30 +47,28 @@ const About7 = ({ className }: About7Props) => {
|
|||||||
|
|
||||||
<div className="mt-28 max-w-xl lg:mt-10 lg:-translate-x-32">
|
<div className="mt-28 max-w-xl lg:mt-10 lg:-translate-x-32">
|
||||||
<p className="text-lg leading-relaxed">
|
<p className="text-lg leading-relaxed">
|
||||||
وظایف تغییر کردهاند، در حال تغییرند و همچنان به سمت بهتر پیش
|
کار تیمی وقتی پراکنده میشود که تسکها در چت، ایمیل و صفحات مختلف باشد. کارنویس همه کارها را در یک سیستم قابل پیگیری جمع میکند.
|
||||||
میروند. زمان آن است که بهرهوری کاربرمحور و اینترنتمحور باشد؛
|
|
||||||
اما برای این کار به زیربنایی نو نیاز داریم.
|
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="mt-6 space-y-6 md:mt-8 md:space-y-8 lg:mt-10 lg:space-y-10">
|
<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 className="max-w-xl text-xl font-semibold md:text-3xl lg:-translate-x-32">
|
||||||
همیشه میگفتند ابزارهای مدیریت کار نمیتوانند واقعاً پویا و انعطافپذیر باشند.
|
ابزار مدیریت کار باید به اندازه تیم شما منعطف باشد؛ نه برعکس.
|
||||||
</h2>
|
</h2>
|
||||||
<p className="max-w-xl text-lg leading-relaxed lg:-translate-x-32">
|
<p className="max-w-xl text-lg leading-relaxed lg:-translate-x-32">
|
||||||
سالها ابزارهایی مانند مدیریت وظایف، یادداشتبرداری و مدیریت وظایف را بررسی و استفاده کردهایم. با وجود امکانات فراوان، هنوز نیاز به راهکاری سادهتر و هوشمندتر احساس میشود. ما باور داریم ابزارهای مدیریت کار باید پویا، منعطف و متناسب با نیاز کاربران باشند؛ به همین دلیل همهچیز را از ابتدا طراحی کردیم.
|
سالها تخته کانبان، لیست تسک و ابزارهای پیچیده را آزمودیم. بیشترشان یا بیشازحد ساده بودند یا برای راهاندازی به ماهها آموزش نیاز داشتند. کارنویس را از صفر ساختیم تا برنامهریزی اسپرینت، وابستگیها و گزارش پیشرفت در چند دقیقه ممکن شود.
|
||||||
</p>
|
</p>
|
||||||
<div className="grid gap-6 py-6 md:grid-cols-2 lg:py-10">
|
<div className="grid gap-6 py-6 md:grid-cols-2 lg:py-10">
|
||||||
<img
|
<img
|
||||||
src="/block-media/shadcnblocks/block/placeholder-3.svg"
|
src="/block-media/shadcnblocks/block/placeholder-3.svg"
|
||||||
alt="همکاری اعضای تیم"
|
alt="همکاری روی برد پروژه"
|
||||||
width={600}
|
width={600}
|
||||||
height={400}
|
height={400}
|
||||||
className="rounded-lg"
|
className="rounded-lg"
|
||||||
/>
|
/>
|
||||||
<img
|
<img
|
||||||
src="/block-media/shadcnblocks/block/placeholder-4.svg"
|
src="/block-media/shadcnblocks/block/placeholder-4.svg"
|
||||||
alt="جلسه تیم در اتاق کنفرانس"
|
alt="جلسه برنامهریزی اسپرینت"
|
||||||
width={600}
|
width={600}
|
||||||
height={400}
|
height={400}
|
||||||
className="rounded-lg"
|
className="rounded-lg"
|
||||||
@@ -78,18 +76,15 @@ const About7 = ({ className }: About7Props) => {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<p className="ms-auto max-w-xl text-lg leading-relaxed lg:translate-x-32">
|
<p className="ms-auto max-w-xl text-lg leading-relaxed lg:translate-x-32">
|
||||||
توسعه ری یو آی را از سال ۲۱۹ آغاز کردیم و در سال ۲۲۲ نخستین نسخه آن را منتشر کردیم. هر قابلیت از پایه طراحی شده تا تجربهای سریع، ساده و بدون پیچیدگی ارائه دهد.
|
کارنویس از ۲۰۱۹ برای تیمهای داخلی ما ساخته شد و از ۲۰۲۲ بهصورت عمومی در دسترس است. هر قابلیت برای سرعت، وضوح مالکیت و کاهش نویز طراحی شده است.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<h2 className="ms-auto max-w-xl text-xl font-semibold md:text-3xl lg:translate-x-32">
|
<h2 className="ms-auto max-w-xl text-xl font-semibold md:text-3xl lg:translate-x-32">
|
||||||
تیمی کمی غیرمعمول هستیم نه استارتاپ فناوری معمولی.
|
تیمی متمرکز بر محصول؛ نه یک استارتاپ پر سروصدا.
|
||||||
</h2>
|
</h2>
|
||||||
<div className="ms-auto max-w-xl text-lg leading-relaxed lg:translate-x-32">
|
<div className="ms-auto max-w-xl text-lg leading-relaxed lg:translate-x-32">
|
||||||
<p>
|
<p>
|
||||||
صددرصد در مالکیت بنیانگذاران و تیم است، پایدار کار میکنیم و
|
کارنویس متعلق به بنیانگذاران و تیم است. سودآور و متمرکز کار میکنیم تا محصول پایدار بماند. اگر میخواهید روی ابزارهای بهرهوری تیمی کار کنید، موقعیتهای باز را ببینید:
|
||||||
تیم را کوچک نگه میداریم. بهمرور این صفحه را کاملتر میکنیم،
|
|
||||||
اما الان تمرکزمان بر تحویل به کاربران است. اگر میخواهید همکاری
|
|
||||||
کنید، موقعیتهای باز ما را ببینید:
|
|
||||||
</p>
|
</p>
|
||||||
<Button
|
<Button
|
||||||
variant="outline"
|
variant="outline"
|
||||||
@@ -98,7 +93,7 @@ const About7 = ({ className }: About7Props) => {
|
|||||||
>
|
>
|
||||||
<a href="#">
|
<a href="#">
|
||||||
<span className="flex items-center gap-2 whitespace-pre-wrap">
|
<span className="flex items-center gap-2 whitespace-pre-wrap">
|
||||||
مشاهده موقعیتهای شغلی
|
فرصتهای شغلی کارنویس
|
||||||
<ArrowLeft className="size-4" />
|
<ArrowLeft className="size-4" />
|
||||||
</span>
|
</span>
|
||||||
</a>
|
</a>
|
||||||
|
|||||||
+20
-26
@@ -25,12 +25,12 @@ const About8 = ({ className }: About8Props) => {
|
|||||||
>
|
>
|
||||||
<div className={textFromStart}>
|
<div className={textFromStart}>
|
||||||
<h1 className="text-xl font-semibold tracking-tight md:text-2xll lg:text-2xll">
|
<h1 className="text-xl font-semibold tracking-tight md:text-2xll lg:text-2xll">
|
||||||
بانکی،
|
صورتحساب،
|
||||||
<br />
|
<br />
|
||||||
متفاوت
|
شفاف
|
||||||
</h1>
|
</h1>
|
||||||
<p className="mt-4 text-xl text-muted-foreground md:text-3xl">
|
<p className="mt-4 text-xl text-muted-foreground md:text-3xl">
|
||||||
مأموریت ما ایجاد تحول در خدمات مالی با بهرهگیری از ظرفیت عظیم دادههای مالی بلااستفاده است.
|
صورتحسابیار صورتحساب اشتراک، درآمد تکرارشونده و وصول را برای کسبوکارهای SaaS ساده و شفاف میکند.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
{/* Background decoration */}
|
{/* Background decoration */}
|
||||||
@@ -45,7 +45,7 @@ const About8 = ({ className }: About8Props) => {
|
|||||||
<section className={cn("border-y py-5", contentShell)}>
|
<section className={cn("border-y py-5", contentShell)}>
|
||||||
<div className={textInsetStart}>
|
<div className={textInsetStart}>
|
||||||
<h2 className="font-mono text-sm font-semibold tracking-widest text-accent-foreground">
|
<h2 className="font-mono text-sm font-semibold tracking-widest text-accent-foreground">
|
||||||
در یک نگاه
|
شاخصهای کلیدی
|
||||||
</h2>
|
</h2>
|
||||||
<div className="mt-6 grid grid-cols-2 gap-8 md:grid-cols-4">
|
<div className="mt-6 grid grid-cols-2 gap-8 md:grid-cols-4">
|
||||||
<div>
|
<div>
|
||||||
@@ -53,21 +53,21 @@ const About8 = ({ className }: About8Props) => {
|
|||||||
۱۵۰ هزار ریال
|
۱۵۰ هزار ریال
|
||||||
</h3>
|
</h3>
|
||||||
<p className="mt-1 font-medium text-muted-foreground">
|
<p className="mt-1 font-medium text-muted-foreground">
|
||||||
سرمایه جذبشده
|
حجم صورتحساب ماهانه
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<h3 className="text-xl font-medium tracking-tight md:text-2xll lg:text-2xll">
|
<h3 className="text-xl font-medium tracking-tight md:text-2xll lg:text-2xll">
|
||||||
۲۰ هزار
|
۲۰ هزار
|
||||||
</h3>
|
</h3>
|
||||||
<p className="mt-1 font-medium text-muted-foreground">شرکت</p>
|
<p className="mt-1 font-medium text-muted-foreground">مشتری فعال</p>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<h3 className="text-xl font-medium tracking-tight md:text-2xll lg:text-2xll">
|
<h3 className="text-xl font-medium tracking-tight md:text-2xll lg:text-2xll">
|
||||||
1.3B
|
1.3B
|
||||||
</h3>
|
</h3>
|
||||||
<p className="mt-1 font-medium text-muted-foreground">
|
<p className="mt-1 font-medium text-muted-foreground">
|
||||||
تراکنش ماهانه
|
فاکتور صادرشده
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
@@ -75,7 +75,7 @@ const About8 = ({ className }: About8Props) => {
|
|||||||
1.5K
|
1.5K
|
||||||
</h3>
|
</h3>
|
||||||
<p className="mt-1 font-medium text-muted-foreground">
|
<p className="mt-1 font-medium text-muted-foreground">
|
||||||
اتصال در دقیقه
|
پرداخت موفق در دقیقه
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -86,14 +86,14 @@ const About8 = ({ className }: About8Props) => {
|
|||||||
<section className={cn("py-10 md:py-12 lg:py-15", contentShell)}>
|
<section className={cn("py-10 md:py-12 lg:py-15", contentShell)}>
|
||||||
<div className={cn(textFromStart, proseStack)}>
|
<div className={cn(textFromStart, proseStack)}>
|
||||||
<p className="text-lg">
|
<p className="text-lg">
|
||||||
خدمات مالی در حال تحولاند. اکنون زمان آن رسیده است که زیرساختهای مالی سازنده محصولمحور و مبتنی بر اتصال هوشمند باشند؛ اما این تحول به معماری و زیرساختی نو نیاز دارد.
|
مدیریت درآمد SaaS از صدور فاکتور فراتر رفته است. تیمهای مالی به همترازی لحظهای بین اشتراک، مصرف و حسابداری نیاز دارند.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<h2 className="text-xl font-medium tracking-tight md:text-3xl">
|
<h2 className="text-xl font-medium tracking-tight md:text-3xl">
|
||||||
همیشه به ما گفته بودند بانکها نمیتوانند پلتفرم باشند.
|
گفته میشد سیستم صورتحساب باید پیچیده و کند باشد.
|
||||||
</h2>
|
</h2>
|
||||||
<p className="text-lg">
|
<p className="text-lg">
|
||||||
سالها تلاش شد با افزودن لایههای اتصال هوشمند به سامانههای قدیمی، مشکلات برطرف شود؛ اما نتیجه چیزی جز پیچیدگی و ناکارآمدی نبود. تجربه کار با پلتفرمهایی مانند سامانه مالی، درگاه پرداخت و اعتبار خرید نشان داد که راهکارهای فعلی پاسخگوی نیاز آینده نیستند. ما باور داریم زیرساخت بانکی باید از پایه و با رویکرد اتصالمحور بازطراحی شود.
|
سالها افزودن پلاگین به ERPهای قدیمی فقط پیچیدگی بیشتر ساخت. صورتحسابیار از پایه برای مدل اشتراک، تخفیف، مالیات و گزارش MRR طراحی شده است تا تیم مالی و محصول روی یک داده واحد کار کنند.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
@@ -111,7 +111,7 @@ const About8 = ({ className }: About8Props) => {
|
|||||||
<div className="relative h-[330px] lg:h-[440px] xl:h-[600px]">
|
<div className="relative h-[330px] lg:h-[440px] xl:h-[600px]">
|
||||||
<img
|
<img
|
||||||
src="/block-media/shadcnblocks/block/placeholder-1.svg"
|
src="/block-media/shadcnblocks/block/placeholder-1.svg"
|
||||||
alt="عضو تیم در حال کار"
|
alt="اپراتور مالی در حال بررسی فاکتور"
|
||||||
className="object-cover"
|
className="object-cover"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -120,7 +120,7 @@ const About8 = ({ className }: About8Props) => {
|
|||||||
<div className="relative h-[330px] lg:h-[440px] xl:h-[600px]">
|
<div className="relative h-[330px] lg:h-[440px] xl:h-[600px]">
|
||||||
<img
|
<img
|
||||||
src="/block-media/shadcnblocks/block/placeholder-1.svg"
|
src="/block-media/shadcnblocks/block/placeholder-1.svg"
|
||||||
alt="فضای کاری مدرن"
|
alt="داشبورد درآمد تکرارشونده"
|
||||||
className="object-cover"
|
className="object-cover"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -129,7 +129,7 @@ const About8 = ({ className }: About8Props) => {
|
|||||||
<div className="relative h-[330px] lg:h-[440px] xl:h-[600px]">
|
<div className="relative h-[330px] lg:h-[440px] xl:h-[600px]">
|
||||||
<img
|
<img
|
||||||
src="/block-media/shadcnblocks/block/placeholder-1.svg"
|
src="/block-media/shadcnblocks/block/placeholder-1.svg"
|
||||||
alt="همکاری تیم"
|
alt="هماهنگی تیم مالی و فروش"
|
||||||
className="object-cover"
|
className="object-cover"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -142,15 +142,15 @@ const About8 = ({ className }: About8Props) => {
|
|||||||
<section className={contentShell}>
|
<section className={contentShell}>
|
||||||
<div className={cn("ms-auto me-0 max-w-2xl w-full", proseStack)}>
|
<div className={cn("ms-auto me-0 max-w-2xl w-full", proseStack)}>
|
||||||
<p className="text-lg">
|
<p className="text-lg">
|
||||||
توسعه ری یو آی را از سال ۲۱۹ آغاز کردیم و در سال ۲۲۲ نخستین نسخه آن را منتشر کردیم. تمام نقطههای اتصال از ابتدا طراحی شدهاند؛ بدون بدهی فنی و وابستگی به سامانههای قدیمی، تا زیرساختی ماندگار برای آینده خدمات مالی فراهم شود.
|
ساخت صورتحسابیار از ۲۰۱۹ آغاز و در ۲۰۲۲ عرضه عمومی شد. اتصالها به درگاه پرداخت، CRM و حسابداری از ابتدا و بدون وابستگی به سامانههای قدیمی طراحی شدهاند.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<h2 className="text-xl font-medium tracking-tight md:text-3xl">
|
<h2 className="text-xl font-medium tracking-tight md:text-3xl">
|
||||||
ما فقط یک شرکت فناوری یا فینتک معمولی نیستیم؛ رویکرد ما از پایه متفاوت است.
|
ما فقط یک مشتری فعال فناوری یا فینتک معمولی نیستیم؛ رویکرد ما از پایه شفاف است.
|
||||||
</h2>
|
</h2>
|
||||||
|
|
||||||
<p className="text-lg">
|
<p className="text-lg">
|
||||||
مالکیت شرکت کاملاً در اختیار بنیانگذاران و اعضای تیم است. با حفظ تیمی چابک و سودآور، تمام تمرکز خود را بر ارائه زیرساختی قابل اعتماد برای توسعهدهندگان گذاشتهایم.
|
مالکیت مشتری فعال کاملاً در اختیار بنیانگذاران و اعضای تیم است. با حفظ تیمی چابک و سودآور، تمام تمرکز خود را بر ارائه زیرساختی قابل اعتماد برای توسعهدهندگان گذاشتهایم.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
@@ -161,22 +161,16 @@ const About8 = ({ className }: About8Props) => {
|
|||||||
<div className="order-2 md:order-1">
|
<div className="order-2 md:order-1">
|
||||||
<div className={textFromStart}>
|
<div className={textFromStart}>
|
||||||
<h2 className="text-xl font-semibold tracking-tight md:text-xl">
|
<h2 className="text-xl font-semibold tracking-tight md:text-xl">
|
||||||
تیم بنیانگذار
|
تیم بنیانگذار صورتحسابیار
|
||||||
</h2>
|
</h2>
|
||||||
<p className="mt-5 text-lg md:mt-6">
|
<p className="mt-5 text-lg md:mt-6">
|
||||||
ساخت ری یو آی را از ۲۱۹ آغاز کردیم و در ۲۲۲ عرضه کردیم. هر
|
صورتحسابیار را از ۲۰۱۹ ساختیم و در ۲۰۲۲ عرضه کردیم. هر اتصال پرداخت و گزارش از صفر طراحی شده است. مالکیت کامل با بنیانگذاران و تیم است و روی تحویل پایدار به مشتریان تمرکز داریم. اگر به ساخت زیرساخت درآمد SaaS علاقهمندید، موقعیتهای باز را ببینید.
|
||||||
نقطه اتصال از صفر طراحی شده بدون بدهی فنی یا سیستم کهنه. برای
|
|
||||||
نوآوری مالی در صد سال آینده ساخته شدهایم. صددرصد در مالکیت
|
|
||||||
بنیانگذاران و تیم است، سودآوریم و تیم را کوچک نگه میداریم.
|
|
||||||
بهمرور این صفحه کاملتر میشود، اما الان تمرکزمان بر تحویل به
|
|
||||||
توسعهدهندگان است. اگر به ساخت آینده اتصالهای مالی علاقهمندید،
|
|
||||||
موقعیتهای باز زیر را ببینید.
|
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<img
|
<img
|
||||||
src="/block-media/shadcnblocks/block/placeholder-1.svg"
|
src="/block-media/shadcnblocks/block/placeholder-1.svg"
|
||||||
alt="همکاری تیم بنیانگذار"
|
alt="هماهنگی تیم مالی و فروش بنیانگذار"
|
||||||
width={480}
|
width={480}
|
||||||
height={400}
|
height={400}
|
||||||
className="order-1 object-cover md:order-2"
|
className="order-1 object-cover md:order-2"
|
||||||
|
|||||||
+6
-6
@@ -12,13 +12,13 @@ const About9 = ({ className }: About9Props) => {
|
|||||||
<div className="container">
|
<div className="container">
|
||||||
<div className="mx-auto max-w-6xl">
|
<div className="mx-auto max-w-6xl">
|
||||||
<h1 className="mb-6 max-w-4xl text-3xl leading-tight font-medium tracking-tight md:text-xl">
|
<h1 className="mb-6 max-w-4xl text-3xl leading-tight font-medium tracking-tight md:text-xl">
|
||||||
سلام، ما تیمی از توسعهدهندگان هستیم که با اشتیاق، اپلیکیشنهای وب مقیاسپذیر، سریع و قابل اعتماد میسازیم.
|
سلام، ما تیم دادهنما هستیم؛ پلتفرم آنالیتیکس محصول برای تیمهای رشد و محصول.
|
||||||
</h1>
|
</h1>
|
||||||
|
|
||||||
<div className="mb-8 flex justify-center">
|
<div className="mb-8 flex justify-center">
|
||||||
<img
|
<img
|
||||||
src="/block-media/shadcnblocks/block/photos/nubelson-fernandes-tAJYoec13xk-unsplash.jpg"
|
src="/block-media/shadcnblocks/block/photos/nubelson-fernandes-tAJYoec13xk-unsplash.jpg"
|
||||||
alt="تیم در حال کار"
|
alt="تیم دادهنما در حال بررسی متریکها"
|
||||||
className="w-full rounded-sm object-cover"
|
className="w-full rounded-sm object-cover"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -26,7 +26,7 @@ const About9 = ({ className }: About9Props) => {
|
|||||||
<div className="mx-auto mb-16 flex w-full max-w-6xl flex-col justify-between gap-12 md:flex-row">
|
<div className="mx-auto mb-16 flex w-full max-w-6xl flex-col justify-between gap-12 md:flex-row">
|
||||||
<div className="text-base font-medium">
|
<div className="text-base font-medium">
|
||||||
<span className="block text-muted-foreground">
|
<span className="block text-muted-foreground">
|
||||||
توسعهدهنده فولاستک
|
تحلیلگر محصول
|
||||||
</span>
|
</span>
|
||||||
<span className="font-semibold text-foreground">
|
<span className="font-semibold text-foreground">
|
||||||
San Francisco CA
|
San Francisco CA
|
||||||
@@ -40,16 +40,16 @@ const About9 = ({ className }: About9Props) => {
|
|||||||
|
|
||||||
<div className="mt-8 w-full md:mt-0 md:w-2/3">
|
<div className="mt-8 w-full md:mt-0 md:w-2/3">
|
||||||
<p className="font-base w-full text-lg leading-[28px] text-muted-foreground md:w-3/4">
|
<p className="font-base w-full text-lg leading-[28px] text-muted-foreground md:w-3/4">
|
||||||
من یک توسعهدهنده فولاستک با بیش از ۶ سال تجربه در طراحی و توسعه اپلیکیشنهای وب مقیاسپذیر هستم. علاقه به حل مسئله و فناوری، مسیر حرفهای من را شکل داده است.
|
بیش از شش سال روی قیف فعالسازی، نگهداشت و تحلیل کوهورت کار کردهام تا تیمهای محصول تصمیمهای مبتنی بر داده بگیرند.
|
||||||
<br />
|
<br />
|
||||||
<br />
|
<br />
|
||||||
در رابط کاربری، سرور برنامه و فناوریهای ابری تخصص دارم و به کسبوکار نوپاها و سازمانها کمک کردهام محصولات دیجیتال مقیاسپذیر توسعه دهند. تمرکز من بر تجربه کاربری، معماری تمیز و کدی است که در بلندمدت بهسادگی نگهداری شود.
|
دادهنما رویدادهای محصول، قیف تبدیل و گزارش نگهداشت را بدون نیاز به تیم داده جداگانه در اختیار مدیران محصول و رشد میگذارد.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<div className="mt-12">
|
<div className="mt-12">
|
||||||
<img
|
<img
|
||||||
src="/block-media/shadcnblocks/block/photos/nastuh-abootalebi-eHD8Y1Znfpk-unsplash.jpg"
|
src="/block-media/shadcnblocks/block/photos/nastuh-abootalebi-eHD8Y1Znfpk-unsplash.jpg"
|
||||||
alt="محیط کار"
|
alt="فضای کاری تیم دادهنما"
|
||||||
className="w-full rounded-sm object-cover"
|
className="w-full rounded-sm object-cover"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -121,7 +121,7 @@ type SidebarData = {
|
|||||||
// Shared sidebar data - works with all sidebar variations
|
// Shared sidebar data - works with all sidebar variations
|
||||||
const sidebarData: SidebarData = {
|
const sidebarData: SidebarData = {
|
||||||
logo: {
|
logo: {
|
||||||
src: "/block-media/shadcnblocks/block/logos/ShadcnBlocks-logo.svg",
|
src: "/block-media/shadcnblocks/block/logos/NovaSales-logo.svg",
|
||||||
alt: "شادسیان بلاکس",
|
alt: "شادسیان بلاکس",
|
||||||
title: "شادسیان بلاکس",
|
title: "شادسیان بلاکس",
|
||||||
description: "اپلیکیشن خود را بسازید",
|
description: "اپلیکیشن خود را بسازید",
|
||||||
@@ -188,7 +188,7 @@ const sidebarData: SidebarData = {
|
|||||||
footerGroup: {
|
footerGroup: {
|
||||||
title: "پشتیبانی",
|
title: "پشتیبانی",
|
||||||
items: [
|
items: [
|
||||||
{ label: "راهنمای کاربران", icon: HelpCircle, href: "#" },
|
{ label: "راهنمای اعضای تیم", icon: HelpCircle, href: "#" },
|
||||||
{ label: "تنظیمات", icon: Settings, href: "#" },
|
{ label: "تنظیمات", icon: Settings, href: "#" },
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
@@ -202,19 +202,19 @@ const sidebarData: SidebarData = {
|
|||||||
{
|
{
|
||||||
id: "1",
|
id: "1",
|
||||||
name: "شادسیان بلاکس",
|
name: "شادسیان بلاکس",
|
||||||
logo: "/block-media/shadcnblocks/block/logos/ShadcnBlocks-logo.svg",
|
logo: "/block-media/shadcnblocks/block/logos/NovaSales-logo.svg",
|
||||||
plan: "سازمانی",
|
plan: "سازمانی",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2",
|
||||||
name: "قالبهای شادسیان",
|
name: "قالبهای شادسیان",
|
||||||
logo: "/block-media/shadcnblocks/block/logos/ShadcnBlocks-logo.svg",
|
logo: "/block-media/shadcnblocks/block/logos/NovaSales-logo.svg",
|
||||||
plan: "استارتاپ",
|
plan: "استارتاپ",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3",
|
||||||
name: "کامپوننتهای شادسیان",
|
name: "کامپوننتهای شادسیان",
|
||||||
logo: "/block-media/shadcnblocks/block/logos/ShadcnBlocks-logo.svg",
|
logo: "/block-media/shadcnblocks/block/logos/NovaSales-logo.svg",
|
||||||
plan: "رایگان",
|
plan: "رایگان",
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
|
|||||||
@@ -398,7 +398,7 @@ function AppSidebar({
|
|||||||
>
|
>
|
||||||
<div className="flex size-8 items-center justify-center rounded-sm bg-primary">
|
<div className="flex size-8 items-center justify-center rounded-sm bg-primary">
|
||||||
<img
|
<img
|
||||||
src="/block-media/shadcnblocks/block/logos/ShadcnBlocks-logo.svg"
|
src="/block-media/shadcnblocks/block/logos/NovaSales-logo.svg"
|
||||||
alt="شادسیان بلاکس"
|
alt="شادسیان بلاکس"
|
||||||
className="size-5 invert dark:invert-0"
|
className="size-5 invert dark:invert-0"
|
||||||
/>
|
/>
|
||||||
@@ -939,7 +939,7 @@ export function ApplicationShell10() {
|
|||||||
<div className="flex items-center gap-2">
|
<div className="flex items-center gap-2">
|
||||||
<div className="flex size-8 items-center justify-center rounded-sm bg-primary">
|
<div className="flex size-8 items-center justify-center rounded-sm bg-primary">
|
||||||
<img
|
<img
|
||||||
src="/block-media/shadcnblocks/block/logos/ShadcnBlocks-logo.svg"
|
src="/block-media/shadcnblocks/block/logos/NovaSales-logo.svg"
|
||||||
alt="شادسیان بلاکس"
|
alt="شادسیان بلاکس"
|
||||||
className="size-5 invert dark:invert-0"
|
className="size-5 invert dark:invert-0"
|
||||||
/>
|
/>
|
||||||
|
|||||||
@@ -406,7 +406,7 @@ function SiteHeader() {
|
|||||||
<a href="#" className="flex items-center gap-2">
|
<a href="#" className="flex items-center gap-2">
|
||||||
<div className="flex size-8 items-center justify-center rounded-sm bg-primary">
|
<div className="flex size-8 items-center justify-center rounded-sm bg-primary">
|
||||||
<img
|
<img
|
||||||
src="/block-media/shadcnblocks/block/logos/ShadcnBlocks-logo.svg"
|
src="/block-media/shadcnblocks/block/logos/NovaSales-logo.svg"
|
||||||
alt="شادسیان بلاکس"
|
alt="شادسیان بلاکس"
|
||||||
className="size-5 invert dark:invert-0"
|
className="size-5 invert dark:invert-0"
|
||||||
/>
|
/>
|
||||||
@@ -526,7 +526,7 @@ function MobileHeader() {
|
|||||||
<a href="#" className="flex items-center gap-2">
|
<a href="#" className="flex items-center gap-2">
|
||||||
<div className="flex size-8 items-center justify-center rounded-sm bg-primary">
|
<div className="flex size-8 items-center justify-center rounded-sm bg-primary">
|
||||||
<img
|
<img
|
||||||
src="/block-media/shadcnblocks/block/logos/ShadcnBlocks-logo.svg"
|
src="/block-media/shadcnblocks/block/logos/NovaSales-logo.svg"
|
||||||
alt="شادسیان بلاکس"
|
alt="شادسیان بلاکس"
|
||||||
className="size-5 invert dark:invert-0"
|
className="size-5 invert dark:invert-0"
|
||||||
/>
|
/>
|
||||||
|
|||||||
@@ -159,7 +159,7 @@ const data = {
|
|||||||
},
|
},
|
||||||
organization: {
|
organization: {
|
||||||
name: "شرکت آکمه",
|
name: "شرکت آکمه",
|
||||||
logo: "/block-media/shadcnblocks/block/logos/ShadcnBlocks-logo.svg",
|
logo: "/block-media/shadcnblocks/block/logos/NovaSales-logo.svg",
|
||||||
},
|
},
|
||||||
railIcons: [
|
railIcons: [
|
||||||
{ moduleId: "home", label: "خانه", icon: Home, defaultPath: "#" },
|
{ moduleId: "home", label: "خانه", icon: Home, defaultPath: "#" },
|
||||||
@@ -255,7 +255,7 @@ const data = {
|
|||||||
{ id: "members", label: "اعضا", icon: Users, path: "#" },
|
{ id: "members", label: "اعضا", icon: Users, path: "#" },
|
||||||
{
|
{
|
||||||
id: "activity",
|
id: "activity",
|
||||||
label: "فعالیت",
|
label: "فعالیت تیم",
|
||||||
icon: MessageSquare,
|
icon: MessageSquare,
|
||||||
path: "#",
|
path: "#",
|
||||||
},
|
},
|
||||||
@@ -347,7 +347,7 @@ function SidebarRail({
|
|||||||
>
|
>
|
||||||
<div className="flex size-8 items-center justify-center rounded-sm bg-primary">
|
<div className="flex size-8 items-center justify-center rounded-sm bg-primary">
|
||||||
<img
|
<img
|
||||||
src="/block-media/shadcnblocks/block/logos/ShadcnBlocks-logo.svg"
|
src="/block-media/shadcnblocks/block/logos/NovaSales-logo.svg"
|
||||||
alt="شادسیان بلاکس"
|
alt="شادسیان بلاکس"
|
||||||
className="size-5 invert dark:invert-0"
|
className="size-5 invert dark:invert-0"
|
||||||
/>
|
/>
|
||||||
@@ -1073,7 +1073,7 @@ export function ApplicationShell12() {
|
|||||||
<a href="#" className="flex items-center gap-2">
|
<a href="#" className="flex items-center gap-2">
|
||||||
<div className="flex aspect-square size-8 items-center justify-center rounded-sm bg-primary">
|
<div className="flex aspect-square size-8 items-center justify-center rounded-sm bg-primary">
|
||||||
<img
|
<img
|
||||||
src="/block-media/shadcnblocks/block/logos/ShadcnBlocks-logo.svg"
|
src="/block-media/shadcnblocks/block/logos/NovaSales-logo.svg"
|
||||||
alt="شادسیان بلاکس"
|
alt="شادسیان بلاکس"
|
||||||
className="size-6 text-primary-foreground invert dark:invert-0"
|
className="size-6 text-primary-foreground invert dark:invert-0"
|
||||||
/>
|
/>
|
||||||
|
|||||||
@@ -59,8 +59,8 @@ type NavGroup = {
|
|||||||
|
|
||||||
const data = {
|
const data = {
|
||||||
brand: {
|
brand: {
|
||||||
name: "ShadcnBlocks",
|
name: "NovaSales",
|
||||||
logo: "/block-media/shadcnblocks/block/logos/ShadcnBlocks-logo.svg",
|
logo: "/block-media/shadcnblocks/block/logos/NovaSales-logo.svg",
|
||||||
},
|
},
|
||||||
user: {
|
user: {
|
||||||
name: "علی رضایی",
|
name: "علی رضایی",
|
||||||
|
|||||||
@@ -436,7 +436,7 @@ function UserMenu() {
|
|||||||
</DropdownMenuItem>
|
</DropdownMenuItem>
|
||||||
<DropdownMenuItem className="gap-2">
|
<DropdownMenuItem className="gap-2">
|
||||||
<HelpCircle className="size-4" />
|
<HelpCircle className="size-4" />
|
||||||
راهنمای کاربران
|
راهنمای اعضای تیم
|
||||||
</DropdownMenuItem>
|
</DropdownMenuItem>
|
||||||
<DropdownMenuItem className="gap-2">
|
<DropdownMenuItem className="gap-2">
|
||||||
<Gift className="size-4" />
|
<Gift className="size-4" />
|
||||||
|
|||||||
@@ -113,9 +113,9 @@ type SidebarData = {
|
|||||||
// Shared sidebar data - works with all sidebar variations
|
// Shared sidebar data - works with all sidebar variations
|
||||||
const sidebarData: SidebarData = {
|
const sidebarData: SidebarData = {
|
||||||
logo: {
|
logo: {
|
||||||
src: "/block-media/shadcnblocks/block/logos/ShadcnBlocks-logo.svg",
|
src: "/block-media/shadcnblocks/block/logos/NovaSales-logo.svg",
|
||||||
alt: "شادسیان بلاکس",
|
alt: "شادسیان بلاکس",
|
||||||
title: "ShadcnBlocks",
|
title: "NovaSales",
|
||||||
description: "اپلیکیشن خود را بسازید",
|
description: "اپلیکیشن خود را بسازید",
|
||||||
},
|
},
|
||||||
navGroups: [
|
navGroups: [
|
||||||
@@ -180,7 +180,7 @@ const sidebarData: SidebarData = {
|
|||||||
footerGroup: {
|
footerGroup: {
|
||||||
title: "پشتیبانی",
|
title: "پشتیبانی",
|
||||||
items: [
|
items: [
|
||||||
{ label: "راهنمای کاربران", icon: HelpCircle, href: "#" },
|
{ label: "راهنمای اعضای تیم", icon: HelpCircle, href: "#" },
|
||||||
{ label: "تنظیمات", icon: Settings, href: "#" },
|
{ label: "تنظیمات", icon: Settings, href: "#" },
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
@@ -193,20 +193,20 @@ const sidebarData: SidebarData = {
|
|||||||
workspaces: [
|
workspaces: [
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1",
|
||||||
name: "ShadcnBlocks",
|
name: "NovaSales",
|
||||||
logo: "/block-media/shadcnblocks/block/logos/ShadcnBlocks-logo.svg",
|
logo: "/block-media/shadcnblocks/block/logos/NovaSales-logo.svg",
|
||||||
plan: "سازمانی",
|
plan: "سازمانی",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2",
|
||||||
name: "ری یو آی قالبها",
|
name: "ری یو آی قالبها",
|
||||||
logo: "/block-media/shadcnblocks/block/logos/ShadcnBlocks-logo.svg",
|
logo: "/block-media/shadcnblocks/block/logos/NovaSales-logo.svg",
|
||||||
plan: "استارتاپ",
|
plan: "استارتاپ",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3",
|
||||||
name: "ری یو آی بخشها",
|
name: "ری یو آی بخشها",
|
||||||
logo: "/block-media/shadcnblocks/block/logos/ShadcnBlocks-logo.svg",
|
logo: "/block-media/shadcnblocks/block/logos/NovaSales-logo.svg",
|
||||||
plan: "رایگان",
|
plan: "رایگان",
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
|
|||||||
@@ -100,9 +100,9 @@ type SidebarData = {
|
|||||||
// Shared sidebar data - works with all sidebar variations
|
// Shared sidebar data - works with all sidebar variations
|
||||||
const sidebarData: SidebarData = {
|
const sidebarData: SidebarData = {
|
||||||
logo: {
|
logo: {
|
||||||
src: "/block-media/shadcnblocks/block/logos/ShadcnBlocks-logo.svg",
|
src: "/block-media/shadcnblocks/block/logos/NovaSales-logo.svg",
|
||||||
alt: "شادسیان بلاکس",
|
alt: "شادسیان بلاکس",
|
||||||
title: "ShadcnBlocks",
|
title: "NovaSales",
|
||||||
description: "اپلیکیشن خود را بسازید",
|
description: "اپلیکیشن خود را بسازید",
|
||||||
},
|
},
|
||||||
navGroups: [
|
navGroups: [
|
||||||
@@ -167,7 +167,7 @@ const sidebarData: SidebarData = {
|
|||||||
footerGroup: {
|
footerGroup: {
|
||||||
title: "پشتیبانی",
|
title: "پشتیبانی",
|
||||||
items: [
|
items: [
|
||||||
{ label: "راهنمای کاربران", icon: HelpCircle, href: "#" },
|
{ label: "راهنمای اعضای تیم", icon: HelpCircle, href: "#" },
|
||||||
{ label: "تنظیمات", icon: Settings, href: "#" },
|
{ label: "تنظیمات", icon: Settings, href: "#" },
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
@@ -180,20 +180,20 @@ const sidebarData: SidebarData = {
|
|||||||
workspaces: [
|
workspaces: [
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1",
|
||||||
name: "ShadcnBlocks",
|
name: "NovaSales",
|
||||||
logo: "/block-media/shadcnblocks/block/logos/ShadcnBlocks-logo.svg",
|
logo: "/block-media/shadcnblocks/block/logos/NovaSales-logo.svg",
|
||||||
plan: "سازمانی",
|
plan: "سازمانی",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2",
|
||||||
name: "ری یو آی قالبها",
|
name: "ری یو آی قالبها",
|
||||||
logo: "/block-media/shadcnblocks/block/logos/ShadcnBlocks-logo.svg",
|
logo: "/block-media/shadcnblocks/block/logos/NovaSales-logo.svg",
|
||||||
plan: "استارتاپ",
|
plan: "استارتاپ",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3",
|
||||||
name: "ری یو آی بخشها",
|
name: "ری یو آی بخشها",
|
||||||
logo: "/block-media/shadcnblocks/block/logos/ShadcnBlocks-logo.svg",
|
logo: "/block-media/shadcnblocks/block/logos/NovaSales-logo.svg",
|
||||||
plan: "رایگان",
|
plan: "رایگان",
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
|
|||||||
@@ -100,9 +100,9 @@ type SidebarData = {
|
|||||||
// Shared sidebar data - works with all sidebar variations
|
// Shared sidebar data - works with all sidebar variations
|
||||||
const sidebarData: SidebarData = {
|
const sidebarData: SidebarData = {
|
||||||
logo: {
|
logo: {
|
||||||
src: "/block-media/shadcnblocks/block/logos/ShadcnBlocks-logo.svg",
|
src: "/block-media/shadcnblocks/block/logos/NovaSales-logo.svg",
|
||||||
alt: "شادسیان بلاکس",
|
alt: "شادسیان بلاکس",
|
||||||
title: "ShadcnBlocks",
|
title: "NovaSales",
|
||||||
description: "اپلیکیشن خود را بسازید",
|
description: "اپلیکیشن خود را بسازید",
|
||||||
},
|
},
|
||||||
navGroups: [
|
navGroups: [
|
||||||
@@ -167,7 +167,7 @@ const sidebarData: SidebarData = {
|
|||||||
footerGroup: {
|
footerGroup: {
|
||||||
title: "پشتیبانی",
|
title: "پشتیبانی",
|
||||||
items: [
|
items: [
|
||||||
{ label: "راهنمای کاربران", icon: HelpCircle, href: "#" },
|
{ label: "راهنمای اعضای تیم", icon: HelpCircle, href: "#" },
|
||||||
{ label: "تنظیمات", icon: Settings, href: "#" },
|
{ label: "تنظیمات", icon: Settings, href: "#" },
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
@@ -180,20 +180,20 @@ const sidebarData: SidebarData = {
|
|||||||
workspaces: [
|
workspaces: [
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1",
|
||||||
name: "ShadcnBlocks",
|
name: "NovaSales",
|
||||||
logo: "/block-media/shadcnblocks/block/logos/ShadcnBlocks-logo.svg",
|
logo: "/block-media/shadcnblocks/block/logos/NovaSales-logo.svg",
|
||||||
plan: "سازمانی",
|
plan: "سازمانی",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2",
|
||||||
name: "ری یو آی قالبها",
|
name: "ری یو آی قالبها",
|
||||||
logo: "/block-media/shadcnblocks/block/logos/ShadcnBlocks-logo.svg",
|
logo: "/block-media/shadcnblocks/block/logos/NovaSales-logo.svg",
|
||||||
plan: "استارتاپ",
|
plan: "استارتاپ",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3",
|
||||||
name: "ری یو آی بخشها",
|
name: "ری یو آی بخشها",
|
||||||
logo: "/block-media/shadcnblocks/block/logos/ShadcnBlocks-logo.svg",
|
logo: "/block-media/shadcnblocks/block/logos/NovaSales-logo.svg",
|
||||||
plan: "رایگان",
|
plan: "رایگان",
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
|
|||||||
@@ -112,9 +112,9 @@ type SidebarData = {
|
|||||||
// Shared sidebar data - works with all sidebar variations
|
// Shared sidebar data - works with all sidebar variations
|
||||||
const sidebarData: SidebarData = {
|
const sidebarData: SidebarData = {
|
||||||
logo: {
|
logo: {
|
||||||
src: "/block-media/shadcnblocks/block/logos/ShadcnBlocks-logo.svg",
|
src: "/block-media/shadcnblocks/block/logos/NovaSales-logo.svg",
|
||||||
alt: "شادسیان بلاکس",
|
alt: "شادسیان بلاکس",
|
||||||
title: "ShadcnBlocks",
|
title: "NovaSales",
|
||||||
description: "اپلیکیشن خود را بسازید",
|
description: "اپلیکیشن خود را بسازید",
|
||||||
},
|
},
|
||||||
navGroups: [
|
navGroups: [
|
||||||
@@ -179,7 +179,7 @@ const sidebarData: SidebarData = {
|
|||||||
footerGroup: {
|
footerGroup: {
|
||||||
title: "پشتیبانی",
|
title: "پشتیبانی",
|
||||||
items: [
|
items: [
|
||||||
{ label: "راهنمای کاربران", icon: HelpCircle, href: "#" },
|
{ label: "راهنمای اعضای تیم", icon: HelpCircle, href: "#" },
|
||||||
{ label: "تنظیمات", icon: Settings, href: "#" },
|
{ label: "تنظیمات", icon: Settings, href: "#" },
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
@@ -192,20 +192,20 @@ const sidebarData: SidebarData = {
|
|||||||
workspaces: [
|
workspaces: [
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1",
|
||||||
name: "ShadcnBlocks",
|
name: "NovaSales",
|
||||||
logo: "/block-media/shadcnblocks/block/logos/ShadcnBlocks-logo.svg",
|
logo: "/block-media/shadcnblocks/block/logos/NovaSales-logo.svg",
|
||||||
plan: "سازمانی",
|
plan: "سازمانی",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2",
|
||||||
name: "ری یو آی قالبها",
|
name: "ری یو آی قالبها",
|
||||||
logo: "/block-media/shadcnblocks/block/logos/ShadcnBlocks-logo.svg",
|
logo: "/block-media/shadcnblocks/block/logos/NovaSales-logo.svg",
|
||||||
plan: "استارتاپ",
|
plan: "استارتاپ",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3",
|
||||||
name: "ری یو آی بخشها",
|
name: "ری یو آی بخشها",
|
||||||
logo: "/block-media/shadcnblocks/block/logos/ShadcnBlocks-logo.svg",
|
logo: "/block-media/shadcnblocks/block/logos/NovaSales-logo.svg",
|
||||||
plan: "رایگان",
|
plan: "رایگان",
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
|
|||||||
@@ -287,7 +287,7 @@ export function AppSidebar({
|
|||||||
<a href="#">
|
<a href="#">
|
||||||
<div className="flex aspect-square size-8 items-center justify-center rounded-sm bg-primary">
|
<div className="flex aspect-square size-8 items-center justify-center rounded-sm bg-primary">
|
||||||
<img
|
<img
|
||||||
src="/block-media/shadcnblocks/block/logos/ShadcnBlocks-logo.svg"
|
src="/block-media/shadcnblocks/block/logos/NovaSales-logo.svg"
|
||||||
alt="شادسیان بلاکس"
|
alt="شادسیان بلاکس"
|
||||||
className="size-6 text-primary-foreground invert dark:invert-0"
|
className="size-6 text-primary-foreground invert dark:invert-0"
|
||||||
/>
|
/>
|
||||||
@@ -444,7 +444,7 @@ export function ApplicationShell6({ className }: ApplicationShell6Props) {
|
|||||||
<a href="#">
|
<a href="#">
|
||||||
<div className="flex aspect-square size-8 items-center justify-center rounded-sm bg-primary">
|
<div className="flex aspect-square size-8 items-center justify-center rounded-sm bg-primary">
|
||||||
<img
|
<img
|
||||||
src="/block-media/shadcnblocks/block/logos/ShadcnBlocks-logo.svg"
|
src="/block-media/shadcnblocks/block/logos/NovaSales-logo.svg"
|
||||||
alt="شادسیان بلاکس"
|
alt="شادسیان بلاکس"
|
||||||
className="size-6 text-primary-foreground invert dark:invert-0"
|
className="size-6 text-primary-foreground invert dark:invert-0"
|
||||||
/>
|
/>
|
||||||
|
|||||||
@@ -505,7 +505,7 @@ function AppSidebar({
|
|||||||
<a href="#">
|
<a href="#">
|
||||||
<div className="flex aspect-square size-8 items-center justify-center rounded-sm bg-primary">
|
<div className="flex aspect-square size-8 items-center justify-center rounded-sm bg-primary">
|
||||||
<img
|
<img
|
||||||
src="/block-media/shadcnblocks/block/logos/ShadcnBlocks-logo.svg"
|
src="/block-media/shadcnblocks/block/logos/NovaSales-logo.svg"
|
||||||
alt="شادسیان بلاکس"
|
alt="شادسیان بلاکس"
|
||||||
className="size-6 text-primary-foreground invert dark:invert-0"
|
className="size-6 text-primary-foreground invert dark:invert-0"
|
||||||
/>
|
/>
|
||||||
@@ -869,7 +869,7 @@ function RightPanelContent() {
|
|||||||
<section className="space-y-3">
|
<section className="space-y-3">
|
||||||
<div className="flex items-center justify-between">
|
<div className="flex items-center justify-between">
|
||||||
<SidebarGroupLabel className="text-xs font-medium tracking-wide text-muted-foreground">
|
<SidebarGroupLabel className="text-xs font-medium tracking-wide text-muted-foreground">
|
||||||
فعالیتها
|
فعالیت تیمها
|
||||||
</SidebarGroupLabel>
|
</SidebarGroupLabel>
|
||||||
<Button
|
<Button
|
||||||
variant="ghost"
|
variant="ghost"
|
||||||
@@ -977,7 +977,7 @@ export function ApplicationShell7({ className }: ApplicationShell7Props) {
|
|||||||
<a href="#" className="md:hidden">
|
<a href="#" className="md:hidden">
|
||||||
<div className="flex aspect-square size-8 items-center justify-center rounded-sm bg-primary">
|
<div className="flex aspect-square size-8 items-center justify-center rounded-sm bg-primary">
|
||||||
<img
|
<img
|
||||||
src="/block-media/shadcnblocks/block/logos/ShadcnBlocks-logo.svg"
|
src="/block-media/shadcnblocks/block/logos/NovaSales-logo.svg"
|
||||||
alt="شادسیان بلاکس"
|
alt="شادسیان بلاکس"
|
||||||
className="size-6 text-primary-foreground invert dark:invert-0"
|
className="size-6 text-primary-foreground invert dark:invert-0"
|
||||||
/>
|
/>
|
||||||
|
|||||||
@@ -633,7 +633,7 @@ export function AppSidebar({
|
|||||||
<a href="#">
|
<a href="#">
|
||||||
<div className="flex aspect-square size-8 items-center justify-center rounded-sm bg-primary">
|
<div className="flex aspect-square size-8 items-center justify-center rounded-sm bg-primary">
|
||||||
<img
|
<img
|
||||||
src="/block-media/shadcnblocks/block/logos/ShadcnBlocks-logo.svg"
|
src="/block-media/shadcnblocks/block/logos/NovaSales-logo.svg"
|
||||||
alt="شادسیان بلاکس"
|
alt="شادسیان بلاکس"
|
||||||
className="size-6 text-primary-foreground invert dark:invert-0"
|
className="size-6 text-primary-foreground invert dark:invert-0"
|
||||||
/>
|
/>
|
||||||
@@ -846,7 +846,7 @@ export function ApplicationShell8() {
|
|||||||
<div className="ms-2 flex items-center md:hidden">
|
<div className="ms-2 flex items-center md:hidden">
|
||||||
<div className="flex aspect-square size-8 items-center justify-center rounded-sm bg-primary">
|
<div className="flex aspect-square size-8 items-center justify-center rounded-sm bg-primary">
|
||||||
<img
|
<img
|
||||||
src="/block-media/shadcnblocks/block/logos/ShadcnBlocks-logo.svg"
|
src="/block-media/shadcnblocks/block/logos/NovaSales-logo.svg"
|
||||||
alt="شادسیان بلاکس"
|
alt="شادسیان بلاکس"
|
||||||
className="size-6 text-primary-foreground invert dark:invert-0"
|
className="size-6 text-primary-foreground invert dark:invert-0"
|
||||||
/>
|
/>
|
||||||
|
|||||||
@@ -92,7 +92,7 @@ const fileTreeData: TreeItem[] = [
|
|||||||
function Logo({ className }: { className?: string }) {
|
function Logo({ className }: { className?: string }) {
|
||||||
return (
|
return (
|
||||||
<img
|
<img
|
||||||
src="/block-media/shadcnblocks/block/logos/ShadcnBlocks-logo.svg"
|
src="/block-media/shadcnblocks/block/logos/NovaSales-logo.svg"
|
||||||
alt="شادسیان بلاکس"
|
alt="شادسیان بلاکس"
|
||||||
className={cn("size-5 dark:invert", className)}
|
className={cn("size-5 dark:invert", className)}
|
||||||
/>
|
/>
|
||||||
@@ -155,7 +155,7 @@ export function AppSidebar({
|
|||||||
<a href="#">
|
<a href="#">
|
||||||
<div className="flex aspect-square size-8 items-center justify-center rounded-sm bg-primary">
|
<div className="flex aspect-square size-8 items-center justify-center rounded-sm bg-primary">
|
||||||
<img
|
<img
|
||||||
src="/block-media/shadcnblocks/block/logos/ShadcnBlocks-logo.svg"
|
src="/block-media/shadcnblocks/block/logos/NovaSales-logo.svg"
|
||||||
alt="شادسیان بلاکس"
|
alt="شادسیان بلاکس"
|
||||||
className="size-5 invert dark:invert-0"
|
className="size-5 invert dark:invert-0"
|
||||||
/>
|
/>
|
||||||
@@ -383,7 +383,7 @@ export function ApplicationShell9() {
|
|||||||
<div className="flex items-center gap-2">
|
<div className="flex items-center gap-2">
|
||||||
<div className="flex aspect-square size-7 items-center justify-center rounded-sm bg-primary">
|
<div className="flex aspect-square size-7 items-center justify-center rounded-sm bg-primary">
|
||||||
<img
|
<img
|
||||||
src="/block-media/shadcnblocks/block/logos/ShadcnBlocks-logo.svg"
|
src="/block-media/shadcnblocks/block/logos/NovaSales-logo.svg"
|
||||||
alt="شادسیان بلاکس"
|
alt="شادسیان بلاکس"
|
||||||
className="size-4 invert dark:invert-0"
|
className="size-4 invert dark:invert-0"
|
||||||
/>
|
/>
|
||||||
|
|||||||
+4
-4
@@ -11,7 +11,7 @@ const faYear = (year: number) => year.toLocaleString("fa-IR");
|
|||||||
const Awards1 = ({ className }: Awards1Props) => {
|
const Awards1 = ({ className }: Awards1Props) => {
|
||||||
const awards = [
|
const awards = [
|
||||||
{
|
{
|
||||||
name: "برنده جوایز طراحی استایلدهی",
|
name: "برنده جایزه طراحی استایلدهی",
|
||||||
description:
|
description:
|
||||||
"به پاس کیفیت ممتاز در طراحی و عملکرد وب مورد تقدیر قرار گرفته است.",
|
"به پاس کیفیت ممتاز در طراحی و عملکرد وب مورد تقدیر قرار گرفته است.",
|
||||||
year: 2024,
|
year: 2024,
|
||||||
@@ -25,7 +25,7 @@ const Awards1 = ({ className }: Awards1Props) => {
|
|||||||
url: "#",
|
url: "#",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: "بلاکهای رابط ری یو آی",
|
name: "بلاکهای رابط کاربری",
|
||||||
description:
|
description:
|
||||||
"به دلیل طراحی رابط کاربری و تجربه کاربری ممتاز مورد تقدیر قرار گرفته است.",
|
"به دلیل طراحی رابط کاربری و تجربه کاربری ممتاز مورد تقدیر قرار گرفته است.",
|
||||||
year: 2023,
|
year: 2023,
|
||||||
@@ -44,12 +44,12 @@ const Awards1 = ({ className }: Awards1Props) => {
|
|||||||
<section dir="rtl" lang="fa" className={cn("py-32", className)}>
|
<section dir="rtl" lang="fa" className={cn("py-32", className)}>
|
||||||
<div className="container space-y-10 lg:space-y-12">
|
<div className="container space-y-10 lg:space-y-12">
|
||||||
<h1 className="max-w-md text-2xll tracking-tighter lg:text-2xll">
|
<h1 className="max-w-md text-2xll tracking-tighter lg:text-2xll">
|
||||||
جوایز
|
جایزهها
|
||||||
</h1>
|
</h1>
|
||||||
<table className="w-full border-collapse">
|
<table className="w-full border-collapse">
|
||||||
<thead>
|
<thead>
|
||||||
<tr className="h-12 border-b text-start text-sm text-foreground/80">
|
<tr className="h-12 border-b text-start text-sm text-foreground/80">
|
||||||
<th className="font-semibold">جایزه</th>
|
<th className="font-semibold">نام</th>
|
||||||
<th className="font-semibold">توضیحات</th>
|
<th className="font-semibold">توضیحات</th>
|
||||||
<th className="text-end font-semibold">سال</th>
|
<th className="text-end font-semibold">سال</th>
|
||||||
</tr>
|
</tr>
|
||||||
|
|||||||
+1
-1
@@ -38,7 +38,7 @@ const Awards3 = ({ className }: Awards3Props) => {
|
|||||||
</h2>
|
</h2>
|
||||||
<p className="mb-6 max-w-3xl text-base text-muted-foreground">
|
<p className="mb-6 max-w-3xl text-base text-muted-foreground">
|
||||||
تعهد ما به کیفیت، نوآوری و خلق تجربههای ارزشمند، زمینهساز دریافت این افتخارات بوده است. این دستاوردها انگیزهای برای ادامه مسیر و ارائه راهکارهای بهتر هستند.
|
تعهد ما به کیفیت، نوآوری و خلق تجربههای ارزشمند، زمینهساز دریافت این افتخارات بوده است. این دستاوردها انگیزهای برای ادامه مسیر و ارائه راهکارهای بهتر هستند.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
{awards.map((award, index) => (
|
{awards.map((award, index) => (
|
||||||
<div
|
<div
|
||||||
|
|||||||
+3
-3
@@ -9,12 +9,12 @@ interface Awards4Props {
|
|||||||
const faYear = (year: number) => year.toLocaleString("fa-IR");
|
const faYear = (year: number) => year.toLocaleString("fa-IR");
|
||||||
|
|
||||||
const faRowNum = (index: number) =>
|
const faRowNum = (index: number) =>
|
||||||
`(${(index + 1).toLocaleString("fa-IR", { minimumIntegerDigits: 3 })})`;
|
`(${(index + 1).toLocaleString("fa-IR", { minimumIntegerDigits: 3 })}`;
|
||||||
|
|
||||||
const Awards4 = ({ className }: Awards4Props) => {
|
const Awards4 = ({ className }: Awards4Props) => {
|
||||||
const awards = [
|
const awards = [
|
||||||
{
|
{
|
||||||
name: "برنده جوایز طراحی استایلدهی",
|
name: "برنده جایزه طراحی استایلدهی",
|
||||||
description:
|
description:
|
||||||
"به پاس کیفیت ممتاز در طراحی و عملکرد وب مورد تقدیر قرار گرفته است.",
|
"به پاس کیفیت ممتاز در طراحی و عملکرد وب مورد تقدیر قرار گرفته است.",
|
||||||
year: 2024,
|
year: 2024,
|
||||||
@@ -74,7 +74,7 @@ const Awards4 = ({ className }: Awards4Props) => {
|
|||||||
<tr className="h-12 border-b text-start text-foreground/40">
|
<tr className="h-12 border-b text-start text-foreground/40">
|
||||||
<th className="hidden min-w-30 font-normal lg:table-cell lg:min-w-40"></th>
|
<th className="hidden min-w-30 font-normal lg:table-cell lg:min-w-40"></th>
|
||||||
<th className="font-normal">نام</th>
|
<th className="font-normal">نام</th>
|
||||||
<th className="hidden font-normal md:table-cell">نامزدی</th>
|
<th className="hidden font-normal md:table-cell">توضیحات</th>
|
||||||
<th className="text-end font-normal">سال</th>
|
<th className="text-end font-normal">سال</th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
|
|||||||
+1
-1
@@ -16,7 +16,7 @@ interface Banner1Props {
|
|||||||
}
|
}
|
||||||
|
|
||||||
const Banner1 = ({
|
const Banner1 = ({
|
||||||
title = "نسخه ۲۰ منتشر شد!",
|
title = "نسخه ۲.۰ منتشر شد",
|
||||||
description = "جزئیات این نسخه را",
|
description = "جزئیات این نسخه را",
|
||||||
linkText = "مشاهده کنید",
|
linkText = "مشاهده کنید",
|
||||||
linkUrl = "#",
|
linkUrl = "#",
|
||||||
|
|||||||
+1
-1
@@ -16,7 +16,7 @@ interface Banner2Props {
|
|||||||
}
|
}
|
||||||
|
|
||||||
const Banner2 = ({
|
const Banner2 = ({
|
||||||
title = "نسخه ۲۰ منتشر شد!",
|
title = "نسخه ۲.۰ منتشر شد",
|
||||||
description = "جزئیات این نسخه را",
|
description = "جزئیات این نسخه را",
|
||||||
linkText = "مشاهده کنید",
|
linkText = "مشاهده کنید",
|
||||||
linkUrl = "#",
|
linkUrl = "#",
|
||||||
|
|||||||
+3
-3
@@ -16,9 +16,9 @@ interface Banner3Props {
|
|||||||
}
|
}
|
||||||
|
|
||||||
const Banner3 = ({
|
const Banner3 = ({
|
||||||
title = "فروش ویژه جمعه سیاه! 🎉",
|
title = "پیشنهاد ویژه سازمانی - ۳۰٪ تخفیف",
|
||||||
description = "تا ۷۰٪ تخفیف روی تمام محصولات. فرصت محدود!",
|
description = "ویژه تیمهای ۱۰ نفره و بزرگتر. ثبتنام تا پایان ماه",
|
||||||
buttonText = "مشاهده محصولات",
|
buttonText = "درخواست مشاوره",
|
||||||
buttonUrl = "https://ShadcnBlocks",
|
buttonUrl = "https://ShadcnBlocks",
|
||||||
defaultVisible = true,
|
defaultVisible = true,
|
||||||
className,
|
className,
|
||||||
|
|||||||
+2
-2
@@ -16,8 +16,8 @@ interface Banner4Props {
|
|||||||
}
|
}
|
||||||
|
|
||||||
const Banner4 = ({
|
const Banner4 = ({
|
||||||
title = "فروش ویژه جمعه سیاه! 🎉",
|
title = "پیشنهاد ویژه سازمانی - ۳۰٪ تخفیف",
|
||||||
description = "تا ۷۰٪ تخفیف روی تمام محصولات. فرصت محدود!",
|
description = "ویژه تیمهای ۱۰ نفره و بزرگتر. ثبتنام تا پایان ماه",
|
||||||
defaultVisible = true,
|
defaultVisible = true,
|
||||||
className,
|
className,
|
||||||
}: Banner4Props) => {
|
}: Banner4Props) => {
|
||||||
|
|||||||
+2
-2
@@ -16,8 +16,8 @@ interface Banner5Props {
|
|||||||
}
|
}
|
||||||
|
|
||||||
const Banner5 = ({
|
const Banner5 = ({
|
||||||
title = "نسخه ۲۰ منتشر شد!",
|
title = "نسخه ۲.۰ منتشر شد",
|
||||||
description = "قابلیتها و امکانات جدید را بررسی کنید.",
|
description = "قابلیتها و امکانات جدید را بررسی کنید",
|
||||||
buttonText = "اطلاعات بیشتر",
|
buttonText = "اطلاعات بیشتر",
|
||||||
buttonUrl = "https://ShadcnBlocks",
|
buttonUrl = "https://ShadcnBlocks",
|
||||||
defaultVisible = true,
|
defaultVisible = true,
|
||||||
|
|||||||
+1
-1
@@ -21,7 +21,7 @@ interface Banner6Props {
|
|||||||
}
|
}
|
||||||
|
|
||||||
const Banner6 = ({
|
const Banner6 = ({
|
||||||
description = "بیش از ۲ هزار مشتری در سراسر جهان به ما اعتماد کردهاند",
|
description = "بیش از ۲۰۰۰ سازمان در سراسر جهان به ما اعتماد کردهاند",
|
||||||
avatars = [
|
avatars = [
|
||||||
{
|
{
|
||||||
src: "/block-media/shadcnblocks/block/avatar-1.webp",
|
src: "/block-media/shadcnblocks/block/avatar-1.webp",
|
||||||
|
|||||||
+1
-1
@@ -30,7 +30,7 @@ const Banner7 = ({ className }: Banner7Props) => {
|
|||||||
>
|
>
|
||||||
<div className="flex flex-1 items-center gap-4 text-sm font-medium md:justify-center md:text-center">
|
<div className="flex flex-1 items-center gap-4 text-sm font-medium md:justify-center md:text-center">
|
||||||
<p>
|
<p>
|
||||||
پلن پریمیوم اکنون در دسترس است! 🎉 با امکانات بیشتر و انعطاف بالاتر، تجربهای حرفهایتر داشته باشید.
|
پلن سازمانی اکنون در دسترس است. با امکانات پیشرفته و گزارشدهی جامع، مدیریت تیم را بهبود بخشید
|
||||||
<a href="#" className="ms-2 whitespace-nowrap underline md:hidden">
|
<a href="#" className="ms-2 whitespace-nowrap underline md:hidden">
|
||||||
<span>اطلاعات بیشتر</span>
|
<span>اطلاعات بیشتر</span>
|
||||||
</a>
|
</a>
|
||||||
|
|||||||
+19
-20
@@ -27,7 +27,7 @@ const formatPersianDate = (date: Date) =>
|
|||||||
|
|
||||||
const Blogpost1 = ({
|
const Blogpost1 = ({
|
||||||
className,
|
className,
|
||||||
title = "طراحی سریعتر وبسایت با ری یو آی",
|
title = "افزایش ۴۰٪ نرخ تبدیل با اتوماسیون بازاریابی CRM",
|
||||||
author = {
|
author = {
|
||||||
name: "علی رضایی",
|
name: "علی رضایی",
|
||||||
website: "https://www.ShadcnBlocks",
|
website: "https://www.ShadcnBlocks",
|
||||||
@@ -37,7 +37,7 @@ const Blogpost1 = ({
|
|||||||
image = "/block-media/shadcnblocks/block/placeholder-1.svg",
|
image = "/block-media/shadcnblocks/block/placeholder-1.svg",
|
||||||
pubDate = new Date(),
|
pubDate = new Date(),
|
||||||
description =
|
description =
|
||||||
"راهنمای گامبهگام ساخت وبلاگ مدرن و واکنشگرا با رابط کاربری و استایلدهی مدرن.",
|
"مطالعه موردی نحوه پیادهسازی اتوماسیون بازاریابی برای افزایش نرخ تبدیل و بهبود بهرهوری تیم فروش.",
|
||||||
}: Blogpost1Props) => {
|
}: Blogpost1Props) => {
|
||||||
return (
|
return (
|
||||||
<section dir="rtl" lang="fa" className={cn("py-32", className)}>
|
<section dir="rtl" lang="fa" className={cn("py-32", className)}>
|
||||||
@@ -79,25 +79,25 @@ const Blogpost1 = ({
|
|||||||
</div>
|
</div>
|
||||||
<div className="container">
|
<div className="container">
|
||||||
<div className="mx-auto prose max-w-3xl dark:prose-invert">
|
<div className="mx-auto prose max-w-3xl dark:prose-invert">
|
||||||
<h2 className="text-3xl font-extrabold">راهنمای طراحی رابط کاربری مدرن با رابط کاربری</h2>
|
<h2 className="text-3xl font-extrabold">اتوماسیون بازاریابی چیست و چرا اهمیت دارد؟</h2>
|
||||||
<p className="mt-2 text-lg text-muted-foreground">
|
<p className="mt-2 text-lg text-muted-foreground">
|
||||||
طراحی رابط کاربری مدرن تنها به ظاهر زیبا محدود نمیشود. استفاده از کامپوننتهای قابل استفاده مجدد و رعایت اصول تجربه کاربری، توسعه محصولات باکیفیت را سادهتر میکند.
|
اتوماسیون بازاریابی فرایند اجرای خودکار جریانهای ایمیل، امتیازدهی لید و اختصاص معامله به فروشندگان بر اساس رفتار دیجیتال مخاطب است. تیمهای B2B با این رویکرد، زمان پاسخگویی را از ۴۸ ساعت به کمتر از ۲ ساعت کاهش دادهاند.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<h2>چرا معماری کامپوننتمحور؟</h2>
|
<h2>چرا امتیازدهی لید مهم است؟</h2>
|
||||||
<p>
|
<p>
|
||||||
معماری کامپوننتمحور باعث کاهش تکرار کد، نگهداری آسانتر پروژه و توسعه سریعتر قابلیتهای جدید میشود.
|
با امتیازدهی رفتاری، لیدهای آماده خرید شناسایی شده و بهصورت خودکار به فروش اختصاص مییابند. این رویکرد نرخ تبدیل را تا ۴۰٪ افزایش میدهد.
|
||||||
</p>
|
</p>
|
||||||
<Alert>
|
<Alert>
|
||||||
<Lightbulb className="h-4 w-4" />
|
<Lightbulb className="h-4 w-4" />
|
||||||
<AlertTitle>نکته مهم</AlertTitle>
|
<AlertTitle>نکته کلیدی</AlertTitle>
|
||||||
<AlertDescription>
|
<AlertDescription>
|
||||||
پیش از شروع توسعه، ساختار طراحی، رنگها و کامپوننتهای پایه را مشخص کنید تا محصولی یکپارچه داشته باشید.
|
ایمیلهای شخصیسازیشده با نام شرکت مخاطب، نرخ باز شدن ۴۲٪ بالاتری نسبت به قالبهای عمومی دارند.
|
||||||
</AlertDescription>
|
</AlertDescription>
|
||||||
</Alert>
|
</Alert>
|
||||||
<h2>بهترین روشها</h2>
|
<h2>نتایج کمپین ۹۰ روزه</h2>
|
||||||
<p>
|
<p>
|
||||||
استفاده از سیستم طراحی، نامگذاری استاندارد و مستندسازی کامپوننتها کیفیت توسعه را در پروژههای بزرگ افزایش میدهد.
|
پس از اجرای جریانهای ایمیل و امتیازدهی، تیم فروش شاهد بهبود قابلتوجهی در معیارهای کلیدی بوده است.
|
||||||
</p>
|
</p>
|
||||||
<div>
|
<div>
|
||||||
<table>
|
<table>
|
||||||
@@ -124,10 +124,10 @@ const Blogpost1 = ({
|
|||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
<p>
|
<p>
|
||||||
معماری کامپوننتمحور باعث کاهش تکرار کد، نگهداری آسانتر پروژه و توسعه سریعتر قابلیتهای جدید میشود.
|
لیدهایی که حداقل ۳ ایمیل از دنباله را باز کرده بودند، ۲.۸ برابر بیشتر احتمال تبدیل به مشتری داشتند.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<h2>جمعبندی</h2>
|
<h2>بهینهسازی جریان ایمیل</h2>
|
||||||
|
|
||||||
<img
|
<img
|
||||||
src="/block-media/shadcnblocks/block/placeholder-1.svg"
|
src="/block-media/shadcnblocks/block/placeholder-1.svg"
|
||||||
@@ -135,22 +135,21 @@ const Blogpost1 = ({
|
|||||||
className="my-8 aspect-video w-full rounded-md object-cover"
|
className="my-8 aspect-video w-full rounded-md object-cover"
|
||||||
/>
|
/>
|
||||||
<p>
|
<p>
|
||||||
برای شروع کافی است{" "}
|
تیم بازاریابی با تست A/B موضوع ایمیل، نرخ باز شدن را از ۱۸٪ به ۲۶٪ رساند.
|
||||||
<a href="#">یک ساختار مناسب</a> را برای پروژه خود انتخاب کنید و بهمرور توسعه دهید.
|
|
||||||
</p>
|
</p>
|
||||||
<blockquote>
|
<blockquote>
|
||||||
«رابط کاربری خوب فقط زیبا نیست؛ استفاده از آن باید ساده، سریع و لذتبخش باشد.»
|
«ایمیلهای کوتاه با یک CTA واضح، نرخ کلیک ۳۵٪ بالاتری نسبت به ایمیلهای چندبخشی داشتند.»
|
||||||
</blockquote>
|
</blockquote>
|
||||||
<p>
|
<p>
|
||||||
برای بهبود نرخ تبدیل، این سه اصل را در اولویت قرار دهید:
|
سه نوع دنباله ایمیل برای بخشهای مختلف قیف فروش طراحی شد:
|
||||||
</p>
|
</p>
|
||||||
<ul>
|
<ul>
|
||||||
<li>طراحی سیستم منسجم</li>
|
<li>آگاهی: معرفی مشکل و راهحل</li>
|
||||||
<li>کامپوننتهای قابل استفاده مجدد</li>
|
<li>بررسی: مقایسه با رقبا و مطالعه موردی</li>
|
||||||
<li>مستندسازی استاندارد</li>
|
<li>تصمیم: دعوت به دمو و پیشنهاد آزمایشی</li>
|
||||||
</ul>
|
</ul>
|
||||||
<p>
|
<p>
|
||||||
با رعایت این اصول، توسعه پروژه سریعتر، نگهداری آن سادهتر و تجربه کاربران نیز بهتر خواهد بود.
|
زمان پاسخ فروش به لیدهای داغ از ۲۴ ساعت به کمتر از ۲ ساعت رسید و نرخ بستن معامله ۴۰٪ افزایش یافت.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
+17
-17
@@ -21,7 +21,7 @@ const Blogpost2 = ({ className }: Blogpost2Props) => {
|
|||||||
بازگشت به خانه
|
بازگشت به خانه
|
||||||
</a>
|
</a>
|
||||||
<h1 className="mb-5 text-3xl font-bold text-balance lg:text-xl">
|
<h1 className="mb-5 text-3xl font-bold text-balance lg:text-xl">
|
||||||
۱۰ اصل برای ساخت سیستم طراحی در پروژههای بزرگ
|
۱۰ اصل طلایی برای راهاندازی موفق CRM در سازمانهای فروشمحور
|
||||||
</h1>
|
</h1>
|
||||||
<div className="flex gap-3">
|
<div className="flex gap-3">
|
||||||
<Avatar className="size-7 rounded-full">
|
<Avatar className="size-7 rounded-full">
|
||||||
@@ -45,45 +45,45 @@ const Blogpost2 = ({ className }: Blogpost2Props) => {
|
|||||||
/>
|
/>
|
||||||
<div className="prose dark:prose-invert">
|
<div className="prose dark:prose-invert">
|
||||||
<p>
|
<p>
|
||||||
در پروژههای بزرگ، داشتن یک سیستم طراحی یکپارچه استاندارد از ناهماهنگی رابط کاربری جلوگیری کرده و همکاری تیم را سادهتر میکند.
|
در سازمانهای فروشمحور، داشتن یک CRM یکپارچه و استاندارد از ناهماهنگی فرایندهای فروش جلوگیری کرده و همکاری تیم را سادهتر میکند.
|
||||||
</p>
|
</p>
|
||||||
<h2>جمعبندی</h2>
|
<h2>جمعبندی</h2>
|
||||||
<p>
|
<p>
|
||||||
برای شروع کافی است{" "}
|
برای شروع کافی است{" "}
|
||||||
<a href="#">یک ساختار مناسب</a> را برای پروژه خود انتخاب کنید و بهمرور توسعه دهید.
|
<a href="#">یک پلن مناسب</a> را برای سازمان خود انتخاب کنید و بهمرور توسعه دهید.
|
||||||
</p>
|
</p>
|
||||||
<blockquote>
|
<blockquote>
|
||||||
«رابط کاربری خوب فقط زیبا نیست؛ استفاده از آن باید ساده، سریع و لذتبخش باشد.»
|
«یک CRM موفق نهتنها دادهها را مدیریت میکند، بلکه فرایند فروش را نیز بهینهسازی میکند.»
|
||||||
</blockquote>
|
</blockquote>
|
||||||
<h3>اصول کلیدی</h3>
|
<h3>اصول کلیدی</h3>
|
||||||
<p>
|
<p>
|
||||||
برای پیادهسازی موفق سیستم طراحی، این اصول را رعایت کنید:
|
برای پیادهسازی موفق CRM، این اصول را رعایت کنید:
|
||||||
</p>
|
</p>
|
||||||
<ul>
|
<ul>
|
||||||
<li>طراحی سیستم منسجم</li>
|
<li>یکپارچهسازی دادههای مشتری</li>
|
||||||
<li>کامپوننتهای قابل استفاده مجدد</li>
|
<li>اتوماسیون فرایندهای فروش</li>
|
||||||
<li>مستندسازی استاندارد</li>
|
<li>گزارشگیری دقیق و بلادرنگ</li>
|
||||||
</ul>
|
</ul>
|
||||||
<p>
|
<p>
|
||||||
با رعایت این اصول، توسعه پروژه سریعتر، نگهداری آن سادهتر و تجربه کاربران نیز بهتر خواهد بود.
|
با رعایت این اصول، نرخ تبدیل سریعتر، نگهداری مشتری آسانتر و درآمد سازمان نیز بیشتر خواهد بود.
|
||||||
</p>
|
</p>
|
||||||
<h3>کتابخانه کامپوننت مرکزی</h3>
|
<h3>کتابخانه قالبهای فروش</h3>
|
||||||
<p>
|
<p>
|
||||||
کامپوننتهای مشترک را در یک کتابخانه مرکزی نگهداری کنید تا همه اعضای تیم از نسخهای واحد استفاده کنند.
|
قالبهای مشترک را در یک کتابخانه مرکزی نگهداری کنید تا همه اعضای تیم فروش از نسخهای واحد استفاده کنند.
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
استفاده از توکنهای طراحی برای رنگ، فاصله و تایپوگرافی، هماهنگی کل محصول را تضمین میکند.
|
استفاده از داشبوردهای آماده برای گزارشهای فروش، هماهنگی کل تیم را تضمین میکند.
|
||||||
</p>
|
</p>
|
||||||
<h3>بهترین روشها</h3>
|
<h3>بهترین روشها</h3>
|
||||||
<p>
|
<p>
|
||||||
استفاده از سیستم طراحی، نامگذاری استاندارد و مستندسازی کامپوننتها کیفیت توسعه را در پروژههای بزرگ افزایش میدهد.
|
استفاده از اتوماسیون فروش، استانداردسازی فرایندها و مستندسازی مشتریان، کیفیت فروش را در پروژههای بزرگ افزایش میدهد.
|
||||||
</p>
|
</p>
|
||||||
<div>
|
<div>
|
||||||
<table>
|
<table>
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<th>تعداد کامپوننت</th>
|
<th>تعداد مشتری</th>
|
||||||
<th>زمان توسعه</th>
|
<th>زمان پیادهسازی</th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
@@ -103,10 +103,10 @@ const Blogpost2 = ({ className }: Blogpost2Props) => {
|
|||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
<p>
|
<p>
|
||||||
معماری کامپوننتمحور باعث کاهش تکرار کد، نگهداری آسانتر پروژه و توسعه سریعتر قابلیتهای جدید میشود.
|
اتوماسیون فرایندهای فروش باعث کاهش کارهای دستی، نگهداری آسانتر مشتریان و توسعه سریعتر قابلیتهای جدید میشود.
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
یک سیستم طراحی موفق، سرعت توسعه را افزایش میدهد و تجربهای یکپارچه برای کاربران ایجاد میکند.
|
یک CRM موفق، سرعت فروش را افزایش میدهد و تجربهای یکپارچه برای مشتریان ایجاد میکند.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</article>
|
</article>
|
||||||
|
|||||||
@@ -69,12 +69,12 @@ const Blogpost3 = ({ className }: Blogpost3Props) => {
|
|||||||
<div className="mx-auto flex max-w-5xl flex-col items-center gap-5">
|
<div className="mx-auto flex max-w-5xl flex-col items-center gap-5">
|
||||||
<Badge variant="secondary">بهروزرسانی محصول</Badge>
|
<Badge variant="secondary">بهروزرسانی محصول</Badge>
|
||||||
<h1 className="text-center text-3xl font-medium text-pretty lg:text-2xll">
|
<h1 className="text-center text-3xl font-medium text-pretty lg:text-2xll">
|
||||||
ابزارهای جدید برای کار بهتر ابزارهای ساده جریان کار
|
ابزارهای جدید اتوماسیون بازاریابی برای افزایش نرخ تبدیل
|
||||||
</h1>
|
</h1>
|
||||||
<p className="text-center text-muted-foreground lg:text-lg">
|
<p className="text-center text-muted-foreground lg:text-lg">
|
||||||
ببینید قابلیتهای جدید خودکارسازی ما چطور میتواند بهرهوری تیم
|
ببینید قابلیتهای جدید اتوماسیون ما چطور میتواند بهرهوری تیم
|
||||||
شما را متحول کند. با جدیدترین ابزارها و امکانات برای افزایش
|
فروش شما را متحول کند. با جدیدترین ابزارها و امکانات برای افزایش
|
||||||
کارایی، کاهش کارهای دستی و بهبود همکاری در سازمان آشنا شوید.
|
نرخ تبدیل، کاهش کارهای دستی و بهبود همکاری در سازمان آشنا شوید.
|
||||||
</p>
|
</p>
|
||||||
<div className="mt-6 flex items-center gap-4">
|
<div className="mt-6 flex items-center gap-4">
|
||||||
<Avatar className="size-12 border">
|
<Avatar className="size-12 border">
|
||||||
@@ -114,7 +114,7 @@ const Blogpost3 = ({ className }: Blogpost3Props) => {
|
|||||||
: "text-muted-foreground hover:text-primary",
|
: "text-muted-foreground hover:text-primary",
|
||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
چرا معماری کامپوننتمحور؟
|
چرا اتوماسیون بازاریابی مهم است؟
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
@@ -245,9 +245,9 @@ const Blogpost3 = ({ className }: Blogpost3Props) => {
|
|||||||
<div className="sticky top-8 prose hidden h-fit rounded-lg border p-6 text-start lg:block dark:prose-invert">
|
<div className="sticky top-8 prose hidden h-fit rounded-lg border p-6 text-start lg:block dark:prose-invert">
|
||||||
<h5 className="text-xl font-semibold">با راهکار ما شروع کنید</h5>
|
<h5 className="text-xl font-semibold">با راهکار ما شروع کنید</h5>
|
||||||
<ul className="my-6 text-sm [&>li]:ps-0 [&>li]:pe-0">
|
<ul className="my-6 text-sm [&>li]:ps-0 [&>li]:pe-0">
|
||||||
<li>صرفهجویی ۴۰٪ زمان با خودکارسازی وظایف</li>
|
<li>افزایش ۴۰٪ نرخ تبدیل با امتیازدهی لید</li>
|
||||||
<li>همکاری بلادرنگ تیمی</li>
|
<li>کاهش ۶۰٪ زمان پاسخگویی به مشتریان</li>
|
||||||
<li>جریانهای کار ساده با کشیدن و رها کردن</li>
|
<li>گزارشهای دقیق فروش با داشبورد بلادرنگ</li>
|
||||||
</ul>
|
</ul>
|
||||||
<div className="flex flex-col gap-2">
|
<div className="flex flex-col gap-2">
|
||||||
<Button>شروع کنید</Button>
|
<Button>شروع کنید</Button>
|
||||||
|
|||||||
@@ -101,7 +101,7 @@ const Blogpost4 = ({ className }: Blogpost4Props) => {
|
|||||||
</BreadcrumbList>
|
</BreadcrumbList>
|
||||||
</Breadcrumb>
|
</Breadcrumb>
|
||||||
<h1 className="mt-7 mb-6 max-w-3xl text-start text-3xl font-semibold md:text-2xll">
|
<h1 className="mt-7 mb-6 max-w-3xl text-start text-3xl font-semibold md:text-2xll">
|
||||||
چگونه نرخ تبدیل لیدها را ۴۰٪ با اتوماسیون بازاریابی افزایش دهید
|
چگونه نرخ تبدیل لیدها را ۴۰٪ با CRM هوشمند افزایش دهید
|
||||||
</h1>
|
</h1>
|
||||||
<div className="flex flex-wrap items-center gap-3 text-sm">
|
<div className="flex flex-wrap items-center gap-3 text-sm">
|
||||||
<Avatar className="h-8 w-8 border">
|
<Avatar className="h-8 w-8 border">
|
||||||
|
|||||||
@@ -92,7 +92,7 @@ const Blogpost5 = ({ className }: Blogpost5Props) => {
|
|||||||
</BreadcrumbList>
|
</BreadcrumbList>
|
||||||
</Breadcrumb>
|
</Breadcrumb>
|
||||||
<h1 className="mt-9 mb-7 max-w-3xl text-start text-xl font-bold md:mb-10 md:text-2xll">
|
<h1 className="mt-9 mb-7 max-w-3xl text-start text-xl font-bold md:mb-10 md:text-2xll">
|
||||||
چگونه نرخ تبدیل لیدها را ۴۰٪ با اتوماسیون بازاریابی افزایش دهید
|
چگونه نرخ تبدیل لیدها را ۴۰٪ با CRM هوشمند افزایش دهید
|
||||||
</h1>
|
</h1>
|
||||||
<div className="flex flex-wrap items-center gap-3 text-sm md:text-base">
|
<div className="flex flex-wrap items-center gap-3 text-sm md:text-base">
|
||||||
<Avatar className="h-8 w-8 border">
|
<Avatar className="h-8 w-8 border">
|
||||||
|
|||||||
@@ -47,7 +47,7 @@ const AUTHOR: AuthorType = {
|
|||||||
name: "مهسا نوری",
|
name: "مهسا نوری",
|
||||||
job: "مدیرعامل و همبنیانگذار",
|
job: "مدیرعامل و همبنیانگذار",
|
||||||
description:
|
description:
|
||||||
"توسعهدهنده و نویسندهای که تجربههای خود در طراحی رابط کاربری، معماری نرمافزار و توسعه فرانتاند را با زبانی ساده و کاربردی به اشتراک میگذارد.",
|
"متخصص حوزه CRM و اتوماسیون فروش با بیش از ۱۰ سال تجربه در توسعه پلتفرمهای بازاریابی دیجیتال برای کسبوکارهای B2B.",
|
||||||
socials: [
|
socials: [
|
||||||
{
|
{
|
||||||
icon: Twitter,
|
icon: Twitter,
|
||||||
@@ -68,7 +68,7 @@ const BREADCRUMB: Array<BreadcrumbItem> = [
|
|||||||
link: "#",
|
link: "#",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: "وبلاگ",
|
label: "مقالات",
|
||||||
link: "#",
|
link: "#",
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
@@ -134,10 +134,10 @@ const Blogpost6 = ({ className }: Blogpost6Props) => {
|
|||||||
<div>{ARTICLE_DATE}</div>
|
<div>{ARTICLE_DATE}</div>
|
||||||
</div>
|
</div>
|
||||||
<h1 className="text-center text-[2.5rem] leading-[1.2] font-semibold md:text-2xll lg:text-2xll">
|
<h1 className="text-center text-[2.5rem] leading-[1.2] font-semibold md:text-2xll lg:text-2xll">
|
||||||
ساخت کامپوننتهای بهتر
|
راهنمای جامع انتخاب CRM برای تیمهای فروش
|
||||||
</h1>
|
</h1>
|
||||||
<p className="text-center text-xl leading-[1.4] font-semibold text-foreground">
|
<p className="text-center text-xl leading-[1.4] font-semibold text-foreground">
|
||||||
کامپوننتهای رابط کاربری پایه و اساس ساخت محصولات دیجیتال مدرن هستند. در این مقاله با نقش، مزایا و مهمترین انواع آنها آشنا میشوید.
|
پلتفرمهای CRM پایه و اساس مدیریت مشتریان و افزایش فروش در کسبوکارهای مدرن هستند. در این مقاله با نقش، مزایا و مهمترین قابلیتهای آنها آشنا میشوید.
|
||||||
</p>
|
</p>
|
||||||
<div className="flex items-center justify-center gap-2.5">
|
<div className="flex items-center justify-center gap-2.5">
|
||||||
{SHARE_LINKS.map((link, index) => (
|
{SHARE_LINKS.map((link, index) => (
|
||||||
@@ -184,13 +184,13 @@ const Blogpost6 = ({ className }: Blogpost6Props) => {
|
|||||||
<div className="prose dark:prose-invert">
|
<div className="prose dark:prose-invert">
|
||||||
<h2>نکات کلیدی</h2>
|
<h2>نکات کلیدی</h2>
|
||||||
<p>
|
<p>
|
||||||
• استفاده از کامپوننتهای قابل استفاده مجدد باعث افزایش سرعت توسعه، کاهش تکرار کد و حفظ یکپارچگی رابط کاربری میشود.
|
• استفاده از CRM مناسب باعث افزایش سرعت فروش، کاهش زمان پیگیری و حفظ یکپارچگی دادههای مشتریان میشود.
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
• کتابخانههایی مانند ری یو آی، کتابخانه پایه و کتابخانه رابط توسعه رابطهای کاربری استاندارد و دسترسپذیر را سادهتر میکنند.
|
• پلتفرمهایی مانند HubSpot، Salesforce و Zoho توسعه فرایندهای فروش استاندارد و قابلاندازهگیری را سادهتر میکنند.
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
• طراحی مبتنی بر کامپوننت، نگهداری پروژه، توسعه قابلیتهای جدید و همکاری تیمی را آسانتر میکند.
|
• اتوماسیون مبتنی بر CRM، نگهداری مشتریان، توسعه قابلیتهای جدید و همکاری تیمی را آسانتر میکند.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<p>
|
<p>
|
||||||
|
|||||||
+2
-2
@@ -31,7 +31,7 @@ const defaultDepartments: Department[] = [
|
|||||||
href: "#",
|
href: "#",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "نماینده توسعه فروش",
|
title: "کارشناس توسعه بازار",
|
||||||
location: "تهران",
|
location: "تهران",
|
||||||
href: "#",
|
href: "#",
|
||||||
},
|
},
|
||||||
@@ -56,7 +56,7 @@ const defaultDepartments: Department[] = [
|
|||||||
|
|
||||||
const Careers1 = ({
|
const Careers1 = ({
|
||||||
title = "فرصتهای شغلی",
|
title = "فرصتهای شغلی",
|
||||||
description = "موقعیتهای شغلی باز ما را ببینید.",
|
description = "موقعیتهای شغلی باز ما را مشاهده کنید.",
|
||||||
departments = defaultDepartments,
|
departments = defaultDepartments,
|
||||||
className,
|
className,
|
||||||
}: Careers1Props) => {
|
}: Careers1Props) => {
|
||||||
|
|||||||
+2
-2
@@ -39,7 +39,7 @@ const Careers2 = ({ className }: Careers2Props) => {
|
|||||||
<p className="text-muted-foreground">
|
<p className="text-muted-foreground">
|
||||||
موقعیت مناسب خود را پیدا نکردید؟
|
موقعیت مناسب خود را پیدا نکردید؟
|
||||||
<a href="#" className="ms-1 underline">
|
<a href="#" className="ms-1 underline">
|
||||||
با ما تماس بگیرید.
|
رزومه ارسال کنید.
|
||||||
</a>
|
</a>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
@@ -68,7 +68,7 @@ const Careers2 = ({ className }: Careers2Props) => {
|
|||||||
href={job.link}
|
href={job.link}
|
||||||
className={cn(buttonVariants(), "w-fit gap-1 lg:ms-auto")}
|
className={cn(buttonVariants(), "w-fit gap-1 lg:ms-auto")}
|
||||||
>
|
>
|
||||||
ارسال درخواست
|
مشاهده و درخواست
|
||||||
<ArrowRight className="h-auto w-4 rtl:rotate-180" />
|
<ArrowRight className="h-auto w-4 rtl:rotate-180" />
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
+5
-5
@@ -10,20 +10,20 @@ const jobs = [
|
|||||||
{
|
{
|
||||||
title: "مهندس ارشد نرمافزار",
|
title: "مهندس ارشد نرمافزار",
|
||||||
description:
|
description:
|
||||||
"مسئول توسعه محصولات نرمافزاری جدید و موجود خواهید بود.",
|
"مسئول توسعه و نگهداری سامانههای نرمافزاری پیشرفته.",
|
||||||
location: "دفتر تهران یا دورکاری",
|
location: "دفتر تهران یا دورکاری",
|
||||||
link: "#",
|
link: "#",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "مدیر محصول",
|
title: "مدیر محصول",
|
||||||
description: "به ما در ساخت نسل بعدی محصولات کمک کنید.",
|
description: "نسل بعدی محصولات را با تیم طراحی و مهندسی توسعه دهید.",
|
||||||
location: "دفتر اصفهان یا دورکاری",
|
location: "دفتر اصفهان یا دورکاری",
|
||||||
link: "#",
|
link: "#",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "مهندس تضمین کیفیت",
|
title: "مهندس تضمین کیفیت",
|
||||||
description:
|
description:
|
||||||
"کیفیت محصولات نرمافزاری ما را از طریق تست و خودکارسازی تضمین کنید.",
|
"کیفیت محصولات نرمافزاری را از طریق تست و خودکارسازی تضمین کنید.",
|
||||||
location: "دفتر شیراز یا دورکاری",
|
location: "دفتر شیراز یا دورکاری",
|
||||||
link: "#",
|
link: "#",
|
||||||
},
|
},
|
||||||
@@ -42,14 +42,14 @@ const jobs = [
|
|||||||
{
|
{
|
||||||
title: "نویسنده محتوا",
|
title: "نویسنده محتوا",
|
||||||
description:
|
description:
|
||||||
"محتوای جذاب برای وبلاگ، وبسایت و شبکههای اجتماعی تولید کنید.",
|
"محتوای تخصصی برای وبلاگ، وبسایت و شبکههای اجتماعی تولید کنید.",
|
||||||
location: "تبریز",
|
location: "تبریز",
|
||||||
link: "#",
|
link: "#",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "مدیر شبکههای اجتماعی",
|
title: "مدیر شبکههای اجتماعی",
|
||||||
description:
|
description:
|
||||||
"حضور ما در شبکههای اجتماعی را مدیریت کنید و با مخاطبان در تعامل باشید.",
|
"استراتژی شبکههای اجتماعی را اجرا کنید و با مخاطبان تعامل داشته باشید.",
|
||||||
location: "کرمان",
|
location: "کرمان",
|
||||||
link: "#",
|
link: "#",
|
||||||
},
|
},
|
||||||
|
|||||||
+1
-1
@@ -34,7 +34,7 @@ const defaultJobs: JobCategory[] = [
|
|||||||
url: "#",
|
url: "#",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "سازنده محصول رابط کاربری",
|
title: "توسعهدهنده ارشد بکاند",
|
||||||
location: "دورکاری",
|
location: "دورکاری",
|
||||||
url: "#",
|
url: "#",
|
||||||
},
|
},
|
||||||
|
|||||||
+5
-5
@@ -7,7 +7,7 @@ const jobs = [
|
|||||||
title: "مهندس ارشد نرمافزار",
|
title: "مهندس ارشد نرمافزار",
|
||||||
category: "مهندسی",
|
category: "مهندسی",
|
||||||
description:
|
description:
|
||||||
"مسئول توسعه محصولات نرمافزاری جدید و موجود خواهید بود.",
|
"مسئول توسعه و نگهداری سامانههای نرمافزاری پیشرفته.",
|
||||||
location: "دورکاری",
|
location: "دورکاری",
|
||||||
type: "تماموقت",
|
type: "تماموقت",
|
||||||
salary: "۱۲۰ تا ۱۸۰ میلیون تومان",
|
salary: "۱۲۰ تا ۱۸۰ میلیون تومان",
|
||||||
@@ -16,7 +16,7 @@ const jobs = [
|
|||||||
{
|
{
|
||||||
title: "مدیر محصول",
|
title: "مدیر محصول",
|
||||||
category: "مهندسی",
|
category: "مهندسی",
|
||||||
description: "به ما در ساخت نسل بعدی محصولات کمک کنید.",
|
description: "نسل بعدی محصولات را با تیم طراحی و مهندسی توسعه دهید.",
|
||||||
location: "دورکاری",
|
location: "دورکاری",
|
||||||
type: "تماموقت",
|
type: "تماموقت",
|
||||||
salary: "۱۰۰ تا ۱۵۰ میلیون تومان",
|
salary: "۱۰۰ تا ۱۵۰ میلیون تومان",
|
||||||
@@ -26,7 +26,7 @@ const jobs = [
|
|||||||
title: "مهندس تضمین کیفیت",
|
title: "مهندس تضمین کیفیت",
|
||||||
category: "مهندسی",
|
category: "مهندسی",
|
||||||
description:
|
description:
|
||||||
"کیفیت محصولات نرمافزاری ما را از طریق تست و خودکارسازی تضمین کنید.",
|
"کیفیت محصولات نرمافزاری را از طریق تست و خودکارسازی تضمین کنید.",
|
||||||
location: "دورکاری",
|
location: "دورکاری",
|
||||||
type: "تماموقت",
|
type: "تماموقت",
|
||||||
salary: "۸۰ تا ۱۲۰ میلیون تومان",
|
salary: "۸۰ تا ۱۲۰ میلیون تومان",
|
||||||
@@ -46,7 +46,7 @@ const jobs = [
|
|||||||
title: "نویسنده محتوا",
|
title: "نویسنده محتوا",
|
||||||
category: "بازاریابی",
|
category: "بازاریابی",
|
||||||
description:
|
description:
|
||||||
"محتوای جذاب برای وبلاگ، وبسایت و شبکههای اجتماعی تولید کنید.",
|
"محتوای تخصصی برای وبلاگ، وبسایت و شبکههای اجتماعی تولید کنید.",
|
||||||
location: "دورکاری",
|
location: "دورکاری",
|
||||||
type: "تماموقت",
|
type: "تماموقت",
|
||||||
salary: "۵۰ تا ۸۰ میلیون تومان",
|
salary: "۵۰ تا ۸۰ میلیون تومان",
|
||||||
@@ -56,7 +56,7 @@ const jobs = [
|
|||||||
title: "مدیر شبکههای اجتماعی",
|
title: "مدیر شبکههای اجتماعی",
|
||||||
category: "بازاریابی",
|
category: "بازاریابی",
|
||||||
description:
|
description:
|
||||||
"حضور ما در شبکههای اجتماعی را مدیریت کنید و با مخاطبان در تعامل باشید.",
|
"استراتژی شبکههای اجتماعی را اجرا کنید و با مخاطبان تعامل داشته باشید.",
|
||||||
location: "دورکاری",
|
location: "دورکاری",
|
||||||
type: "تماموقت",
|
type: "تماموقت",
|
||||||
salary: "۴۵ تا ۷۵ میلیون تومان",
|
salary: "۴۵ تا ۷۵ میلیون تومان",
|
||||||
|
|||||||
+5
-5
@@ -21,7 +21,7 @@ const jobs = [
|
|||||||
category: "مهندسی",
|
category: "مهندسی",
|
||||||
department: "توسعه محصول",
|
department: "توسعه محصول",
|
||||||
description:
|
description:
|
||||||
"مسئول توسعه محصولات نرمافزاری جدید و موجود، رهبری ابتکارات فنی و راهنمایی توسعهدهندگان تازهکار خواهید بود.",
|
"مسئول توسعه و نگهداری سامانههای نرمافزاری پیشرفته، رهبری ابتکارات فنی و راهنمایی تیم توسعه.",
|
||||||
location: "دورکاری",
|
location: "دورکاری",
|
||||||
type: "تماموقت",
|
type: "تماموقت",
|
||||||
salary: "۱۲۰ تا ۱۸۰ میلیون تومان",
|
salary: "۱۲۰ تا ۱۸۰ میلیون تومان",
|
||||||
@@ -34,7 +34,7 @@ const jobs = [
|
|||||||
category: "محصول",
|
category: "محصول",
|
||||||
department: "مدیریت محصول",
|
department: "مدیریت محصول",
|
||||||
description:
|
description:
|
||||||
"با تعریف استراتژی و نقشه راه محصول و همکاری نزدیک با تیمهای فنی، به ساخت نسل بعدی محصولات ما کمک کنید.",
|
"با تعریف استراتژی و نقشه راه محصول و همکاری نزدیک با تیمهای فنی و طراحی، نسل بعدی محصولات را توسعه دهید.",
|
||||||
location: "تهران",
|
location: "تهران",
|
||||||
type: "تماموقت",
|
type: "تماموقت",
|
||||||
salary: "۱۰۰ تا ۱۵۰ میلیون تومان",
|
salary: "۱۰۰ تا ۱۵۰ میلیون تومان",
|
||||||
@@ -47,7 +47,7 @@ const jobs = [
|
|||||||
category: "مهندسی",
|
category: "مهندسی",
|
||||||
department: "تضمین کیفیت",
|
department: "تضمین کیفیت",
|
||||||
description:
|
description:
|
||||||
"کیفیت محصولات نرمافزاری ما را از طریق تست جامع، چارچوبهای خودکارسازی و فرآیندهای بهبود مستمر تضمین کنید.",
|
"کیفیت محصولات نرمافزاری را از طریق تست جامع، خودکارسازی و فرآیندهای بهبود مستمر تضمین کنید.",
|
||||||
location: "دورکاری",
|
location: "دورکاری",
|
||||||
type: "تماموقت",
|
type: "تماموقت",
|
||||||
salary: "۸۰ تا ۱۲۰ میلیون تومان",
|
salary: "۸۰ تا ۱۲۰ میلیون تومان",
|
||||||
@@ -60,7 +60,7 @@ const jobs = [
|
|||||||
category: "پشتیبانی",
|
category: "پشتیبانی",
|
||||||
department: "موفقیت مشتری",
|
department: "موفقیت مشتری",
|
||||||
description:
|
description:
|
||||||
"پشتیبانی فنی ممتاز به مشتریان و تیمهای داخلی ارائه دهید، مشکلات را برطرف کنید و رضایت مشتری را حفظ کنید.",
|
"پشتیبانی فنی ممتاز به مشتریان و تیمهای داخلی ارائه دهید و رضایت مشتری را حفظ کنید.",
|
||||||
location: "مشهد",
|
location: "مشهد",
|
||||||
type: "تماموقت",
|
type: "تماموقت",
|
||||||
salary: "۶۰ تا ۹۰ میلیون تومان",
|
salary: "۶۰ تا ۹۰ میلیون تومان",
|
||||||
@@ -73,7 +73,7 @@ const jobs = [
|
|||||||
category: "بازاریابی",
|
category: "بازاریابی",
|
||||||
department: "بازاریابی محتوا",
|
department: "بازاریابی محتوا",
|
||||||
description:
|
description:
|
||||||
"محتوای جذاب و بهینهشده برای سئو برای وبلاگ، وبسایت و شبکههای اجتماعی تولید کنید که ترافیک و تبدیل را افزایش دهد.",
|
"محتوای تخصصی و بهینهشده برای سئو برای وبلاگ، وبسایت و شبکههای اجتماعی تولید کنید.",
|
||||||
location: "دورکاری",
|
location: "دورکاری",
|
||||||
type: "تماموقت",
|
type: "تماموقت",
|
||||||
salary: "۵۰ تا ۸۰ میلیون تومان",
|
salary: "۵۰ تا ۸۰ میلیون تومان",
|
||||||
|
|||||||
@@ -20,7 +20,7 @@ const CASE_STUDIES: CaseStudyCard[] = [
|
|||||||
logo: "/block-media/shadcnblocks/block/logos/vercel-wordmark-white.svg",
|
logo: "/block-media/shadcnblocks/block/logos/vercel-wordmark-white.svg",
|
||||||
logoAlt: "لوگوی Vercel",
|
logoAlt: "لوگوی Vercel",
|
||||||
logoClassName: "isolate h-7 w-fit",
|
logoClassName: "isolate h-7 w-fit",
|
||||||
title: "ببینید چگونه راهکارهای ما رشد کسبوکار را متحول میکنند",
|
title: "افزایش ۴۰٪ نرخ تبدیل با اتوماسیون بازاریابی",
|
||||||
featured: true,
|
featured: true,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
@@ -31,7 +31,7 @@ const CASE_STUDIES: CaseStudyCard[] = [
|
|||||||
logo: "/block-media/shadcnblocks/block/logos/react-wordmark-white.svg",
|
logo: "/block-media/shadcnblocks/block/logos/react-wordmark-white.svg",
|
||||||
logoAlt: "لوگوی React",
|
logoAlt: "لوگوی React",
|
||||||
logoClassName: "isolate h-9 w-fit",
|
logoClassName: "isolate h-9 w-fit",
|
||||||
title: "بیاموزید چگونه پلتفرم ما عملکرد کسبوکار را ارتقا میدهد",
|
title: "بهبود ۳ برابری بهرهوری تیم فروش با داشبورد تحلیلی",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
href: "#",
|
href: "#",
|
||||||
@@ -41,7 +41,7 @@ const CASE_STUDIES: CaseStudyCard[] = [
|
|||||||
logo: "/block-media/shadcnblocks/block/logos/shadcn-ui-wordmark-white.svg",
|
logo: "/block-media/shadcnblocks/block/logos/shadcn-ui-wordmark-white.svg",
|
||||||
logoAlt: "لوگوی shadcn/ui",
|
logoAlt: "لوگوی shadcn/ui",
|
||||||
logoClassName: "isolate h-8 w-fit",
|
logoClassName: "isolate h-8 w-fit",
|
||||||
title: "کشف کنید چگونه ابزارهای ما کسبوکار شما را برای آینده آماده میکنند",
|
title: "کاهش ۵۰٪ هزینههای عملیاتی با یکپارچهسازی دادهها",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
href: "#",
|
href: "#",
|
||||||
@@ -51,7 +51,7 @@ const CASE_STUDIES: CaseStudyCard[] = [
|
|||||||
logo: "/block-media/shadcnblocks/block/logos/tailwind-wordmark-white.svg",
|
logo: "/block-media/shadcnblocks/block/logos/tailwind-wordmark-white.svg",
|
||||||
logoAlt: "لوگوی Tailwind CSS",
|
logoAlt: "لوگوی Tailwind CSS",
|
||||||
logoClassName: "isolate h-7 w-fit",
|
logoClassName: "isolate h-7 w-fit",
|
||||||
title: "بررسی کنید چگونه خدمات ما به کسبوکار شما سود میرسانند",
|
title: "رشد ۲.۵ برابری درآمد سالانه با استراتژی دیجیتال",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
href: "#",
|
href: "#",
|
||||||
@@ -61,7 +61,7 @@ const CASE_STUDIES: CaseStudyCard[] = [
|
|||||||
logo: "/block-media/shadcnblocks/block/logos/nextjs-wordmark-white.svg",
|
logo: "/block-media/shadcnblocks/block/logos/nextjs-wordmark-white.svg",
|
||||||
logoAlt: "لوگوی Next.js",
|
logoAlt: "لوگوی Next.js",
|
||||||
logoClassName: "isolate h-6 w-fit",
|
logoClassName: "isolate h-6 w-fit",
|
||||||
title: "ببینید چگونه محصولات ما موفقیت شما در کسبوکار را تقویت میکنند",
|
title: "افزایش ۶۰٪ نرخ نگهداشت مشتریان با CRM هوشمند",
|
||||||
featured: true,
|
featured: true,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
@@ -72,7 +72,7 @@ const CASE_STUDIES: CaseStudyCard[] = [
|
|||||||
logo: "/block-media/shadcnblocks/block/logos/supabase-wordmark-white.svg",
|
logo: "/block-media/shadcnblocks/block/logos/supabase-wordmark-white.svg",
|
||||||
logoAlt: "لوگوی Supabase",
|
logoAlt: "لوگوی Supabase",
|
||||||
logoClassName: "isolate h-8 w-fit",
|
logoClassName: "isolate h-8 w-fit",
|
||||||
title: "بیاموزید چگونه خدمات ما موفقیت و رشد کسبوکار شما را ارتقا میدهند",
|
title: "اتوماسیون ۷۰٪ فرآیندهای تکراری با راهکارهای سازمانی",
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
|
|||||||
@@ -23,7 +23,7 @@ const CASE_STUDIES: CaseStudyItem[] = [
|
|||||||
image: "/block-media/shadcnblocks/block/placeholder-1.svg",
|
image: "/block-media/shadcnblocks/block/placeholder-1.svg",
|
||||||
imageAlt: "مدیر محصول در حال بررسی داشبورد تیمی",
|
imageAlt: "مدیر محصول در حال بررسی داشبورد تیمی",
|
||||||
quote:
|
quote:
|
||||||
"این ابزار بهرهوری نحوه همکاری ما را متحول کرد. جریان کار تیم بهشکل چشمگیری بهتر شد و زمان جلسات را نصف کردیم، در حالی که خروجی بیشتر شد.",
|
"با پیادهسازی این راهکار، زمان گزارشدهی ماهانه از ۲ هفته به ۲ روز کاهش یافت و تیم فروش تمرکز خود را روی فعالیتهای درآمدزا قرار داد.",
|
||||||
authorName: "محمد رضایی",
|
authorName: "محمد رضایی",
|
||||||
authorRole: "مدیر محصول",
|
authorRole: "مدیر محصول",
|
||||||
companyLogo:
|
companyLogo:
|
||||||
@@ -37,8 +37,8 @@ const CASE_STUDIES: CaseStudyItem[] = [
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
value: "۳.۸x",
|
value: "۳.۸x",
|
||||||
label: "بهبود بازگشت سرمایه",
|
label: "افزایش بازگشت سرمایه",
|
||||||
description: "در سهماهه اول",
|
description: "در سه ماهه نخست",
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
@@ -46,7 +46,7 @@ const CASE_STUDIES: CaseStudyItem[] = [
|
|||||||
image: "/block-media/shadcnblocks/block/placeholder-2.svg",
|
image: "/block-media/shadcnblocks/block/placeholder-2.svg",
|
||||||
imageAlt: "مدیر عملیات در جلسه برنامهریزی تیم",
|
imageAlt: "مدیر عملیات در جلسه برنامهریزی تیم",
|
||||||
quote:
|
quote:
|
||||||
"رابط کاربری شهودی و متناسب با نیازهای ماست. با آموزش حداقلی در همه بخشها اجرا کردیم و بلافاصله نتیجه گرفتیم.",
|
"یکپارچگی با ابزارهای موجود سازمان ما بدون نیاز به تغییر فرآیندهای جاری انجام شد و تیمها از همان روز اول بهرهوری بالاتری را تجربه کردند.",
|
||||||
authorName: "سارا احمدی",
|
authorName: "سارا احمدی",
|
||||||
authorRole: "مدیر عملیات",
|
authorRole: "مدیر عملیات",
|
||||||
companyLogo:
|
companyLogo:
|
||||||
@@ -60,8 +60,8 @@ const CASE_STUDIES: CaseStudyItem[] = [
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
value: "۷۲٪",
|
value: "۷۲٪",
|
||||||
label: "کاهش زمان انجام کار",
|
label: "کاهش زمان تحویل",
|
||||||
description: "در تمام پروژهها",
|
description: "در پروژههای سازمانی",
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
@@ -76,9 +76,9 @@ const CaseStudies2 = ({ className }: CaseStudies2Props) => {
|
|||||||
<section dir="rtl" lang="fa" className={cn("py-32", className)}>
|
<section dir="rtl" lang="fa" className={cn("py-32", className)}>
|
||||||
<div className="container">
|
<div className="container">
|
||||||
<div className="flex flex-col gap-6 text-center">
|
<div className="flex flex-col gap-6 text-center">
|
||||||
<p className="font-medium">بیش از ۴۵۰۰ مشتری راضی</p>
|
<p className="font-medium">بیش از ۴۵۰۰ سازمان در سراسر جهان</p>
|
||||||
<h2 className="text-xl font-medium md:text-2xll">
|
<h2 className="text-xl font-medium md:text-2xll">
|
||||||
نتایج واقعی از کاربران واقعی
|
گزارش موفقیت مشتریان
|
||||||
</h2>
|
</h2>
|
||||||
</div>
|
</div>
|
||||||
<div className="mt-20">
|
<div className="mt-20">
|
||||||
|
|||||||
@@ -25,8 +25,8 @@ const defaultFeaturedCasestudy: CaseStudyItem = {
|
|||||||
logo: "/block-media/shadcnblocks/block/block-1.svg",
|
logo: "/block-media/shadcnblocks/block/block-1.svg",
|
||||||
company: "Acme",
|
company: "Acme",
|
||||||
tags: "هوش مصنوعی / راهکارهای سازمانی",
|
tags: "هوش مصنوعی / راهکارهای سازمانی",
|
||||||
title: "اتوماسیون جریان کار برای عصر دیجیتال.",
|
title: "اتوماسیون فرآیندهای سازمانی با هوش مصنوعی",
|
||||||
subtitle: "چگونه جریان کار خود را با هوش مصنوعی خودکار کنیم.",
|
subtitle: "کاهش ۶۰٪ زمان فعالیتهای دستی با AI",
|
||||||
image: "/block-media/shadcnblocks/block/placeholder-1.svg",
|
image: "/block-media/shadcnblocks/block/placeholder-1.svg",
|
||||||
imageAlt: "نمای داشبورد اتوماسیون جریان کار",
|
imageAlt: "نمای داشبورد اتوماسیون جریان کار",
|
||||||
link: "https://ShadcnBlocks",
|
link: "https://ShadcnBlocks",
|
||||||
@@ -37,8 +37,8 @@ const defaultCasestudies: CaseStudyItem[] = [
|
|||||||
logo: "/block-media/shadcnblocks/block/block-2.svg",
|
logo: "/block-media/shadcnblocks/block/block-2.svg",
|
||||||
company: "Super",
|
company: "Super",
|
||||||
tags: "مهاجرت داده / راهکارهای نرمافزاری",
|
tags: "مهاجرت داده / راهکارهای نرمافزاری",
|
||||||
title: "مهاجرت داده را با هوش مصنوعی تقویت کنید.",
|
title: "انتقال امن دادهها با حفظ یکپارچگی اطلاعات",
|
||||||
subtitle: "پلتفرمی برای مهاجرت داده به سمت آیندهای مبتنی بر داده.",
|
subtitle: "مهاجرت بدون اختلال از زیرساخت قدیمی به ابر",
|
||||||
image: "",
|
image: "",
|
||||||
link: "https://ShadcnBlocks",
|
link: "https://ShadcnBlocks",
|
||||||
},
|
},
|
||||||
@@ -46,8 +46,8 @@ const defaultCasestudies: CaseStudyItem[] = [
|
|||||||
logo: "/block-media/shadcnblocks/block/block-3.svg",
|
logo: "/block-media/shadcnblocks/block/block-3.svg",
|
||||||
company: "Advent",
|
company: "Advent",
|
||||||
tags: "هوش مصنوعی / راهکارهای داده",
|
tags: "هوش مصنوعی / راهکارهای داده",
|
||||||
title: "هوش مصنوعی راهبردی برای کسبوکاری آیندهنگر.",
|
title: "تحلیل پیشبینانه برای تصمیمگیری هوشمند",
|
||||||
subtitle: "تسلط بر هوش مصنوعی برای عملیات کارآمدتر.",
|
subtitle: "پیشبینی روندهای بازار با دقت ۹۲٪",
|
||||||
image: "",
|
image: "",
|
||||||
link: "https://ShadcnBlocks",
|
link: "https://ShadcnBlocks",
|
||||||
},
|
},
|
||||||
@@ -55,7 +55,7 @@ const defaultCasestudies: CaseStudyItem[] = [
|
|||||||
|
|
||||||
const CaseStudyLink = () => (
|
const CaseStudyLink = () => (
|
||||||
<div className="flex items-center gap-2 font-medium">
|
<div className="flex items-center gap-2 font-medium">
|
||||||
مطالعه مورد
|
مشاهده گزارش موفقیت
|
||||||
<MoveRight className="h-4 w-4 transition-transform duration-500 ease-out group-hover:translate-x-1 rtl:rotate-180 rtl:group-hover:-translate-x-1" />
|
<MoveRight className="h-4 w-4 transition-transform duration-500 ease-out group-hover:translate-x-1 rtl:rotate-180 rtl:group-hover:-translate-x-1" />
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
@@ -103,7 +103,7 @@ const CaseStudies3 = ({
|
|||||||
src={featuredCasestudy.image}
|
src={featuredCasestudy.image}
|
||||||
alt={
|
alt={
|
||||||
featuredCasestudy.imageAlt ??
|
featuredCasestudy.imageAlt ??
|
||||||
`تصویر مطالعه مورد ${featuredCasestudy.company}`
|
`تصویر مطالعه موردی ${featuredCasestudy.company}`
|
||||||
}
|
}
|
||||||
className="aspect-14/9 h-full w-full object-cover transition-transform duration-500 ease-out group-hover:scale-105"
|
className="aspect-14/9 h-full w-full object-cover transition-transform duration-500 ease-out group-hover:scale-105"
|
||||||
/>
|
/>
|
||||||
|
|||||||
@@ -28,9 +28,9 @@ const CUSTOMER_DATA = {
|
|||||||
image: "/block-media/shadcnblocks/block/avatar-1.webp",
|
image: "/block-media/shadcnblocks/block/avatar-1.webp",
|
||||||
role: "مدیر فناوری، Monzo",
|
role: "مدیر فناوری، Monzo",
|
||||||
},
|
},
|
||||||
title: "چگونه جریان ورود کاربر را بهینه کردیم تا فعالسازی کاربران سهبرابر شود",
|
title: "بهینهسازی جریان ورود کاربر و سهبرابر شدن فعالسازی",
|
||||||
summary:
|
summary:
|
||||||
"بیاموزید چگونه تجربه ورود کاربر به محصول را با ابزار داخلی خود بازطراحی کردیم و زمان دستیابی به ارزش را بیش از ۶۰٪ کاهش دادیم.",
|
"نحوه بازطراحی تجربه ورود کاربر به محصول با ابزار داخلی و کاهش بیش از ۶۰٪ زمان دستیابی به ارزش",
|
||||||
link: "#",
|
link: "#",
|
||||||
};
|
};
|
||||||
|
|
||||||
@@ -99,7 +99,7 @@ const CaseStudies4 = ({ className }: CaseStudies4Props) => {
|
|||||||
<div className="shrink-0">
|
<div className="shrink-0">
|
||||||
<Button asChild variant="outline" size="sm">
|
<Button asChild variant="outline" size="sm">
|
||||||
<a href={CUSTOMER_DATA.link}>
|
<a href={CUSTOMER_DATA.link}>
|
||||||
مشاهده مطالعه موردی
|
مشاهده گزارش موفقیت
|
||||||
<ArrowRight className="rtl:rotate-180" />
|
<ArrowRight className="rtl:rotate-180" />
|
||||||
</a>
|
</a>
|
||||||
</Button>
|
</Button>
|
||||||
|
|||||||
+63
-156
@@ -1,9 +1,7 @@
|
|||||||
"use client";
|
"use client";
|
||||||
|
|
||||||
import { AnimatePresence, motion } from "framer-motion";
|
|
||||||
import React, { useState } from "react";
|
import React, { useState } from "react";
|
||||||
|
|
||||||
import type { CarouselApi } from "@/components/ui/carousel";
|
|
||||||
import {
|
import {
|
||||||
Carousel,
|
Carousel,
|
||||||
CarouselContent,
|
CarouselContent,
|
||||||
@@ -17,70 +15,49 @@ const SLIDES = [
|
|||||||
{
|
{
|
||||||
name: "کاوه مرادی",
|
name: "کاوه مرادی",
|
||||||
content:
|
content:
|
||||||
"Laravel نحوه ساخت اپلیکیشنهای وب ما را کاملاً متحول کرد. نحو زیبا، قابلیتهای قدرتمند و مستندات عالی، توسعه را لذتبخش کرده است.",
|
"معماری مدرن و قابلیتهای پیشرفته این پلتفرم، زمان توسعه APIهای سازمانی ما را ۴۰٪ کاهش داد و کیفیت کد را بهطور قابلتوجهی ارتقا بخشید.",
|
||||||
logo: "/block-media/shadcnblocks/block/logos/laravel-wordmark.svg",
|
logo: "/block-media/shadcnblocks/block/logos/tailwind-wordmark-black.svg",
|
||||||
logoAlt: "لوگوی Laravel",
|
logoAlt: "لوگوی Laravel",
|
||||||
logoClass: "h-10 md:h-12",
|
logoClass: "h-10 md:h-12",
|
||||||
imageAlt: "نمونه کار توسعه وب با Laravel",
|
imageAlt: "نمونه کار توسعه وب با Laravel",
|
||||||
images: [
|
images: [
|
||||||
{
|
{ src: "/block-media/shadcnblocks/block/photos/alvin-engler-bIhpiQA009k-unsplash.jpg", position: 0 },
|
||||||
src: "/block-media/shadcnblocks/block/photos/fabian-centeno-njeVb6E3XB8-unsplash.jpg",
|
{ src: "/block-media/shadcnblocks/block/photos/fabian-centeno-njeVb6E3XB8-unsplash.jpg", position: 2 },
|
||||||
position: 2,
|
{ src: "/block-media/shadcnblocks/block/photos/nastuh-abootalebi-yWwob8kwOCk-unsplash.jpg", position: 5 },
|
||||||
},
|
{ src: "/block-media/shadcnblocks/block/photos/michel-isamuna-kL-EAXnMAp0-unsplash.jpg", position: 3 },
|
||||||
{
|
{ src: "/block-media/shadcnblocks/block/photos/tirza-van-dijk-o1SKqmgSDbg-unsplash.jpg", position: 1 },
|
||||||
src: "/block-media/shadcnblocks/block/photos/israel-andrade-YI_9SivVt_s-unsplash.jpg",
|
{ src: "/block-media/shadcnblocks/block/photos/studio-kealaula-IVZ_XAoZF3s-unsplash.jpg", position: 6 },
|
||||||
position: 4,
|
{ src: "/block-media/shadcnblocks/block/photos/annie-spratt-hCb3lIB8L8E-unsplash.jpg", position: 4 },
|
||||||
},
|
{ src: "/block-media/shadcnblocks/block/photos/stephen-dawson-qwtCeJ5cLYs-unsplash.jpg", position: 7 },
|
||||||
{
|
{ src: "/block-media/shadcnblocks/block/photos/vitaly-gariev-y7xUr3aDLXc-unsplash.jpg", position: 8 },
|
||||||
src: "/block-media/shadcnblocks/block/photos/studio-kealaula-IVZ_XAoZF3s-unsplash.jpg",
|
|
||||||
position: 7,
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: "مهسا نوری",
|
name: "مهسا نوری",
|
||||||
content:
|
content:
|
||||||
"همکاری با این تیم کسبوکار ما را کاملاً متحول کرد. توجه به جزئیات و راهکارهای نوآورانه آنها باعث شد در تنها شش ماه، درآمدمان ۴۰٪ افزایش یابد.",
|
"پیادهسازی استراتژی دیجیتال مارکتینگ بهصورت دادهمحور، نرخ تبدیل ما را در ۶ ماه ۴۰٪ افزایش داد و هزینه جذب مشتری ۳۵٪ کاهش یافت.",
|
||||||
logo: "/block-media/shadcnblocks/block/logos/tailwind-wordmark.svg",
|
logo: "/block-media/shadcnblocks/block/logos/tailwind-wordmark-black.svg",
|
||||||
logoAlt: "لوگوی Tailwind CSS",
|
logoAlt: "لوگوی Tailwind CSS",
|
||||||
logoClass: "h-6 md:h-8",
|
logoClass: "h-6 md:h-8",
|
||||||
imageAlt: "نمونه کار طراحی رابط کاربری",
|
imageAlt: "نمونه کار طراحی رابط کاربری",
|
||||||
images: [
|
images: [
|
||||||
{
|
{ src: "/block-media/shadcnblocks/block/photos/annie-spratt-AkftcHujUmk-unsplash.jpg", position: 1 },
|
||||||
src: "/block-media/shadcnblocks/block/photos/annie-spratt-AkftcHujUmk-unsplash.jpg",
|
{ src: "/block-media/shadcnblocks/block/photos/nastuh-abootalebi-yWwob8kwOCk-unsplash.jpg", position: 3 },
|
||||||
position: 1,
|
{ src: "/block-media/shadcnblocks/block/photos/alvin-engler-bIhpiQA009k-unsplash.jpg", position: 5 },
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "/block-media/shadcnblocks/block/photos/nastuh-abootalebi-yWwob8kwOCk-unsplash.jpg",
|
|
||||||
position: 3,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "/block-media/shadcnblocks/block/photos/alvin-engler-bIhpiQA009k-unsplash.jpg",
|
|
||||||
position: 5,
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: "امیر محمدی",
|
name: "امیر محمدی",
|
||||||
content:
|
content:
|
||||||
"این محصول فراتر از تمام انتظارات ما بود. شهودی، قدرتمند و دقیقاً همان چیزی که برای سادهسازی فرآیندهایمان نیاز داشتیم. برای هر کسبوکاری توصیه میشود.",
|
"داشبورد تحلیلی یکپارچه با ارائه بینشهای بلادرنگ، به تیم مدیریتی امکان تصمیمگیری سریعتر و دقیقتر را داد و هماهنگی بین واحدها را بهبود بخشید.",
|
||||||
logo: "/block-media/shadcnblocks/block/logos/vercel-wordmark.svg",
|
logo: "/block-media/shadcnblocks/block/logos/vercel-wordmark.svg",
|
||||||
logoAlt: "لوگوی Vercel",
|
logoAlt: "لوگوی Vercel",
|
||||||
logoClass: "h-6 md:h-8",
|
logoClass: "h-6 md:h-8",
|
||||||
imageAlt: "نمونه کار استقرار و زیرساخت ابری",
|
imageAlt: "نمونه کار استقرار و زیرساخت ابری",
|
||||||
images: [
|
images: [
|
||||||
{
|
{ src: "/block-media/shadcnblocks/block/photos/redd-f-5U_28ojjgms-unsplash.jpg", position: 0 },
|
||||||
src: "/block-media/shadcnblocks/block/photos/redd-f-5U_28ojjgms-unsplash.jpg",
|
{ src: "/block-media/shadcnblocks/block/photos/nubelson-fernandes-tAJYoec13xk-unsplash.jpg", position: 4 },
|
||||||
position: 0,
|
{ src: "/block-media/shadcnblocks/block/photos/nubelson-fernandes-xxa7qYObMrI-unsplash.jpg", position: 7 },
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "/block-media/shadcnblocks/block/photos/nubelson-fernandes-tAJYoec13xk-unsplash.jpg",
|
|
||||||
position: 4,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "/block-media/shadcnblocks/block/photos/nubelson-fernandes-xxa7qYObMrI-unsplash.jpg",
|
|
||||||
position: 7,
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
@@ -90,127 +67,57 @@ interface CaseStudies5Props {
|
|||||||
}
|
}
|
||||||
|
|
||||||
const CaseStudies5 = ({ className }: CaseStudies5Props) => {
|
const CaseStudies5 = ({ className }: CaseStudies5Props) => {
|
||||||
const [currentIndex, setCurrentIndex] = useState(0);
|
|
||||||
const [carouselApi, setCarouselApi] = useState<CarouselApi>();
|
|
||||||
|
|
||||||
React.useEffect(() => {
|
|
||||||
if (!carouselApi) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
const onSelect = () => {
|
|
||||||
setCurrentIndex(carouselApi.selectedScrollSnap());
|
|
||||||
};
|
|
||||||
|
|
||||||
carouselApi.on("select", onSelect);
|
|
||||||
return () => {
|
|
||||||
carouselApi.off("select", onSelect);
|
|
||||||
};
|
|
||||||
}, [carouselApi]);
|
|
||||||
|
|
||||||
const renderGrid = (
|
|
||||||
images: (typeof SLIDES)[0]["images"],
|
|
||||||
imageAlt: string,
|
|
||||||
) => {
|
|
||||||
return (
|
|
||||||
<div className="grid h-full w-full grid-cols-3 grid-rows-3 gap-3 p-3">
|
|
||||||
{Array.from({ length: 9 }).map((_, index) => {
|
|
||||||
const image = images.find((img) => img.position === index);
|
|
||||||
const isImage = Boolean(image);
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div
|
|
||||||
key={index}
|
|
||||||
className={cn(
|
|
||||||
"w-full overflow-hidden rounded-lg",
|
|
||||||
!isImage && "bg-muted",
|
|
||||||
)}
|
|
||||||
>
|
|
||||||
{isImage && image?.src && (
|
|
||||||
<img
|
|
||||||
src={image.src}
|
|
||||||
alt={imageAlt}
|
|
||||||
className="aspect-square h-full w-full object-cover md:aspect-video"
|
|
||||||
loading={index === 0 ? "eager" : "lazy"}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
})}
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<section
|
<section
|
||||||
dir="rtl"
|
dir="rtl"
|
||||||
lang="fa"
|
lang="fa"
|
||||||
className={cn("bg-background py-32", className)}
|
className={cn("bg-background py-32", className)}
|
||||||
>
|
>
|
||||||
<div className="relative container">
|
<div className="container">
|
||||||
<div className="mx-auto w-full overflow-hidden rounded-lg md:border">
|
<Carousel className="w-full">
|
||||||
<Carousel setApi={setCarouselApi}>
|
<CarouselContent>
|
||||||
<div className="grid grid-cols-1 md:grid-cols-2">
|
{SLIDES.map((slide, index) => (
|
||||||
<div className="relative">
|
<CarouselItem key={index}>
|
||||||
<CarouselContent>
|
<div className="flex flex-col md:flex-row">
|
||||||
{SLIDES.map((testimonial, index) => (
|
<div className="w-full md:w-1/2 p-4">
|
||||||
<CarouselItem key={index}>
|
<div className="grid h-[400px] grid-cols-3 grid-rows-3 gap-1">
|
||||||
<div className="relative flex items-center justify-center overflow-hidden md:h-[500px]">
|
{Array.from({ length: 9 }).map((_, idx) => {
|
||||||
{renderGrid(testimonial.images, testimonial.imageAlt)}
|
const image = slide.images.find((img) => img.position === idx);
|
||||||
</div>
|
return (
|
||||||
</CarouselItem>
|
<div
|
||||||
))}
|
key={idx}
|
||||||
</CarouselContent>
|
className="overflow-hidden rounded-md bg-muted"
|
||||||
</div>
|
>
|
||||||
|
{image && (
|
||||||
<div className="z-2 flex h-full items-center p-4 md:p-10">
|
<img
|
||||||
<div className="flex flex-col gap-y-6 md:gap-y-8">
|
src={image.src}
|
||||||
<AnimatePresence mode="wait">
|
alt={slide.imageAlt}
|
||||||
<motion.div
|
className="h-full w-full object-cover"
|
||||||
key={currentIndex}
|
/>
|
||||||
initial={{ opacity: 0, y: 20 }}
|
)}
|
||||||
animate={{ opacity: 1, y: 0 }}
|
</div>
|
||||||
exit={{ opacity: 0, y: -20 }}
|
);
|
||||||
transition={{
|
})}
|
||||||
duration: 0.4,
|
</div>
|
||||||
ease: "easeOut",
|
</div>
|
||||||
}}
|
<div className="flex w-full flex-col justify-center p-8 md:w-1/2">
|
||||||
className="flex h-12 items-center gap-3"
|
<img
|
||||||
>
|
src={slide.logo}
|
||||||
<img
|
alt={slide.logoAlt}
|
||||||
src={SLIDES[currentIndex].logo}
|
className={cn("mb-6", slide.logoClass)}
|
||||||
alt={SLIDES[currentIndex].logoAlt}
|
/>
|
||||||
className={SLIDES[currentIndex].logoClass}
|
<p className="mb-6 leading-relaxed text-muted-foreground">
|
||||||
/>
|
{slide.content}
|
||||||
</motion.div>
|
</p>
|
||||||
</AnimatePresence>
|
<p className="font-medium">{slide.name}</p>
|
||||||
|
|
||||||
<AnimatePresence mode="wait">
|
|
||||||
<motion.p
|
|
||||||
key={currentIndex}
|
|
||||||
initial={{ opacity: 0, y: 20 }}
|
|
||||||
animate={{ opacity: 1, y: 0 }}
|
|
||||||
exit={{ opacity: 0, y: -20 }}
|
|
||||||
transition={{
|
|
||||||
duration: 0.4,
|
|
||||||
ease: "easeOut",
|
|
||||||
delay: 0.15,
|
|
||||||
}}
|
|
||||||
className="min-h-[100px] text-start leading-snug tracking-tight text-muted-foreground sm:text-xl xl:ms-8"
|
|
||||||
>
|
|
||||||
{SLIDES[currentIndex].content}
|
|
||||||
</motion.p>
|
|
||||||
</AnimatePresence>
|
|
||||||
|
|
||||||
<div className="flex h-12 gap-4">
|
|
||||||
<CarouselPrevious className="static translate-y-0 rtl:rotate-180" />
|
|
||||||
<CarouselNext className="static translate-y-0 rtl:rotate-180" />
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</CarouselItem>
|
||||||
</div>
|
))}
|
||||||
</Carousel>
|
</CarouselContent>
|
||||||
</div>
|
<CarouselPrevious className="mr-4 rtl:rotate-180" />
|
||||||
|
<CarouselNext className="rtl:rotate-180" />
|
||||||
|
</Carousel>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
);
|
);
|
||||||
|
|||||||
@@ -48,7 +48,7 @@ const CaseStudy1 = ({ className }: CaseStudy1Props) => {
|
|||||||
</BreadcrumbItem>
|
</BreadcrumbItem>
|
||||||
<BreadcrumbSeparator />
|
<BreadcrumbSeparator />
|
||||||
<BreadcrumbItem>
|
<BreadcrumbItem>
|
||||||
<BreadcrumbLink href="#">مطالعات مورد</BreadcrumbLink>
|
<BreadcrumbLink href="#">گزارشهای موفقیت</BreadcrumbLink>
|
||||||
</BreadcrumbItem>
|
</BreadcrumbItem>
|
||||||
<BreadcrumbSeparator />
|
<BreadcrumbSeparator />
|
||||||
<BreadcrumbItem>
|
<BreadcrumbItem>
|
||||||
@@ -61,13 +61,13 @@ const CaseStudy1 = ({ className }: CaseStudy1Props) => {
|
|||||||
<div className="max lg:col-span-2">
|
<div className="max lg:col-span-2">
|
||||||
<div>
|
<div>
|
||||||
<h1 className="text-start text-3xl font-extrabold text-pretty">
|
<h1 className="text-start text-3xl font-extrabold text-pretty">
|
||||||
افزایش ۱۲۵ درصدی پایداری سیستم با پایش هوش مصنوعی
|
گزارش موفقیت: افزایش ۱۲۵٪ پایداری زیرساخت با پایش هوشمند
|
||||||
</h1>
|
</h1>
|
||||||
<p className="mt-2 text-start text-lg text-muted-foreground">
|
<p className="mt-2 text-start text-lg text-muted-foreground">
|
||||||
یک شرکت فناوری بزرگ با چالشهای مکرر در پایداری زیرساخت
|
یک شرکت فناوری بزرگ با چالشهای مکرر در پایداری زیرساخت
|
||||||
مواجه بود. با استقرار سامانه پایش مبتنی بر هوش مصنوعی، زمان
|
مواجه بود. با استقرار سامانه پایش مبتنی بر هوش مصنوعی، زمان
|
||||||
تشخیص و رفع خطا بهشکل چشمگیری کاهش یافت و پایداری سرویس
|
تشخیص و رفع خطا بهشکل چشمگیری کاهش یافت و پایداری سرویس
|
||||||
متحول شد.
|
بهطور قابلتوجهی بهبود یافت.
|
||||||
</p>
|
</p>
|
||||||
<img
|
<img
|
||||||
src="/block-media/shadcnblocks/block/placeholder-1.svg"
|
src="/block-media/shadcnblocks/block/placeholder-1.svg"
|
||||||
@@ -91,7 +91,7 @@ const CaseStudy1 = ({ className }: CaseStudy1Props) => {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="prose mb-8 max-w-full text-start lg:max-w-prose dark:prose-invert">
|
<div className="prose mb-8 max-w-full text-start lg:max-w-prose dark:prose-invert">
|
||||||
<h2>چگونه سامانه پایش کار میکند</h2>
|
<h2>نحوه عملکرد سامانه پایش</h2>
|
||||||
<p>
|
<p>
|
||||||
سامانه با جمعآوری دادههای بلادرنگ از سرورها، پایگاههای
|
سامانه با جمعآوری دادههای بلادرنگ از سرورها، پایگاههای
|
||||||
داده و سرویسهای ابری، الگوهای رفتاری عادی را یاد میگیرد.
|
داده و سرویسهای ابری، الگوهای رفتاری عادی را یاد میگیرد.
|
||||||
@@ -108,7 +108,7 @@ const CaseStudy1 = ({ className }: CaseStudy1Props) => {
|
|||||||
</AlertDescription>
|
</AlertDescription>
|
||||||
</Alert>
|
</Alert>
|
||||||
|
|
||||||
<h2>چالشهای قبل از استقرار</h2>
|
<h2>چالشهای پیش از استقرار</h2>
|
||||||
<p>
|
<p>
|
||||||
پیش از استقرار، تیم عملیات به پایش دستی و هشدارهای پراکنده
|
پیش از استقرار، تیم عملیات به پایش دستی و هشدارهای پراکنده
|
||||||
متکی بود. زمان متوسط تشخیص خطا بیش از چهار ساعت بود و هر
|
متکی بود. زمان متوسط تشخیص خطا بیش از چهار ساعت بود و هر
|
||||||
@@ -144,7 +144,7 @@ const CaseStudy1 = ({ className }: CaseStudy1Props) => {
|
|||||||
یافت.
|
یافت.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<h2>راهکار پیادهسازیشده</h2>
|
<h2>راهکار پیادهسازی شده</h2>
|
||||||
<p>
|
<p>
|
||||||
تیم فنی پس از بررسی دقیق،{" "}
|
تیم فنی پس از بررسی دقیق،{" "}
|
||||||
<a href="#">معماری پایش چندلایه</a> را طراحی و در سراسر
|
<a href="#">معماری پایش چندلایه</a> را طراحی و در سراسر
|
||||||
@@ -178,9 +178,9 @@ const CaseStudy1 = ({ className }: CaseStudy1Props) => {
|
|||||||
/>
|
/>
|
||||||
<p className="mb-1.5 text-sm font-semibold">نمای کلی</p>
|
<p className="mb-1.5 text-sm font-semibold">نمای کلی</p>
|
||||||
<p className="mb-5 text-sm text-muted-foreground">
|
<p className="mb-5 text-sm text-muted-foreground">
|
||||||
مشتری ما با پیادهسازی راهکار پایش هوشمند، عملیات کسبوکار خود
|
این شرکت فناوری با پیادهسازی راهکار پایش هوشمند، عملیات کسبوکار خود
|
||||||
را متحول کرد؛ کارایی بهبود یافت، تجربه مشتری ارتقا پیدا کرد و
|
را بهبود بخشید؛ کارایی افزایش یافت، تجربه مشتری ارتقا پیدا کرد و
|
||||||
هزینههای عملیاتی در سراسر سازمان بهطور قابلتوجهی کاهش یافت.
|
هزینههای عملیاتی بهطور قابلتوجهی کاهش یافت.
|
||||||
</p>
|
</p>
|
||||||
<p className="mb-1.5 text-sm font-semibold">حوزه</p>
|
<p className="mb-1.5 text-sm font-semibold">حوزه</p>
|
||||||
<p className="mb-5 text-sm text-muted-foreground">فناوری</p>
|
<p className="mb-5 text-sm text-muted-foreground">فناوری</p>
|
||||||
|
|||||||
@@ -18,16 +18,16 @@ import { Separator } from "@/components/ui/separator";
|
|||||||
import { cn } from "@/lib/utils";
|
import { cn } from "@/lib/utils";
|
||||||
|
|
||||||
const PAGE_SECTIONS = [
|
const PAGE_SECTIONS = [
|
||||||
{ id: "section1", title: "ارزیابی وضع موجود" },
|
{ id: "section1", title: "ارزیابی وضعیت فعلی" },
|
||||||
{ id: "section2", title: "طراحی جریان کار جدید" },
|
{ id: "section2", title: "طراحی جریان کار جدید" },
|
||||||
{ id: "section3", title: "استقرار و آموزش تیم" },
|
{ id: "section3", title: "استقرار و آموزش تیم" },
|
||||||
{ id: "section4", title: "نتایج و درسآموختهها" },
|
{ id: "section4", title: "نتایج و دستاوردها" },
|
||||||
];
|
];
|
||||||
|
|
||||||
const OUTCOMES = [
|
const OUTCOMES = [
|
||||||
"سامانهای یکپارچه برای افزایش سرعت رشد کسبوکار",
|
"داشبورد یکپارچه برای نمایش بلادرنگ شاخصهای کلیدی عملکرد",
|
||||||
"سامانه ارتباط با مشتری و فروش منعطف با قابلیت یکپارچهسازی با ابزارهای سازمانی",
|
"سیستم مدیریت ارتباط با مشتری با قابلیت یکپارچهسازی با ابزارهای سازمانی",
|
||||||
"راهکاری مقیاسپذیر که همراه با رشد سازمان توسعه مییابد",
|
"راهکار مقیاسپذیر با قابلیت توسعه همزمان با رشد سازمان",
|
||||||
];
|
];
|
||||||
|
|
||||||
interface CaseStudy3Props {
|
interface CaseStudy3Props {
|
||||||
@@ -89,7 +89,7 @@ const CaseStudy3 = ({ className }: CaseStudy3Props) => {
|
|||||||
</BreadcrumbItem>
|
</BreadcrumbItem>
|
||||||
<BreadcrumbSeparator />
|
<BreadcrumbSeparator />
|
||||||
<BreadcrumbItem>
|
<BreadcrumbItem>
|
||||||
<BreadcrumbLink href="#">مطالعات مورد</BreadcrumbLink>
|
<BreadcrumbLink href="#">گزارشهای موفقیت</BreadcrumbLink>
|
||||||
</BreadcrumbItem>
|
</BreadcrumbItem>
|
||||||
<BreadcrumbSeparator />
|
<BreadcrumbSeparator />
|
||||||
<BreadcrumbItem>
|
<BreadcrumbItem>
|
||||||
@@ -232,7 +232,7 @@ const CaseStudy3 = ({ className }: CaseStudy3Props) => {
|
|||||||
ref={(ref) => addSectionRef("section1", ref)}
|
ref={(ref) => addSectionRef("section1", ref)}
|
||||||
className="prose mb-8 text-start dark:prose-invert"
|
className="prose mb-8 text-start dark:prose-invert"
|
||||||
>
|
>
|
||||||
<h2>ارزیابی وضع موجود</h2>
|
<h2>ارزیابی وضعیت فعلی</h2>
|
||||||
<p>
|
<p>
|
||||||
تیم پس از بررسی دقیق فرآیندهای داخلی، دریافت که ابزارهای
|
تیم پس از بررسی دقیق فرآیندهای داخلی، دریافت که ابزارهای
|
||||||
پراکنده و نبود یک منبع واحد حقیقت، بزرگترین مانع
|
پراکنده و نبود یک منبع واحد حقیقت، بزرگترین مانع
|
||||||
@@ -285,7 +285,7 @@ const CaseStudy3 = ({ className }: CaseStudy3Props) => {
|
|||||||
ref={(ref) => addSectionRef("section4", ref)}
|
ref={(ref) => addSectionRef("section4", ref)}
|
||||||
className="prose mb-8 text-start dark:prose-invert"
|
className="prose mb-8 text-start dark:prose-invert"
|
||||||
>
|
>
|
||||||
<h2>نتایج و درسآموختهها</h2>
|
<h2>نتایج و دستاوردها</h2>
|
||||||
<p>
|
<p>
|
||||||
شش ماه پس از اجرای پروژه، شاخصهای بهرهوری، سرعت تصمیمگیری و همکاری میان تیمها رشد محسوسی را تجربه کردند.
|
شش ماه پس از اجرای پروژه، شاخصهای بهرهوری، سرعت تصمیمگیری و همکاری میان تیمها رشد محسوسی را تجربه کردند.
|
||||||
</p>
|
</p>
|
||||||
|
|||||||
@@ -26,7 +26,7 @@ const SIDEBAR_INFO = [
|
|||||||
label: "وبسایت",
|
label: "وبسایت",
|
||||||
value: (
|
value: (
|
||||||
<a href="#" className="underline hover:text-foreground">
|
<a href="#" className="underline hover:text-foreground">
|
||||||
نمونه.ایران
|
example.ir
|
||||||
</a>
|
</a>
|
||||||
),
|
),
|
||||||
bordered: false,
|
bordered: false,
|
||||||
|
|||||||
@@ -28,15 +28,15 @@ export const defaultEntries: ChangelogEntry[] = [
|
|||||||
{
|
{
|
||||||
version: "نسخه ۱۳.۰",
|
version: "نسخه ۱۳.۰",
|
||||||
date: "۲۵ آبان ۱۴۰۳",
|
date: "۲۵ آبان ۱۴۰۳",
|
||||||
title: "داشبورد تحلیلی پیشرفته",
|
title: "داشبورد فروش پیشرفته",
|
||||||
description:
|
description:
|
||||||
"داشبورد تحلیلی بازطراحی شده است تا با گزارشهای دقیقتر، نمودارهای تعاملی و شاخصهای کلیدی، تصمیمگیری را سادهتر کند.",
|
"داشبورد فروش بازطراحی شد تا تبدیل قیف، نمودار تعاملی و KPI تیم در یک نما تصمیمگیری را سریعتر کند.",
|
||||||
items: [
|
items: [
|
||||||
"نمودارهای تعاملی با بهروزرسانی لحظهای",
|
"نمودار تبدیل با بهروزرسانی نزدیک به لحظه",
|
||||||
"ویجتهای قابل سفارشیسازی برای داشبورد",
|
"ویجتهای قابل تنظیم برای داشبورد فروش",
|
||||||
"خروجی گرفتن از تحلیلها در قالبهای جدول، پیدیاف و Excel",
|
"خروجی گزارش فروش در قالب جدول، PDF و Excel",
|
||||||
"قالبهای گزارشدهی جدید برای کاربردهای رایج",
|
"قالب گزارش هفتهای و ماهانه برای مدیران فروش",
|
||||||
"گزینههای بهبودیافته فیلتر و دستهبندی داده",
|
"فیلتر بهتر بر اساس مرحله قیف، مالک و منبع",
|
||||||
],
|
],
|
||||||
image:
|
image:
|
||||||
"/block-media/shadcnblocks/block/placeholder-aspect-video-1.svg",
|
"/block-media/shadcnblocks/block/placeholder-aspect-video-1.svg",
|
||||||
@@ -89,8 +89,8 @@ export const defaultEntries: ChangelogEntry[] = [
|
|||||||
];
|
];
|
||||||
|
|
||||||
const Changelog1 = ({
|
const Changelog1 = ({
|
||||||
title = "تاریخچه تغییرات",
|
title = "تاریخچه نسخهها",
|
||||||
description = "جدیدترین بهروزرسانیها و بهبودهای پلتفرم ما را دنبال کنید.",
|
description = "بهروزرسانیهای پلتفرم فروش و CRM را دنبال کنید.",
|
||||||
entries = defaultEntries,
|
entries = defaultEntries,
|
||||||
className,
|
className,
|
||||||
}: Changelog1Props) => {
|
}: Changelog1Props) => {
|
||||||
|
|||||||
+10
-10
@@ -15,7 +15,7 @@ const Changelog2 = ({ className }: Changelog2Props) => {
|
|||||||
<div className="container">
|
<div className="container">
|
||||||
<div className="text-center">
|
<div className="text-center">
|
||||||
<h1 className="mb-6 text-2xll font-semibold md:text-2xll">
|
<h1 className="mb-6 text-2xll font-semibold md:text-2xll">
|
||||||
تاریخچه تغییرات
|
تاریخچه نسخهها
|
||||||
<sup>
|
<sup>
|
||||||
<Badge className="ms-2 bg-emerald-400 hover:bg-emerald-400">
|
<Badge className="ms-2 bg-emerald-400 hover:bg-emerald-400">
|
||||||
جدید
|
جدید
|
||||||
@@ -23,14 +23,14 @@ const Changelog2 = ({ className }: Changelog2Props) => {
|
|||||||
</sup>
|
</sup>
|
||||||
</h1>
|
</h1>
|
||||||
<p className="mx-auto max-w-lg text-lg">
|
<p className="mx-auto max-w-lg text-lg">
|
||||||
جدیدترین قابلیتها، بهبودها و رفع اشکالها را در این بخش دنبال کنید.
|
قابلیتهای تازه، بهبود عملکرد و رفع مشکلهای پلتفرم فروش را اینجا دنبال کنید.
|
||||||
</p>
|
</p>
|
||||||
<div className="mx-auto mt-10 flex w-full max-w-xs items-center gap-2">
|
<div className="mx-auto mt-10 flex w-full max-w-xs items-center gap-2">
|
||||||
<Input
|
<Input
|
||||||
type="email"
|
type="email"
|
||||||
placeholder="ایمیل خود را برای دریافت آخرین تغییرات وارد کنید"
|
placeholder="ایمیل برای خبرنامه نسخه"
|
||||||
/>
|
/>
|
||||||
<Button type="submit" aria-label="عضویت در خبرنامه">
|
<Button type="submit" aria-label="عضویت در خبرنامه محصول">
|
||||||
<ArrowRight className="size-4 rtl:rotate-180" />
|
<ArrowRight className="size-4 rtl:rotate-180" />
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
@@ -43,12 +43,12 @@ const Changelog2 = ({ className }: Changelog2Props) => {
|
|||||||
</p>
|
</p>
|
||||||
<img
|
<img
|
||||||
src="/block-media/shadcnblocks/block/placeholder-1.svg"
|
src="/block-media/shadcnblocks/block/placeholder-1.svg"
|
||||||
alt="گزینههای خروجی بهتر"
|
alt="خروجی گزارش قویتر"
|
||||||
className="my-4 aspect-8/7 rounded-md object-cover"
|
className="my-4 aspect-8/7 rounded-md object-cover"
|
||||||
/>
|
/>
|
||||||
<h2 className="mb-2 text-3xl font-semibold">گزینههای خروجی بهتر</h2>
|
<h2 className="mb-2 text-3xl font-semibold">خروجی گزارش قویتر</h2>
|
||||||
<p className="prose text-primary/80 dark:prose-invert">
|
<p className="prose text-primary/80 dark:prose-invert">
|
||||||
<a href="#">کامپوننتها</a> و{" "}
|
<a href="#">ماژولها</a> و{" "}
|
||||||
<a href="#">تحلیلها</a> را توسعه دادهایم تا بتوانید عملکرد محصول، رفتار کاربران و شاخصهای کلیدی را دقیقتر تحلیل کنید.
|
<a href="#">تحلیلها</a> را توسعه دادهایم تا بتوانید عملکرد محصول، رفتار کاربران و شاخصهای کلیدی را دقیقتر تحلیل کنید.
|
||||||
<br />
|
<br />
|
||||||
<br />
|
<br />
|
||||||
@@ -62,14 +62,14 @@ const Changelog2 = ({ className }: Changelog2Props) => {
|
|||||||
</p>
|
</p>
|
||||||
<img
|
<img
|
||||||
src="/block-media/shadcnblocks/block/placeholder-2.svg"
|
src="/block-media/shadcnblocks/block/placeholder-2.svg"
|
||||||
alt="داشبورد و تحلیلهای جدید"
|
alt="داشبورد و تحلیل فروش جدید"
|
||||||
className="my-4 aspect-8/7 rounded-md object-cover"
|
className="my-4 aspect-8/7 rounded-md object-cover"
|
||||||
/>
|
/>
|
||||||
<h2 className="mb-2 text-3xl font-semibold">
|
<h2 className="mb-2 text-3xl font-semibold">
|
||||||
داشبورد و تحلیلهای جدید
|
داشبورد و تحلیل فروش جدید
|
||||||
</h2>
|
</h2>
|
||||||
<p className="prose text-primary/80 dark:prose-invert">
|
<p className="prose text-primary/80 dark:prose-invert">
|
||||||
<a href="#">کامپوننتها</a> و{" "}
|
<a href="#">ماژولها</a> و{" "}
|
||||||
<a href="#">تحلیلها</a> را توسعه دادهایم تا بتوانید عملکرد محصول، رفتار کاربران و شاخصهای کلیدی را دقیقتر تحلیل کنید.
|
<a href="#">تحلیلها</a> را توسعه دادهایم تا بتوانید عملکرد محصول، رفتار کاربران و شاخصهای کلیدی را دقیقتر تحلیل کنید.
|
||||||
<br />
|
<br />
|
||||||
<br />
|
<br />
|
||||||
|
|||||||
@@ -36,7 +36,7 @@ const Changelog3 = ({ className }: Changelog3Props) => {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="prose mt-6 dark:prose-invert">
|
<div className="prose mt-6 dark:prose-invert">
|
||||||
<h2>داشبورد و تحلیلهای جدید</h2>
|
<h2>داشبورد و تحلیل فروش جدید</h2>
|
||||||
<p>
|
<p>
|
||||||
بخش تحلیل و داشبورد مدیریتی بازطراحی شده تا اطلاعات دقیقتری از وضعیت محصول و کاربران در اختیار شما قرار دهد.
|
بخش تحلیل و داشبورد مدیریتی بازطراحی شده تا اطلاعات دقیقتری از وضعیت محصول و کاربران در اختیار شما قرار دهد.
|
||||||
<br />
|
<br />
|
||||||
@@ -58,7 +58,7 @@ const Changelog3 = ({ className }: Changelog3Props) => {
|
|||||||
</p>
|
</p>
|
||||||
<img
|
<img
|
||||||
src="/block-media/shadcnblocks/block/placeholder-1.svg"
|
src="/block-media/shadcnblocks/block/placeholder-1.svg"
|
||||||
alt="داشبورد و تحلیلهای جدید"
|
alt="داشبورد و تحلیل فروش جدید"
|
||||||
className="my-4 aspect-video rounded-lg border border-border object-cover"
|
className="my-4 aspect-video rounded-lg border border-border object-cover"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -91,7 +91,7 @@ const Changelog3 = ({ className }: Changelog3Props) => {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="prose mt-6 dark:prose-invert">
|
<div className="prose mt-6 dark:prose-invert">
|
||||||
<h2>ویژگیهای امنیتی پیشرفته</h2>
|
<h2>امنیت سازمانی پیشرفته</h2>
|
||||||
<p>
|
<p>
|
||||||
زیرساخت امنیتی بازطراحی شده است تا حفاظت از دادهها، احراز هویت و کنترل دسترسی با استانداردهای روز انجام شود. همانند سایر
|
زیرساخت امنیتی بازطراحی شده است تا حفاظت از دادهها، احراز هویت و کنترل دسترسی با استانداردهای روز انجام شود. همانند سایر
|
||||||
<a href="#" className="mx-1 underline">
|
<a href="#" className="mx-1 underline">
|
||||||
@@ -111,7 +111,7 @@ const Changelog3 = ({ className }: Changelog3Props) => {
|
|||||||
</p>
|
</p>
|
||||||
<img
|
<img
|
||||||
src="/block-media/shadcnblocks/block/placeholder-2.svg"
|
src="/block-media/shadcnblocks/block/placeholder-2.svg"
|
||||||
alt="ویژگیهای امنیتی پیشرفته"
|
alt="امنیت سازمانی پیشرفته"
|
||||||
className="my-4 aspect-video rounded-lg border border-border object-cover"
|
className="my-4 aspect-video rounded-lg border border-border object-cover"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -30,7 +30,7 @@ const Changelog4 = ({ className }: Changelog4Props) => {
|
|||||||
<div className="container">
|
<div className="container">
|
||||||
<div className="mx-auto w-full max-w-5xl md:px-10">
|
<div className="mx-auto w-full max-w-5xl md:px-10">
|
||||||
<div className="flex flex-col gap-16">
|
<div className="flex flex-col gap-16">
|
||||||
<h1 className="text-2xll font-bold">تاریخچه تغییرات</h1>
|
<h1 className="text-2xll font-bold">تاریخچه نسخهها</h1>
|
||||||
<div className="mx-auto flex w-full items-center justify-center gap-2 rounded-2xl bg-muted p-3 md:gap-4">
|
<div className="mx-auto flex w-full items-center justify-center gap-2 rounded-2xl bg-muted p-3 md:gap-4">
|
||||||
<a href="#" aria-label="لینکدین">
|
<a href="#" aria-label="لینکدین">
|
||||||
<FaLinkedin className="size-6 text-muted-foreground duration-150 hover:text-primary" />
|
<FaLinkedin className="size-6 text-muted-foreground duration-150 hover:text-primary" />
|
||||||
@@ -42,7 +42,7 @@ const Changelog4 = ({ className }: Changelog4Props) => {
|
|||||||
<FaBluesky className="size-6 text-muted-foreground duration-150 hover:text-primary" />
|
<FaBluesky className="size-6 text-muted-foreground duration-150 hover:text-primary" />
|
||||||
</a>
|
</a>
|
||||||
<p className="text-sm text-muted-foreground">
|
<p className="text-sm text-muted-foreground">
|
||||||
برای اطلاع از نسخههای جدید و قابلیتهای تازه، ما را دنبال کنید.
|
برای خبر نسخه و قابلیت تازه، ما را دنبال کنید.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div className="relative space-y-20">
|
<div className="relative space-y-20">
|
||||||
@@ -62,7 +62,7 @@ const Changelog4 = ({ className }: Changelog4Props) => {
|
|||||||
</span>
|
</span>
|
||||||
<img
|
<img
|
||||||
src="/block-media/shadcnblocks/block/placeholder-1.svg"
|
src="/block-media/shadcnblocks/block/placeholder-1.svg"
|
||||||
alt="بهروزرسانیهای فناوری و بهبود عملکرد"
|
alt="بهروزرسانی زیرساخت و عملکرد"
|
||||||
className="aspect-video rounded-md border border-border object-cover"
|
className="aspect-video rounded-md border border-border object-cover"
|
||||||
/>
|
/>
|
||||||
<div className="my-4 flex items-center gap-2">
|
<div className="my-4 flex items-center gap-2">
|
||||||
@@ -78,7 +78,7 @@ const Changelog4 = ({ className }: Changelog4Props) => {
|
|||||||
</div>
|
</div>
|
||||||
<div className="prose max-w-none dark:prose-invert">
|
<div className="prose max-w-none dark:prose-invert">
|
||||||
<h2 className="text-xl">
|
<h2 className="text-xl">
|
||||||
بهروزرسانیهای بزرگ فناوری و بهبود عملکرد
|
ارتقای زیرساخت و بهبود سرعت پلتفرم
|
||||||
</h2>
|
</h2>
|
||||||
<p>
|
<p>
|
||||||
پشته فناوری خود را ارتقا دادیم تا از{" "}
|
پشته فناوری خود را ارتقا دادیم تا از{" "}
|
||||||
@@ -122,7 +122,7 @@ const Changelog4 = ({ className }: Changelog4Props) => {
|
|||||||
</span>
|
</span>
|
||||||
<img
|
<img
|
||||||
src="/block-media/shadcnblocks/block/placeholder-2.svg"
|
src="/block-media/shadcnblocks/block/placeholder-2.svg"
|
||||||
alt="بهروزرسانیهای زیرساخت و امنیت"
|
alt="بهروزرسانی زیرساخت و امنیت داده"
|
||||||
className="aspect-video rounded-md border border-border object-cover"
|
className="aspect-video rounded-md border border-border object-cover"
|
||||||
/>
|
/>
|
||||||
<div className="my-4 flex items-center gap-2">
|
<div className="my-4 flex items-center gap-2">
|
||||||
@@ -138,7 +138,7 @@ const Changelog4 = ({ className }: Changelog4Props) => {
|
|||||||
</div>
|
</div>
|
||||||
<div className="prose max-w-none dark:prose-invert">
|
<div className="prose max-w-none dark:prose-invert">
|
||||||
<h2 className="text-xl">
|
<h2 className="text-xl">
|
||||||
بهروزرسانیهای زیرساخت و امنیت
|
بهروزرسانی زیرساخت و امنیت داده
|
||||||
</h2>
|
</h2>
|
||||||
<p>
|
<p>
|
||||||
بهبودهای قابل توجهی در زیرساخت و امنیت اعمال کردیم تا
|
بهبودهای قابل توجهی در زیرساخت و امنیت اعمال کردیم تا
|
||||||
|
|||||||
@@ -9,7 +9,7 @@ import { cn } from "@/lib/utils";
|
|||||||
|
|
||||||
const changelogs = [
|
const changelogs = [
|
||||||
{
|
{
|
||||||
title: "معرفی Pixiol Cloud Storage",
|
title: "معرفی فضای فایل فضای کاری",
|
||||||
category: "ویژگی جدید",
|
category: "ویژگی جدید",
|
||||||
date: "۱ فروردین ۱۴۰۴",
|
date: "۱ فروردین ۱۴۰۴",
|
||||||
author: "سارا احمدی",
|
author: "سارا احمدی",
|
||||||
@@ -165,7 +165,7 @@ const Changelog5 = ({ className }: Changelog5Props) => {
|
|||||||
<div className="flex flex-col items-start gap-4 lg:flex-row">
|
<div className="flex flex-col items-start gap-4 lg:flex-row">
|
||||||
<span className="flex w-[16%] items-center gap-3 pt-1 text-sm">
|
<span className="flex w-[16%] items-center gap-3 pt-1 text-sm">
|
||||||
<span className="size-2 shrink-0 rounded-full bg-primary" />
|
<span className="size-2 shrink-0 rounded-full bg-primary" />
|
||||||
تاریخچه تغییرات
|
تاریخچه نسخهها
|
||||||
</span>
|
</span>
|
||||||
<div>
|
<div>
|
||||||
<h2 className="text-xl">
|
<h2 className="text-xl">
|
||||||
|
|||||||
@@ -19,7 +19,7 @@ import { cn } from "@/lib/utils";
|
|||||||
|
|
||||||
const changes = [
|
const changes = [
|
||||||
{
|
{
|
||||||
title: "نسخه ۳.۰.۰: بازطراحی رابط کاربری و یکپارچهسازیهای جدید",
|
title: "نسخه ۳.۰.۰: بازطراحی رابط فروش و یکپارچهسازیهای جدید",
|
||||||
date: "۲۵ اردیبهشت ۱۴۰۴",
|
date: "۲۵ اردیبهشت ۱۴۰۴",
|
||||||
image:
|
image:
|
||||||
"/block-media/shadcnblocks/block/placeholder-2.svg",
|
"/block-media/shadcnblocks/block/placeholder-2.svg",
|
||||||
@@ -49,7 +49,7 @@ const changes = [
|
|||||||
امکان اتصال مستقیم به سرویسهای پرکاربرد برای خودکارسازی فرایندها و کاهش جابهجایی بین ابزارها فراهم شده است.
|
امکان اتصال مستقیم به سرویسهای پرکاربرد برای خودکارسازی فرایندها و کاهش جابهجایی بین ابزارها فراهم شده است.
|
||||||
</p>
|
</p>
|
||||||
<blockquote>
|
<blockquote>
|
||||||
«سادگی، نهایتِ تعالی است.» لئوناردو داوینچی
|
این تغییرات با هدف افزایش سرعت انجام کارها و بهبود تجربه کاربران ارائه شدهاند.
|
||||||
</blockquote>
|
</blockquote>
|
||||||
<p>
|
<p>
|
||||||
این تغییرات با هدف افزایش سرعت انجام کارها و بهبود تجربه کاربران ارائه شدهاند.
|
این تغییرات با هدف افزایش سرعت انجام کارها و بهبود تجربه کاربران ارائه شدهاند.
|
||||||
@@ -176,7 +176,7 @@ const Changelog6 = ({ className }: Changelog6Props) => {
|
|||||||
<div className="relative flex flex-col gap-3 py-8">
|
<div className="relative flex flex-col gap-3 py-8">
|
||||||
<div className="flex items-center gap-2">
|
<div className="flex items-center gap-2">
|
||||||
<GitPullRequest className="size-4" />
|
<GitPullRequest className="size-4" />
|
||||||
<p className="text-sm font-medium">تاریخچه تغییرات</p>
|
<p className="text-sm font-medium">تاریخچه نسخهها</p>
|
||||||
</div>
|
</div>
|
||||||
<h1 className="text-3xl font-medium lg:text-xl">
|
<h1 className="text-3xl font-medium lg:text-xl">
|
||||||
جدیدترین بهبودها
|
جدیدترین بهبودها
|
||||||
|
|||||||
+10
-10
@@ -24,8 +24,8 @@ export interface Changelog8Props {
|
|||||||
}
|
}
|
||||||
|
|
||||||
const Changelog8 = ({
|
const Changelog8 = ({
|
||||||
title = "تاریخچه تغییرات",
|
title = "تاریخچه نسخهها",
|
||||||
description = "جدیدترین بهروزرسانیها و بهبودهای پلتفرم ما را دنبال کنید.",
|
description = "بهروزرسانیهای پلتفرم فروش و CRM را دنبال کنید.",
|
||||||
entries = defaultChangelogData,
|
entries = defaultChangelogData,
|
||||||
className,
|
className,
|
||||||
}: Changelog8Props) => {
|
}: Changelog8Props) => {
|
||||||
@@ -136,7 +136,7 @@ const Changelog8 = ({
|
|||||||
|
|
||||||
<div className="flex-1 lg:ps-10">
|
<div className="flex-1 lg:ps-10">
|
||||||
<div className="mb-10 hidden lg:block">
|
<div className="mb-10 hidden lg:block">
|
||||||
<h2 className="text-xl font-semibold">آخرین بهروزرسانیها</h2>
|
<h2 className="text-xl font-semibold">آخرین انتشارها</h2>
|
||||||
</div>
|
</div>
|
||||||
<div className="space-y-16 md:space-y-24">
|
<div className="space-y-16 md:space-y-24">
|
||||||
{entries.map((entry, index) => (
|
{entries.map((entry, index) => (
|
||||||
@@ -204,15 +204,15 @@ export const defaultChangelogData: ChangelogEntry[] = [
|
|||||||
{
|
{
|
||||||
version: "نسخه ۱۳.۰",
|
version: "نسخه ۱۳.۰",
|
||||||
date: "۲۵ آبان ۱۴۰۳",
|
date: "۲۵ آبان ۱۴۰۳",
|
||||||
title: "داشبورد تحلیلی پیشرفته",
|
title: "داشبورد فروش پیشرفته",
|
||||||
description:
|
description:
|
||||||
"داشبورد تحلیلی ما را از نو طراحی کردیم تا بینش عمیقتر و نمایش بهتری از دادههای شما ارائه دهد.",
|
"داشبورد فروش را از نو طراحی کردیم تا وضعیت قیف و عملکرد تیم شفافتر دیده شود.",
|
||||||
items: [
|
items: [
|
||||||
"نمودارهای تعاملی با بهروزرسانی لحظهای",
|
"نمودار تبدیل با بهروزرسانی نزدیک به لحظه",
|
||||||
"ویجتهای قابل سفارشیسازی برای داشبورد",
|
"ویجتهای قابل تنظیم برای داشبورد فروش",
|
||||||
"خروجی گرفتن از تحلیلها در قالبهای جدول، پیدیاف و Excel",
|
"خروجی گزارش فروش در قالب جدول، PDF و Excel",
|
||||||
"قالبهای گزارشدهی جدید برای کاربردهای رایج",
|
"قالب گزارش هفتهای و ماهانه برای مدیران فروش",
|
||||||
"گزینههای بهبودیافته فیلتر و دستهبندی داده",
|
"فیلتر بهتر بر اساس مرحله قیف، مالک و منبع",
|
||||||
],
|
],
|
||||||
image:
|
image:
|
||||||
"/block-media/shadcnblocks/block/placeholder-aspect-video-1.svg",
|
"/block-media/shadcnblocks/block/placeholder-aspect-video-1.svg",
|
||||||
|
|||||||
@@ -743,7 +743,7 @@ const PaymentFieldsByMethod = ({ method }: { method: PaymentMethod }) => {
|
|||||||
className="text-sm font-normal"
|
className="text-sm font-normal"
|
||||||
htmlFor="checkout-payment-cardholderName"
|
htmlFor="checkout-payment-cardholderName"
|
||||||
>
|
>
|
||||||
نام دارنده کارت
|
نام روی کارت
|
||||||
</FieldLabel>
|
</FieldLabel>
|
||||||
<Input
|
<Input
|
||||||
{...field}
|
{...field}
|
||||||
@@ -1003,7 +1003,7 @@ const Cart = ({ cartItems, form }: CartProps) => {
|
|||||||
<p className="text-sm">بدون هزینه</p>
|
<p className="text-sm">بدون هزینه</p>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex justify-between gap-3">
|
<div className="flex justify-between gap-3">
|
||||||
<p className="text-sm">مالیات و عوارض</p>
|
<p className="text-sm">مالیات بر ارزش افزوده و عوارض</p>
|
||||||
<p className="text-sm tabular-nums">
|
<p className="text-sm tabular-nums">
|
||||||
{formatPrice(35.8, cartItems[0].price.currency)}
|
{formatPrice(35.8, cartItems[0].price.currency)}
|
||||||
</p>
|
</p>
|
||||||
@@ -1011,7 +1011,7 @@ const Cart = ({ cartItems, form }: CartProps) => {
|
|||||||
</div>
|
</div>
|
||||||
<div className="py-7">
|
<div className="py-7">
|
||||||
<div className="flex justify-between gap-3">
|
<div className="flex justify-between gap-3">
|
||||||
<p className="text-lg leading-tight font-medium">جمع کل</p>
|
<p className="text-lg leading-tight font-medium">مبلغ قابل پرداخت</p>
|
||||||
<span className="text-xl font-medium tabular-nums">
|
<span className="text-xl font-medium tabular-nums">
|
||||||
{formatPrice(totalPrice ?? 0, cartItems[0].price.currency)}
|
{formatPrice(totalPrice ?? 0, cartItems[0].price.currency)}
|
||||||
</span>
|
</span>
|
||||||
|
|||||||
@@ -664,7 +664,7 @@ const PaymentFieldsByMethod = ({ method }: { method: PaymentMethod }) => {
|
|||||||
className="text-sm font-normal"
|
className="text-sm font-normal"
|
||||||
htmlFor="checkout-payment-cardholderName"
|
htmlFor="checkout-payment-cardholderName"
|
||||||
>
|
>
|
||||||
نام دارنده کارت
|
نام روی کارت
|
||||||
</FieldLabel>
|
</FieldLabel>
|
||||||
<Input
|
<Input
|
||||||
{...field}
|
{...field}
|
||||||
@@ -923,7 +923,7 @@ const Cart = ({ cartItems, form }: CartProps) => {
|
|||||||
<span>پس از انتخاب روش ارسال محاسبه میشود</span>
|
<span>پس از انتخاب روش ارسال محاسبه میشود</span>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex justify-between text-sm">
|
<div className="flex justify-between text-sm">
|
||||||
<span className="text-muted-foreground">مالیات و عوارض</span>
|
<span className="text-muted-foreground">مالیات بر ارزش افزوده و عوارض</span>
|
||||||
<span className="tabular-nums">
|
<span className="tabular-nums">
|
||||||
{formatPrice(35.8, cartItems[0]?.price.currency)}
|
{formatPrice(35.8, cartItems[0]?.price.currency)}
|
||||||
</span>
|
</span>
|
||||||
@@ -931,7 +931,7 @@ const Cart = ({ cartItems, form }: CartProps) => {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="flex justify-between border-t pt-4">
|
<div className="flex justify-between border-t pt-4">
|
||||||
<span className="text-lg font-semibold">جمع کل</span>
|
<span className="text-lg font-semibold">مبلغ قابل پرداخت</span>
|
||||||
<span className="text-lg font-semibold tabular-nums">
|
<span className="text-lg font-semibold tabular-nums">
|
||||||
{formatPrice(totalPrice ?? 0, cartItems[0]?.price.currency)}
|
{formatPrice(totalPrice ?? 0, cartItems[0]?.price.currency)}
|
||||||
</span>
|
</span>
|
||||||
|
|||||||
@@ -389,7 +389,7 @@ const CollapsibleCart = ({ cartItems, form }: CartProps) => {
|
|||||||
<Separator />
|
<Separator />
|
||||||
|
|
||||||
<div className="flex justify-between font-medium">
|
<div className="flex justify-between font-medium">
|
||||||
<span>جمع کل</span>
|
<span>مبلغ قابل پرداخت</span>
|
||||||
<span className="tabular-nums">
|
<span className="tabular-nums">
|
||||||
{formatPrice(totalPrice ?? 0, cartItems[0]?.price.currency)}
|
{formatPrice(totalPrice ?? 0, cartItems[0]?.price.currency)}
|
||||||
</span>
|
</span>
|
||||||
@@ -865,7 +865,7 @@ const PaymentFieldsByMethod = ({ method }: { method: PaymentMethod }) => {
|
|||||||
className="text-sm font-normal"
|
className="text-sm font-normal"
|
||||||
htmlFor="checkout-payment-cardholderName"
|
htmlFor="checkout-payment-cardholderName"
|
||||||
>
|
>
|
||||||
نام دارنده کارت
|
نام روی کارت
|
||||||
</FieldLabel>
|
</FieldLabel>
|
||||||
<Input
|
<Input
|
||||||
{...field}
|
{...field}
|
||||||
|
|||||||
@@ -196,7 +196,7 @@ const Checkout4 = ({ cartItems = CART_ITEMS, className }: Checkout4Props) => {
|
|||||||
<div className="grid min-h-screen lg:grid-cols-2">
|
<div className="grid min-h-screen lg:grid-cols-2">
|
||||||
<div className="order-2 flex items-center bg-muted/30 lg:order-1">
|
<div className="order-2 flex items-center bg-muted/30 lg:order-1">
|
||||||
<div className="mx-auto w-full max-w-xl p-8 lg:p-12 xl:p-16">
|
<div className="mx-auto w-full max-w-xl p-8 lg:p-12 xl:p-16">
|
||||||
<h2 className="mb-8 text-xl font-semibold">خلاصه سفارش</h2>
|
<h2 className="mb-8 text-xl font-semibold">خلاصه خرید</h2>
|
||||||
<Cart form={form} cartItems={cartItems} />
|
<Cart form={form} cartItems={cartItems} />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -293,7 +293,7 @@ const Cart = ({ cartItems, form }: CartProps) => {
|
|||||||
<span>در مرحله بعد محاسبه میشود</span>
|
<span>در مرحله بعد محاسبه میشود</span>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex justify-between text-sm">
|
<div className="flex justify-between text-sm">
|
||||||
<span className="text-muted-foreground">مالیات تقریبی</span>
|
<span className="text-muted-foreground">مالیات بر ارزش افزوده تقریبی</span>
|
||||||
<span className="tabular-nums">
|
<span className="tabular-nums">
|
||||||
{formatPrice(35.8, cartItems[0]?.price.currency)}
|
{formatPrice(35.8, cartItems[0]?.price.currency)}
|
||||||
</span>
|
</span>
|
||||||
@@ -303,7 +303,7 @@ const Cart = ({ cartItems, form }: CartProps) => {
|
|||||||
<Separator />
|
<Separator />
|
||||||
|
|
||||||
<div className="flex justify-between">
|
<div className="flex justify-between">
|
||||||
<span className="text-xl font-semibold">جمع کل</span>
|
<span className="text-xl font-semibold">مبلغ قابل پرداخت</span>
|
||||||
<span className="text-xl font-semibold tabular-nums">
|
<span className="text-xl font-semibold tabular-nums">
|
||||||
{formatPrice(totalPrice ?? 0, cartItems[0]?.price.currency)}
|
{formatPrice(totalPrice ?? 0, cartItems[0]?.price.currency)}
|
||||||
</span>
|
</span>
|
||||||
@@ -472,7 +472,7 @@ const PaymentFieldsByMethod = ({ method }: { method: PaymentMethod }) => {
|
|||||||
className="text-sm font-medium text-muted-foreground"
|
className="text-sm font-medium text-muted-foreground"
|
||||||
htmlFor="checkout-payment-cardNumber"
|
htmlFor="checkout-payment-cardNumber"
|
||||||
>
|
>
|
||||||
اطلاعات کارت
|
اطلاعات کارت بانکی
|
||||||
</FieldLabel>
|
</FieldLabel>
|
||||||
<div className="pointer-events-none flex items-center gap-1.5">
|
<div className="pointer-events-none flex items-center gap-1.5">
|
||||||
<img
|
<img
|
||||||
@@ -541,7 +541,7 @@ const PaymentFieldsByMethod = ({ method }: { method: PaymentMethod }) => {
|
|||||||
className="text-sm font-medium"
|
className="text-sm font-medium"
|
||||||
htmlFor="checkout-payment-cardholderName"
|
htmlFor="checkout-payment-cardholderName"
|
||||||
>
|
>
|
||||||
نام دارنده کارت
|
نام روی کارت
|
||||||
</FieldLabel>
|
</FieldLabel>
|
||||||
<Input
|
<Input
|
||||||
{...field}
|
{...field}
|
||||||
|
|||||||
@@ -130,7 +130,7 @@ const Checkout5 = ({ order = DEFAULT_ORDER, className }: Checkout5Props) => {
|
|||||||
<button
|
<button
|
||||||
type="button"
|
type="button"
|
||||||
className="flex size-8 items-center justify-center rounded-full text-muted-foreground transition-colors hover:bg-muted hover:text-foreground"
|
className="flex size-8 items-center justify-center rounded-full text-muted-foreground transition-colors hover:bg-muted hover:text-foreground"
|
||||||
aria-label="بازگشت"
|
aria-label="بازگشت به سبد"
|
||||||
>
|
>
|
||||||
<ArrowLeft className="size-4 rtl:rotate-180" />
|
<ArrowLeft className="size-4 rtl:rotate-180" />
|
||||||
</button>
|
</button>
|
||||||
@@ -186,7 +186,7 @@ const Checkout5 = ({ order = DEFAULT_ORDER, className }: Checkout5Props) => {
|
|||||||
{/* Total */}
|
{/* Total */}
|
||||||
<div className="flex items-center justify-between">
|
<div className="flex items-center justify-between">
|
||||||
<span className="text-sm font-medium text-foreground">
|
<span className="text-sm font-medium text-foreground">
|
||||||
جمع کل
|
مبلغ قابل پرداخت
|
||||||
</span>
|
</span>
|
||||||
<span className="text-sm font-medium tabular-nums text-foreground">
|
<span className="text-sm font-medium tabular-nums text-foreground">
|
||||||
{formatPrice(total, order.currency)}
|
{formatPrice(total, order.currency)}
|
||||||
@@ -241,7 +241,7 @@ const Checkout5 = ({ order = DEFAULT_ORDER, className }: Checkout5Props) => {
|
|||||||
<div className="flex items-center justify-center gap-4 pt-4 text-xs text-muted-foreground">
|
<div className="flex items-center justify-center gap-4 pt-4 text-xs text-muted-foreground">
|
||||||
<span className="flex items-center gap-1">
|
<span className="flex items-center gap-1">
|
||||||
<Lock className="size-3" />
|
<Lock className="size-3" />
|
||||||
پرداخت امن
|
پرداخت امن اشتراک
|
||||||
</span>
|
</span>
|
||||||
<Separator orientation="vertical" className="h-4" />
|
<Separator orientation="vertical" className="h-4" />
|
||||||
<a
|
<a
|
||||||
@@ -447,7 +447,7 @@ const PaymentFields = () => {
|
|||||||
className="text-sm font-medium"
|
className="text-sm font-medium"
|
||||||
htmlFor="checkout-cardholder-name"
|
htmlFor="checkout-cardholder-name"
|
||||||
>
|
>
|
||||||
نام دارنده کارت
|
نام روی کارت
|
||||||
</FieldLabel>
|
</FieldLabel>
|
||||||
<Input
|
<Input
|
||||||
{...field}
|
{...field}
|
||||||
|
|||||||
@@ -341,7 +341,7 @@ const Cart = ({ cartData, form }: CartProps) => {
|
|||||||
</div>
|
</div>
|
||||||
<Separator />
|
<Separator />
|
||||||
<div className="flex items-center justify-between">
|
<div className="flex items-center justify-between">
|
||||||
<div>جمع کل</div>
|
<div>مبلغ قابل پرداخت</div>
|
||||||
<Price>
|
<Price>
|
||||||
<PriceValue
|
<PriceValue
|
||||||
price={totalPrice}
|
price={totalPrice}
|
||||||
@@ -899,7 +899,7 @@ const PaymentFieldsByMethod = ({ method }: { method: PaymentMethod }) => {
|
|||||||
className="text-sm font-normal"
|
className="text-sm font-normal"
|
||||||
htmlFor="checkout-payment-cardholderName"
|
htmlFor="checkout-payment-cardholderName"
|
||||||
>
|
>
|
||||||
نام دارنده کارت
|
نام روی کارت
|
||||||
</FieldLabel>
|
</FieldLabel>
|
||||||
<Input
|
<Input
|
||||||
{...field}
|
{...field}
|
||||||
|
|||||||
@@ -19,23 +19,23 @@ interface Community1Props {
|
|||||||
|
|
||||||
const Community1 = ({
|
const Community1 = ({
|
||||||
logo = "/block-media/shadcnblocks/block/block-1.svg",
|
logo = "/block-media/shadcnblocks/block/block-1.svg",
|
||||||
heading = "به جمع متخصصان ما بپیوندید",
|
heading = "در جامعه ما عضو شوید",
|
||||||
headingHighlight = "ویژه طراحان، توسعهدهندگان و سازندگان محصولات دیجیتال",
|
headingHighlight = "شبکهای از متخصصان، طراحان و توسعهدهندگان پیشرو",
|
||||||
socialLinks = [
|
socialLinks = [
|
||||||
{
|
{
|
||||||
icon: <FaXTwitter />,
|
icon: <FaXTwitter />,
|
||||||
url: "https://x.com/ShadcnBlocks",
|
url: "https://x.com/ShadcnBlocks",
|
||||||
label: "ما را در X دنبال کنید و از آخرین اخبار باخبر شوید",
|
label: "در X همراه ما باشید",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
icon: <FaGithub />,
|
icon: <FaGithub />,
|
||||||
url: "https://github.com/ShadcnBlocks",
|
url: "https://github.com/ShadcnBlocks",
|
||||||
label: "در گیتهاب پروژههای ما را دنبال کنید",
|
label: "پروژههای ما را در گیتهاب دنبال کنید",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
icon: <FaDiscord />,
|
icon: <FaDiscord />,
|
||||||
url: "#",
|
url: "#",
|
||||||
label: "به انجمن دیسکورد ما بپیوندید",
|
label: "به جمع ما در دیسکورد بپیوندید",
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
className,
|
className,
|
||||||
|
|||||||
@@ -18,33 +18,33 @@ interface Community2Props {
|
|||||||
}
|
}
|
||||||
|
|
||||||
const Community2 = ({
|
const Community2 = ({
|
||||||
heading = "به جمع متخصصان ما بپیوندید",
|
heading = "به جامعه ما بپیوندید",
|
||||||
description =
|
description =
|
||||||
"با اعضای جامعه ارتباط برقرار کنید، تجربههای خود را به اشتراک بگذارید و از تازهترین آموزشها و بهروزرسانیها مطلع شوید.",
|
"با متخصصان صنعت ارتباط بگیرید، دانش خود را به اشتراک بگذارید و از آخرین تحولات و بهروزرسانیها باخبر شوید.",
|
||||||
socialLinks = [
|
socialLinks = [
|
||||||
{
|
{
|
||||||
icon: <FaXTwitter className="size-5" />,
|
icon: <FaXTwitter className="size-5" />,
|
||||||
title: "X",
|
title: "X",
|
||||||
description: "آخرین اخبار، انتشار نسخهها و اطلاعیههای رسمی را دنبال کنید.",
|
description: "آخرین اخبار، بهروزرسانیها و اطلاعیههای رسمی را دنبال کنید.",
|
||||||
url: "https://x.com/ShadcnBlocks",
|
url: "https://x.com/ShadcnBlocks",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
icon: <FaLinkedin className="size-5" />,
|
icon: <FaLinkedin className="size-5" />,
|
||||||
title: "LinkedIn",
|
title: "LinkedIn",
|
||||||
description: "با تیم ما ارتباط حرفهای برقرار کنید و فرصتهای همکاری را دنبال کنید.",
|
description: "با تیم ما در LinkedIn ارتباط حرفهای برقرار کنید و از فرصتهای همکاری باخبر شوید.",
|
||||||
url: "https://www.linkedin.com/company/ShadcnBlocks",
|
url: "https://www.linkedin.com/company/ShadcnBlocks",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
icon: <FaGithub className="size-5" />,
|
icon: <FaGithub className="size-5" />,
|
||||||
title: "گیتهاب",
|
title: "گیتهاب",
|
||||||
description: "در توسعه پروژههای متنباز مشارکت کنید، ایده ارائه دهید و مشکلات را گزارش کنید.",
|
description: "در توسعه پروژههای متنباز مشارکت کنید، ایده ارائه دهید و باگها را گزارش کنید.",
|
||||||
url: "https://github.com/ShadcnBlocks",
|
url: "https://github.com/ShadcnBlocks",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
icon: <FaDiscord className="size-5" />,
|
icon: <FaDiscord className="size-5" />,
|
||||||
title: "دیسکورد",
|
title: "دیسکورد",
|
||||||
description:
|
description:
|
||||||
"در دیسکورد با سایر توسعهدهندگان گفتگو کنید، سؤال بپرسید و از تجربه اعضای جامعه استفاده کنید.",
|
"با سایر توسعهدهندگان در دیسکورد گفتگو کنید، سؤال بپرسید و از تجربیات اعضای جامعه بهرهمند شوید.",
|
||||||
url: "#",
|
url: "#",
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
|
|||||||
@@ -16,18 +16,18 @@ const Community3 = ({ className }: Community3Props) => {
|
|||||||
<div className="flex flex-col items-start pb-10 md:items-center md:pb-14 xl:pb-[60px]">
|
<div className="flex flex-col items-start pb-10 md:items-center md:pb-14 xl:pb-[60px]">
|
||||||
<Badge>
|
<Badge>
|
||||||
<Users className="h-4 w-4" />
|
<Users className="h-4 w-4" />
|
||||||
جامعه
|
شبکه متخصصان
|
||||||
</Badge>
|
</Badge>
|
||||||
|
|
||||||
<h4 className="mt-4 text-[28px] leading-[36px] font-semibold tracking-tight text-foreground md:text-center md:text-3xl xl:text-[48px] xl:leading-[56px]">
|
<h4 className="mt-4 text-[28px] leading-[36px] font-semibold tracking-tight text-foreground md:text-center md:text-3xl xl:text-[48px] xl:leading-[56px]">
|
||||||
عضوی از جامعه روبهرشد ما شوید
|
به جامعه ما بپیوندید
|
||||||
</h4>
|
</h4>
|
||||||
|
|
||||||
<p className="mt-2 text-lg text-muted-foreground md:text-center xl:mt-3 xl:text-xl">
|
<p className="mt-2 text-lg text-muted-foreground md:text-center xl:mt-3 xl:text-xl">
|
||||||
با طراحان، توسعهدهندگان و علاقهمندان فناوری{" "}
|
با طراحان، توسعهدهندگان و متخصصان فناوری{" "}
|
||||||
<span className="font-medium text-foreground">همکاری</span> کنید،{" "}
|
<span className="font-medium text-foreground">همکاری</span> کنید،{" "}
|
||||||
<span className="font-medium text-foreground">یادگیری</span> کنید و{" "}
|
<span className="font-medium text-foreground">یاد بگیرید</span> و{" "}
|
||||||
<span className="font-medium text-foreground">رشد</span> کنید.
|
<span className="font-medium text-foreground">پیشرفت</span> کنید.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<div className="mt-6 grid w-full grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3 xl:mt-12 xl:gap-6">
|
<div className="mt-6 grid w-full grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3 xl:mt-12 xl:gap-6">
|
||||||
@@ -42,7 +42,7 @@ const Community3 = ({ className }: Community3Props) => {
|
|||||||
<div className="space-y-2 text-center">
|
<div className="space-y-2 text-center">
|
||||||
<h5 className="text-sm font-medium md:text-lg">X</h5>
|
<h5 className="text-sm font-medium md:text-lg">X</h5>
|
||||||
<p className="text-sm text-balance text-muted-foreground">
|
<p className="text-sm text-balance text-muted-foreground">
|
||||||
آخرین آموزشها، مقالات، نسخهها و اخبار را دریافت کنید.
|
آخرین مقالات، آموزشها، بهروزرسانیها و اخبار را دنبال کنید.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
@@ -59,7 +59,7 @@ const Community3 = ({ className }: Community3Props) => {
|
|||||||
<div className="space-y-2 text-center">
|
<div className="space-y-2 text-center">
|
||||||
<h5 className="text-sm font-medium md:text-lg">گیتهاب</h5>
|
<h5 className="text-sm font-medium md:text-lg">گیتهاب</h5>
|
||||||
<p className="text-sm text-balance text-muted-foreground">
|
<p className="text-sm text-balance text-muted-foreground">
|
||||||
در توسعه پروژه مشارکت کنید، مشکلات را گزارش دهید و پیشنهادهای خود را ارائه کنید.
|
در توسعه پروژه مشارکت کنید، باگها را گزارش دهید و پیشنهادهای خود را ارائه کنید.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
@@ -76,7 +76,7 @@ const Community3 = ({ className }: Community3Props) => {
|
|||||||
<div className="space-y-2 text-center">
|
<div className="space-y-2 text-center">
|
||||||
<h5 className="text-sm font-medium md:text-lg">دیسکورد</h5>
|
<h5 className="text-sm font-medium md:text-lg">دیسکورد</h5>
|
||||||
<p className="text-sm text-balance text-muted-foreground">
|
<p className="text-sm text-balance text-muted-foreground">
|
||||||
با اعضای جامعه گفتگو کنید، تجربههای خود را به اشتراک بگذارید و پاسخ پرسشهای خود را دریافت کنید.
|
با اعضای جامعه گفتگو کنید، تجربههای خود را به اشتراک بگذارید و پاسخ سؤالات خود را دریافت کنید.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
@@ -84,7 +84,7 @@ const Community3 = ({ className }: Community3Props) => {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="mt-8 hidden max-w-[330px] text-center text-muted-foreground xl:block">
|
<div className="mt-8 hidden max-w-[330px] text-center text-muted-foreground xl:block">
|
||||||
در جامعهای فعال حضور داشته باشید که بر پایه یادگیری، همکاری و نوآوری شکل گرفته است.
|
در جامعهای پویا حضور داشته باشید که بر پایه یادگیری، همکاری و نوآوری شکل گرفته است.
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
+14
-14
@@ -14,37 +14,37 @@ const Community4 = ({ className }: Community4Props) => {
|
|||||||
name: "Facebook",
|
name: "Facebook",
|
||||||
icon: <FaFacebook className="size-6 text-blue-400/90" />,
|
icon: <FaFacebook className="size-6 text-blue-400/90" />,
|
||||||
color: "blue",
|
color: "blue",
|
||||||
heading: "به انجمن کاربران ما بپیوندید",
|
heading: "به جمع ما بپیوندید",
|
||||||
description:
|
description:
|
||||||
"ایدهها، تجربهها و پروژههای خود را با سایر اعضای جامعه به اشتراک بگذارید.",
|
"ایدهها، پروژهها و دستاوردهای خود را با سایر اعضای جامعه به اشتراک بگذارید.",
|
||||||
followText: "ما را در فیسبوک دنبال کنید",
|
followText: "ما را در Facebook دنبال کنید",
|
||||||
url: "#",
|
url: "#",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: "Youtube",
|
name: "Youtube",
|
||||||
icon: <FaYoutube className="size-6 text-red-500/90" />,
|
icon: <FaYoutube className="size-6 text-red-500/90" />,
|
||||||
color: "red",
|
color: "red",
|
||||||
heading: "کانال ویدئویی ما را دنبال کنید",
|
heading: "ویدئوهای آموزشی ما را ببینید",
|
||||||
description: "آموزشها، معرفی قابلیتهای جدید و ویدئوهای تخصصی را مشاهده کنید.",
|
description: "آموزشها، معرفی قابلیتهای جدید و محتوای تخصصی را دنبال کنید.",
|
||||||
followText: "ما را در یوتیوب دنبال کنید",
|
followText: "کانال YouTube ما را دنبال کنید",
|
||||||
url: "#",
|
url: "#",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: "X",
|
name: "X",
|
||||||
icon: <FaXTwitter className="size-5 text-white" />,
|
icon: <FaXTwitter className="size-5 text-white" />,
|
||||||
color: "zinc",
|
color: "zinc",
|
||||||
heading: "اخبار و بهروزرسانیها را دنبال کنید",
|
heading: "آخرین اخبار و بهروزرسانیها",
|
||||||
description: "از آخرین تغییرات محصول، نسخههای جدید و اطلاعیههای مهم مطلع شوید.",
|
description: "از آخرین تغییرات محصول، نسخههای جدید و اطلاعیههای مهم باخبر شوید.",
|
||||||
followText: "ما را در X دنبال کنید",
|
followText: "در X همراه ما باشید",
|
||||||
url: "#",
|
url: "#",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: "Instagram",
|
name: "Instagram",
|
||||||
icon: <FaInstagram className="size-6 text-pink-400/90" />,
|
icon: <FaInstagram className="size-6 text-pink-400/90" />,
|
||||||
color: "pink",
|
color: "pink",
|
||||||
heading: "گالری پروژهها را ببینید",
|
heading: "نمونه کارهای ما را ببینید",
|
||||||
description: "نمونه پروژهها، تصاویر و پشتصحنه توسعه محصولات را مشاهده کنید.",
|
description: "پروژهها، تصاویر و پشتصحنه توسعه محصولات را دنبال کنید.",
|
||||||
followText: "ما را در اینستاگرام دنبال کنید",
|
followText: "ما را در Instagram دنبال کنید",
|
||||||
url: "#",
|
url: "#",
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
@@ -54,10 +54,10 @@ const Community4 = ({ className }: Community4Props) => {
|
|||||||
<div className="container">
|
<div className="container">
|
||||||
<div className="flex flex-col items-center gap-2.5 text-center">
|
<div className="flex flex-col items-center gap-2.5 text-center">
|
||||||
<h2 className="text-xl font-medium md:text-2xll">
|
<h2 className="text-xl font-medium md:text-2xll">
|
||||||
به جمع متخصصان ما بپیوندید
|
به جامعه ما بپیوندید
|
||||||
</h2>
|
</h2>
|
||||||
<p className="text-muted-foreground md:text-lg">
|
<p className="text-muted-foreground md:text-lg">
|
||||||
با اعضای جامعه ارتباط برقرار کنید، تجربههای خود را به اشتراک بگذارید و از تازهترین آموزشها و بهروزرسانیها مطلع شوید.
|
با متخصصان و علاقهمندان صنعت ارتباط بگیرید، دانش خود را به اشتراک بگذارید و از آخرین تحولات باخبر شوید.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div className="mx-auto mt-8 grid grid-cols-1 gap-2 md:grid-cols-2 xl:grid-cols-4">
|
<div className="mx-auto mt-8 grid grid-cols-1 gap-2 md:grid-cols-2 xl:grid-cols-4">
|
||||||
|
|||||||
@@ -71,7 +71,7 @@ const Community6 = ({ className }: Community6Props) => {
|
|||||||
به جامعه حرفهای ما بپیوندید
|
به جامعه حرفهای ما بپیوندید
|
||||||
</h2>
|
</h2>
|
||||||
<p className="mb-8 max-w-2xl text-center text-lg font-normal text-muted-foreground md:text-xl">
|
<p className="mb-8 max-w-2xl text-center text-lg font-normal text-muted-foreground md:text-xl">
|
||||||
با توسعهدهندگان، طراحان و متخصصان سراسر جهان ارتباط برقرار کنید، تجربه کسب کنید و پروژههای ارزشمند خلق کنید.
|
با توسعهدهندگان، طراحان و متخصصان سراسر جهان ارتباط برقرار کنید، دانش کسب کنید و پروژههای ارزشمند بسازید.
|
||||||
</p>
|
</p>
|
||||||
<div className="mb-10 grid w-full grid-cols-1 gap-6 md:grid-cols-3 xl:grid-cols-6">
|
<div className="mb-10 grid w-full grid-cols-1 gap-6 md:grid-cols-3 xl:grid-cols-6">
|
||||||
{communityCards.map((card) => (
|
{communityCards.map((card) => (
|
||||||
|
|||||||
@@ -72,7 +72,7 @@ const Community7 = ({ className }: Community7Props) => {
|
|||||||
در شبکههای اجتماعی همراه ما باشید
|
در شبکههای اجتماعی همراه ما باشید
|
||||||
</h2>
|
</h2>
|
||||||
<p className="mb-8 max-w-2xl text-center text-lg font-normal text-muted-foreground md:text-xl">
|
<p className="mb-8 max-w-2xl text-center text-lg font-normal text-muted-foreground md:text-xl">
|
||||||
در شبکههای اجتماعی ما را دنبال کنید و از تازهترین محتوا و اخبار مطلع شوید.
|
ما را در شبکههای اجتماعی دنبال کنید و از آخرین محتوا و اخبار باخبر شوید.
|
||||||
</p>
|
</p>
|
||||||
<div className="mb-10 grid w-full grid-cols-1 gap-6 md:grid-cols-3">
|
<div className="mb-10 grid w-full grid-cols-1 gap-6 md:grid-cols-3">
|
||||||
{communityCards.map((card) => (
|
{communityCards.map((card) => (
|
||||||
|
|||||||
+24
-24
@@ -25,13 +25,13 @@ import {
|
|||||||
import { cn } from "@/lib/utils";
|
import { cn } from "@/lib/utils";
|
||||||
|
|
||||||
const contactFormSchema = z.object({
|
const contactFormSchema = z.object({
|
||||||
fullName: z.string().min(1, "نام و نام خانوادگی الزامی است"),
|
fullName: z.string().min(1, "نام و نام خانوادگی"),
|
||||||
company: z.string().optional(),
|
company: z.string().optional(),
|
||||||
phone: z.string().min(1, "شماره تلفن الزامی است"),
|
phone: z.string().min(1, "شماره تماس کاری"),
|
||||||
email: z
|
email: z
|
||||||
.string()
|
.string()
|
||||||
.min(1, "ایمیل الزامی است")
|
.min(1, "ایمیل کاری")
|
||||||
.email("آدرس ایمیل نامعتبر است"),
|
.email("ایمیل واردشده معتبر نیست"),
|
||||||
country: z.string().optional(),
|
country: z.string().optional(),
|
||||||
companySize: z.string().optional(),
|
companySize: z.string().optional(),
|
||||||
referral: z.string().optional(),
|
referral: z.string().optional(),
|
||||||
@@ -78,7 +78,7 @@ const Contact1 = ({ className, onSubmit }: Contact1Props) => {
|
|||||||
setTimeout(() => setIsSubmitted(false), 5000);
|
setTimeout(() => setIsSubmitted(false), 5000);
|
||||||
} catch {
|
} catch {
|
||||||
form.setError("root", {
|
form.setError("root", {
|
||||||
message: "مشکلی پیش آمد. لطفاً دوباره تلاش کنید.",
|
message: "ثبت درخواست ناموفق بود. دوباره تلاش کنید.",
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
@@ -92,10 +92,10 @@ const Contact1 = ({ className, onSubmit }: Contact1Props) => {
|
|||||||
<div className="w-full pb-10 md:space-y-10 md:pb-0">
|
<div className="w-full pb-10 md:space-y-10 md:pb-0">
|
||||||
<div className="space-y-4 md:max-w-[40rem]">
|
<div className="space-y-4 md:max-w-[40rem]">
|
||||||
<h1 className="text-xl font-medium lg:text-2xll">
|
<h1 className="text-xl font-medium lg:text-2xll">
|
||||||
درخواست دمو و مشاوره تخصصی
|
دموی شخصیسازیشده CRM
|
||||||
</h1>
|
</h1>
|
||||||
<div className="text-muted-foreground md:text-base lg:text-lg lg:leading-7">
|
<div className="text-muted-foreground md:text-base lg:text-lg lg:leading-7">
|
||||||
در یک جلسه دمو، قابلیتهای محصول را متناسب با نیازهای سازمان خود بررسی کنید و پاسخ پرسشهای فنی و تجاری را از کارشناسان ما دریافت کنید.
|
در یک جلسه کوتاه، قیف فروش، اتوماسیون پیگیری و داشبورد تیم را روی سناریوی کسبوکارتان میبینید. کارشناسان فروش به پرسشهای فنی و تجاریتان پاسخ میدهند.
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="hidden md:block">
|
<div className="hidden md:block">
|
||||||
@@ -117,23 +117,23 @@ const Contact1 = ({ className, onSubmit }: Contact1Props) => {
|
|||||||
</div>
|
</div>
|
||||||
<div className="space-y-4">
|
<div className="space-y-4">
|
||||||
<p className="text-sm font-semibold">
|
<p className="text-sm font-semibold">
|
||||||
در این جلسه چه مواردی بررسی میشود؟
|
در این دمو چه میبینید؟
|
||||||
</p>
|
</p>
|
||||||
<div className="flex items-center gap-2.5">
|
<div className="flex items-center gap-2.5">
|
||||||
<Check className="size-5 shrink-0 text-muted-foreground" />
|
<Check className="size-5 shrink-0 text-muted-foreground" />
|
||||||
<p className="text-sm">
|
<p className="text-sm">
|
||||||
معرفی قابلیتها بر اساس نیازهای واقعی کسبوکار شما
|
نگاشت قیف فروش و مراحل پیگیری سرنخ
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex items-center gap-2.5">
|
<div className="flex items-center gap-2.5">
|
||||||
<Check className="size-5 shrink-0 text-muted-foreground" />
|
<Check className="size-5 shrink-0 text-muted-foreground" />
|
||||||
<p className="text-sm">
|
<p className="text-sm">
|
||||||
بررسی بهترین راهکار برای پیادهسازی و استقرار
|
پیشنهاد استقرار CRM متناسب با اندازه تیم
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex items-center gap-2.5">
|
<div className="flex items-center gap-2.5">
|
||||||
<Check className="size-5 shrink-0 text-muted-foreground" />
|
<Check className="size-5 shrink-0 text-muted-foreground" />
|
||||||
<p className="text-sm">پاسخ به پرسشهای فنی، تجاری و اجرایی</p>
|
<p className="text-sm">پاسخ به پرسشهای یکپارچهسازی و گزارشگیری</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -145,7 +145,7 @@ const Contact1 = ({ className, onSubmit }: Contact1Props) => {
|
|||||||
/>
|
/>
|
||||||
<img
|
<img
|
||||||
src="/block-media/shadcnblocks/block/logos/shadcn-ui-wordmark.svg"
|
src="/block-media/shadcnblocks/block/logos/shadcn-ui-wordmark.svg"
|
||||||
alt="لوگوی ری یو آی"
|
alt="لوگوی shadcn/ui"
|
||||||
className="h-5 dark:invert"
|
className="h-5 dark:invert"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -167,7 +167,7 @@ const Contact1 = ({ className, onSubmit }: Contact1Props) => {
|
|||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
<p className="text-sm font-medium text-green-600 dark:text-green-400">
|
<p className="text-sm font-medium text-green-600 dark:text-green-400">
|
||||||
درخواست شما با موفقیت ثبت شد. کارشناسان ما در اولین فرصت با شما تماس خواهند گرفت.
|
درخواست دمو ثبت شد. کارشناس فروش در کمتر از یک روز کاری با شما هماهنگ میکند.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
@@ -204,7 +204,7 @@ const Contact1 = ({ className, onSubmit }: Contact1Props) => {
|
|||||||
<Input
|
<Input
|
||||||
{...field}
|
{...field}
|
||||||
id={field.name}
|
id={field.name}
|
||||||
placeholder="نام شرکت یا سازمان"
|
placeholder="نام شرکت"
|
||||||
/>
|
/>
|
||||||
</Field>
|
</Field>
|
||||||
)}
|
)}
|
||||||
@@ -216,7 +216,7 @@ const Contact1 = ({ className, onSubmit }: Contact1Props) => {
|
|||||||
render={({ field, fieldState }) => (
|
render={({ field, fieldState }) => (
|
||||||
<Field data-invalid={fieldState.invalid}>
|
<Field data-invalid={fieldState.invalid}>
|
||||||
<FieldLabel htmlFor={field.name}>
|
<FieldLabel htmlFor={field.name}>
|
||||||
شماره تلفن{" "}
|
تلفن همراه{" "}
|
||||||
<span className="text-destructive">*</span>
|
<span className="text-destructive">*</span>
|
||||||
</FieldLabel>
|
</FieldLabel>
|
||||||
<Input
|
<Input
|
||||||
@@ -240,7 +240,7 @@ const Contact1 = ({ className, onSubmit }: Contact1Props) => {
|
|||||||
render={({ field, fieldState }) => (
|
render={({ field, fieldState }) => (
|
||||||
<Field data-invalid={fieldState.invalid}>
|
<Field data-invalid={fieldState.invalid}>
|
||||||
<FieldLabel htmlFor={field.name}>
|
<FieldLabel htmlFor={field.name}>
|
||||||
ایمیل (کاری){" "}
|
ایمیل کاری{" "}
|
||||||
<span className="text-destructive">*</span>
|
<span className="text-destructive">*</span>
|
||||||
</FieldLabel>
|
</FieldLabel>
|
||||||
<Input
|
<Input
|
||||||
@@ -297,7 +297,7 @@ const Contact1 = ({ className, onSubmit }: Contact1Props) => {
|
|||||||
render={({ field }) => (
|
render={({ field }) => (
|
||||||
<Field>
|
<Field>
|
||||||
<FieldLabel htmlFor={field.name}>
|
<FieldLabel htmlFor={field.name}>
|
||||||
اندازه شرکت
|
اندازه تیم فروش
|
||||||
</FieldLabel>
|
</FieldLabel>
|
||||||
<Select
|
<Select
|
||||||
onValueChange={field.onChange}
|
onValueChange={field.onChange}
|
||||||
@@ -323,7 +323,7 @@ const Contact1 = ({ className, onSubmit }: Contact1Props) => {
|
|||||||
render={({ field }) => (
|
render={({ field }) => (
|
||||||
<Field>
|
<Field>
|
||||||
<FieldLabel htmlFor={field.name}>
|
<FieldLabel htmlFor={field.name}>
|
||||||
چطور با ما آشنا شدید؟
|
از کجا با پلتفرم آشنا شدید؟
|
||||||
</FieldLabel>
|
</FieldLabel>
|
||||||
<Select
|
<Select
|
||||||
onValueChange={field.onChange}
|
onValueChange={field.onChange}
|
||||||
@@ -337,8 +337,8 @@ const Contact1 = ({ className, onSubmit }: Contact1Props) => {
|
|||||||
<SelectItem value="social">
|
<SelectItem value="social">
|
||||||
شبکههای اجتماعی
|
شبکههای اجتماعی
|
||||||
</SelectItem>
|
</SelectItem>
|
||||||
<SelectItem value="email">ایمیل</SelectItem>
|
<SelectItem value="email">ایمیل مارکتینگ</SelectItem>
|
||||||
<SelectItem value="referral">معرفی توسط همکار یا مشتری</SelectItem>
|
<SelectItem value="referral">معرفی همکار یا مشتری</SelectItem>
|
||||||
<SelectItem value="other">سایر</SelectItem>
|
<SelectItem value="other">سایر</SelectItem>
|
||||||
</SelectContent>
|
</SelectContent>
|
||||||
</Select>
|
</Select>
|
||||||
@@ -361,18 +361,18 @@ const Contact1 = ({ className, onSubmit }: Contact1Props) => {
|
|||||||
{form.formState.isSubmitting ? (
|
{form.formState.isSubmitting ? (
|
||||||
<>
|
<>
|
||||||
<LoaderIcon className="size-4 animate-spin" />
|
<LoaderIcon className="size-4 animate-spin" />
|
||||||
در حال ثبت...
|
در حال ثبت درخواست...
|
||||||
</>
|
</>
|
||||||
) : (
|
) : (
|
||||||
"رزرو دمو"
|
"درخواست دمو"
|
||||||
)}
|
)}
|
||||||
</Button>
|
</Button>
|
||||||
<div className="text-xs text-muted-foreground">
|
<div className="text-xs text-muted-foreground">
|
||||||
برای آگاهی از نحوه جمعآوری، نگهداری و استفاده از اطلاعات شخصی،{" "}
|
با ارسال این فرم، نحوه پردازش دادههای تماس در{" "}
|
||||||
<a href="#" className="underline">
|
<a href="#" className="underline">
|
||||||
سیاست حریم خصوصی
|
سیاست حریم خصوصی
|
||||||
</a>{" "}
|
</a>{" "}
|
||||||
را مطالعه کنید.
|
را میپذیرید.
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</FieldGroup>
|
</FieldGroup>
|
||||||
|
|||||||
+17
-17
@@ -18,14 +18,14 @@ import { Textarea } from "@/components/ui/textarea";
|
|||||||
import { cn } from "@/lib/utils";
|
import { cn } from "@/lib/utils";
|
||||||
|
|
||||||
const contactFormSchema = z.object({
|
const contactFormSchema = z.object({
|
||||||
fullName: z.string().min(1, "نام و نام خانوادگی الزامی است"),
|
fullName: z.string().min(1, "نام و نام خانوادگی"),
|
||||||
email: z
|
email: z
|
||||||
.string()
|
.string()
|
||||||
.min(1, "ایمیل الزامی است")
|
.min(1, "ایمیل کاری")
|
||||||
.email("آدرس ایمیل نامعتبر است"),
|
.email("ایمیل واردشده معتبر نیست"),
|
||||||
company: z.string().optional(),
|
company: z.string().optional(),
|
||||||
employees: z.string().optional(),
|
employees: z.string().optional(),
|
||||||
message: z.string().min(1, "پیام الزامی است"),
|
message: z.string().min(1, "شرح درخواست را وارد کنید"),
|
||||||
});
|
});
|
||||||
|
|
||||||
type ContactFormData = z.infer<typeof contactFormSchema>;
|
type ContactFormData = z.infer<typeof contactFormSchema>;
|
||||||
@@ -67,7 +67,7 @@ const Contact10 = ({ className, onSubmit }: Contact10Props) => {
|
|||||||
setTimeout(() => setIsSubmitted(false), 5000);
|
setTimeout(() => setIsSubmitted(false), 5000);
|
||||||
} catch {
|
} catch {
|
||||||
form.setError("root", {
|
form.setError("root", {
|
||||||
message: "مشکلی پیش آمد. لطفاً دوباره تلاش کنید.",
|
message: "ارسال درخواست ناموفق بود. دوباره تلاش کنید.",
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
@@ -83,15 +83,15 @@ const Contact10 = ({ className, onSubmit }: Contact10Props) => {
|
|||||||
>
|
>
|
||||||
<div className="container max-w-2xl">
|
<div className="container max-w-2xl">
|
||||||
<h1 className="text-center text-xl font-semibold tracking-tight lg:text-2xll">
|
<h1 className="text-center text-xl font-semibold tracking-tight lg:text-2xll">
|
||||||
تماس با ما
|
درخواست دمو CRM
|
||||||
</h1>
|
</h1>
|
||||||
<p className="mt-4 text-center leading-snug font-medium text-muted-foreground lg:mx-auto">
|
<p className="mt-4 text-center leading-snug font-medium text-muted-foreground lg:mx-auto">
|
||||||
فرم را تکمیل کنید تا در کوتاهترین زمان ممکن درخواست شما بررسی و پاسخ داده شود.
|
فرم را پر کنید تا کارشناس فروش اندازه تیم و نیازتان را بررسی کند و جلسه دمو را هماهنگ کند.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<div className="mt-10 flex justify-between gap-8 max-sm:flex-col md:mt-14 lg:mt-20 lg:gap-12">
|
<div className="mt-10 flex justify-between gap-8 max-sm:flex-col md:mt-14 lg:mt-20 lg:gap-12">
|
||||||
<div>
|
<div>
|
||||||
<h2 className="font-semibold">دفتر مرکزی</h2>
|
<h2 className="font-semibold">دفتر تهران</h2>
|
||||||
<p className="mt-3 text-muted-foreground" dir="rtl">
|
<p className="mt-3 text-muted-foreground" dir="rtl">
|
||||||
Valiasr St, Tehran 15138
|
Valiasr St, Tehran 15138
|
||||||
<br />
|
<br />
|
||||||
@@ -100,16 +100,16 @@ const Contact10 = ({ className, onSubmit }: Contact10Props) => {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<h2 className="font-semibold">ارتباط از طریق ایمیل</h2>
|
<h2 className="font-semibold">ایمیل فروش</h2>
|
||||||
<div className="mt-3">
|
<div className="mt-3">
|
||||||
<div>
|
<div>
|
||||||
<p className="text-primary">فرصتهای شغلی</p>
|
<p className="text-primary">مشاوره و دمو</p>
|
||||||
<a
|
<a
|
||||||
href="mailto:support@example.com"
|
href="mailto:support@example.com"
|
||||||
className="text-muted-foreground hover:text-foreground"
|
className="text-muted-foreground hover:text-foreground"
|
||||||
dir="rtl"
|
dir="rtl"
|
||||||
>
|
>
|
||||||
پشتیبانی@نمونه.ایران
|
support@example.com
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -146,7 +146,7 @@ const Contact10 = ({ className, onSubmit }: Contact10Props) => {
|
|||||||
<DashedLine className="my-12" />
|
<DashedLine className="my-12" />
|
||||||
|
|
||||||
<div className="mx-auto">
|
<div className="mx-auto">
|
||||||
<h2 className="text-lg font-semibold">درخواستها</h2>
|
<h2 className="text-lg font-semibold">درخواست دمو</h2>
|
||||||
|
|
||||||
{isSubmitted && (
|
{isSubmitted && (
|
||||||
<div
|
<div
|
||||||
@@ -156,7 +156,7 @@ const Contact10 = ({ className, onSubmit }: Contact10Props) => {
|
|||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
<p className="text-sm font-medium text-green-600 dark:text-green-400">
|
<p className="text-sm font-medium text-green-600 dark:text-green-400">
|
||||||
پیام شما با موفقیت ثبت شد. کارشناسان ما در اولین فرصت با شما تماس خواهند گرفت.
|
درخواست دمو ثبت شد. کارشناس فروش در اولین فرصت هماهنگ میکند.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
@@ -219,7 +219,7 @@ const Contact10 = ({ className, onSubmit }: Contact10Props) => {
|
|||||||
<Input
|
<Input
|
||||||
{...field}
|
{...field}
|
||||||
id={field.name}
|
id={field.name}
|
||||||
placeholder="نام شرکت یا سازمان"
|
placeholder="نام شرکت"
|
||||||
/>
|
/>
|
||||||
</Field>
|
</Field>
|
||||||
)}
|
)}
|
||||||
@@ -231,7 +231,7 @@ const Contact10 = ({ className, onSubmit }: Contact10Props) => {
|
|||||||
render={({ field }) => (
|
render={({ field }) => (
|
||||||
<Field>
|
<Field>
|
||||||
<FieldLabel htmlFor={field.name}>
|
<FieldLabel htmlFor={field.name}>
|
||||||
تعداد کارمندان
|
تعداد کاربران CRM
|
||||||
</FieldLabel>
|
</FieldLabel>
|
||||||
<Input
|
<Input
|
||||||
{...field}
|
{...field}
|
||||||
@@ -254,7 +254,7 @@ const Contact10 = ({ className, onSubmit }: Contact10Props) => {
|
|||||||
{...field}
|
{...field}
|
||||||
id={field.name}
|
id={field.name}
|
||||||
aria-invalid={fieldState.invalid}
|
aria-invalid={fieldState.invalid}
|
||||||
placeholder="جزئیات درخواست، سؤال یا پروژه خود را بنویسید."
|
placeholder="ابزار فعلی فروش، هدف استقرار و زمان پیشنهادی دمو را بنویسید."
|
||||||
className="min-h-[120px] resize-none"
|
className="min-h-[120px] resize-none"
|
||||||
/>
|
/>
|
||||||
{fieldState.invalid && (
|
{fieldState.invalid && (
|
||||||
@@ -283,7 +283,7 @@ const Contact10 = ({ className, onSubmit }: Contact10Props) => {
|
|||||||
در حال ارسال...
|
در حال ارسال...
|
||||||
</>
|
</>
|
||||||
) : (
|
) : (
|
||||||
"ارسال پیام"
|
"درخواست دمو"
|
||||||
)}
|
)}
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
+17
-17
@@ -18,14 +18,14 @@ import { Textarea } from "@/components/ui/textarea";
|
|||||||
import { cn } from "@/lib/utils";
|
import { cn } from "@/lib/utils";
|
||||||
|
|
||||||
const contactFormSchema = z.object({
|
const contactFormSchema = z.object({
|
||||||
fullName: z.string().min(1, "نام و نام خانوادگی الزامی است"),
|
fullName: z.string().min(1, "نام و نام خانوادگی"),
|
||||||
email: z
|
email: z
|
||||||
.string()
|
.string()
|
||||||
.min(1, "ایمیل الزامی است")
|
.min(1, "ایمیل کاری")
|
||||||
.email("آدرس ایمیل نامعتبر است"),
|
.email("ایمیل واردشده معتبر نیست"),
|
||||||
company: z.string().optional(),
|
company: z.string().optional(),
|
||||||
employees: z.string().optional(),
|
employees: z.string().optional(),
|
||||||
message: z.string().min(1, "پیام الزامی است"),
|
message: z.string().min(1, "شرح درخواست را وارد کنید"),
|
||||||
});
|
});
|
||||||
|
|
||||||
type ContactFormData = z.infer<typeof contactFormSchema>;
|
type ContactFormData = z.infer<typeof contactFormSchema>;
|
||||||
@@ -67,7 +67,7 @@ const Contact11 = ({ className, onSubmit }: Contact11Props) => {
|
|||||||
setTimeout(() => setIsSubmitted(false), 5000);
|
setTimeout(() => setIsSubmitted(false), 5000);
|
||||||
} catch {
|
} catch {
|
||||||
form.setError("root", {
|
form.setError("root", {
|
||||||
message: "مشکلی پیش آمد. لطفاً دوباره تلاش کنید.",
|
message: "ارسال درخواست ناموفق بود. دوباره تلاش کنید.",
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
@@ -76,16 +76,16 @@ const Contact11 = ({ className, onSubmit }: Contact11Props) => {
|
|||||||
<section dir="rtl" lang="fa" className={cn("py-32", className)}>
|
<section dir="rtl" lang="fa" className={cn("py-32", className)}>
|
||||||
<div className="container max-w-4xl">
|
<div className="container max-w-4xl">
|
||||||
<h1 className="text-center text-xl font-semibold tracking-tight sm:text-2xll">
|
<h1 className="text-center text-xl font-semibold tracking-tight sm:text-2xll">
|
||||||
تماس با ما
|
درخواست دمو CRM
|
||||||
</h1>
|
</h1>
|
||||||
<p className="mt-4 text-center text-muted-foreground">
|
<p className="mt-4 text-center text-muted-foreground">
|
||||||
فرم را تکمیل کنید تا در کوتاهترین زمان ممکن درخواست شما بررسی و پاسخ داده شود.
|
فرم را پر کنید تا کارشناس فروش جلسه دمو را بر اساس اندازه تیم و نیازتان هماهنگ کند.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<div className="mt-8 flex gap-10 max-md:flex-col md:mt-12 md:divide-x">
|
<div className="mt-8 flex gap-10 max-md:flex-col md:mt-12 md:divide-x">
|
||||||
<div className="space-y-10 pe-10 md:gap-20">
|
<div className="space-y-10 pe-10 md:gap-20">
|
||||||
<div>
|
<div>
|
||||||
<h2 className="text-lg font-semibold">دفتر مرکزی</h2>
|
<h2 className="text-lg font-semibold">دفتر تهران</h2>
|
||||||
<p
|
<p
|
||||||
className="mt-3 font-medium tracking-tight text-muted-foreground"
|
className="mt-3 font-medium tracking-tight text-muted-foreground"
|
||||||
dir="rtl"
|
dir="rtl"
|
||||||
@@ -97,10 +97,10 @@ const Contact11 = ({ className, onSubmit }: Contact11Props) => {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<h2 className="text-lg font-semibold">ارتباط از طریق ایمیل</h2>
|
<h2 className="text-lg font-semibold">ایمیل تیم فروش</h2>
|
||||||
<div className="mt-3 space-y-2">
|
<div className="mt-3 space-y-2">
|
||||||
<div>
|
<div>
|
||||||
<p className="text-primary">فرصتهای شغلی</p>
|
<p className="text-primary">فروش سازمانی</p>
|
||||||
<a
|
<a
|
||||||
href="mailto:careers@example.com"
|
href="mailto:careers@example.com"
|
||||||
className="mt-3 tracking-tight text-muted-foreground hover:text-foreground"
|
className="mt-3 tracking-tight text-muted-foreground hover:text-foreground"
|
||||||
@@ -110,7 +110,7 @@ const Contact11 = ({ className, onSubmit }: Contact11Props) => {
|
|||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<p className="text-primary">رسانه</p>
|
<p className="text-primary">پشتیبانی محصول</p>
|
||||||
<a
|
<a
|
||||||
href="mailto:press@example.com"
|
href="mailto:press@example.com"
|
||||||
className="mt-3 tracking-tight text-muted-foreground hover:text-foreground"
|
className="mt-3 tracking-tight text-muted-foreground hover:text-foreground"
|
||||||
@@ -151,7 +151,7 @@ const Contact11 = ({ className, onSubmit }: Contact11Props) => {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="flex-1 md:ps-10">
|
<div className="flex-1 md:ps-10">
|
||||||
<h2 className="text-lg font-semibold">درخواستها</h2>
|
<h2 className="text-lg font-semibold">درخواست دمو</h2>
|
||||||
|
|
||||||
{isSubmitted && (
|
{isSubmitted && (
|
||||||
<div
|
<div
|
||||||
@@ -161,7 +161,7 @@ const Contact11 = ({ className, onSubmit }: Contact11Props) => {
|
|||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
<p className="text-sm font-medium text-green-600 dark:text-green-400">
|
<p className="text-sm font-medium text-green-600 dark:text-green-400">
|
||||||
پیام شما با موفقیت ثبت شد. کارشناسان ما در اولین فرصت با شما تماس خواهند گرفت.
|
درخواست دمو ثبت شد. کارشناس فروش در اولین فرصت هماهنگ میکند.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
@@ -227,7 +227,7 @@ const Contact11 = ({ className, onSubmit }: Contact11Props) => {
|
|||||||
<Input
|
<Input
|
||||||
{...field}
|
{...field}
|
||||||
id={field.name}
|
id={field.name}
|
||||||
placeholder="نام شرکت یا سازمان"
|
placeholder="نام شرکت"
|
||||||
/>
|
/>
|
||||||
</Field>
|
</Field>
|
||||||
)}
|
)}
|
||||||
@@ -239,7 +239,7 @@ const Contact11 = ({ className, onSubmit }: Contact11Props) => {
|
|||||||
render={({ field }) => (
|
render={({ field }) => (
|
||||||
<Field>
|
<Field>
|
||||||
<FieldLabel htmlFor={field.name}>
|
<FieldLabel htmlFor={field.name}>
|
||||||
تعداد کارمندان
|
تعداد کاربران CRM
|
||||||
</FieldLabel>
|
</FieldLabel>
|
||||||
<Input
|
<Input
|
||||||
{...field}
|
{...field}
|
||||||
@@ -262,7 +262,7 @@ const Contact11 = ({ className, onSubmit }: Contact11Props) => {
|
|||||||
{...field}
|
{...field}
|
||||||
id={field.name}
|
id={field.name}
|
||||||
aria-invalid={fieldState.invalid}
|
aria-invalid={fieldState.invalid}
|
||||||
placeholder="جزئیات درخواست، سؤال یا پروژه خود را بنویسید."
|
placeholder="ابزار فعلی فروش، هدف استقرار و زمان پیشنهادی دمو را بنویسید."
|
||||||
className="min-h-[120px] resize-none"
|
className="min-h-[120px] resize-none"
|
||||||
/>
|
/>
|
||||||
{fieldState.invalid && (
|
{fieldState.invalid && (
|
||||||
@@ -291,7 +291,7 @@ const Contact11 = ({ className, onSubmit }: Contact11Props) => {
|
|||||||
در حال ارسال...
|
در حال ارسال...
|
||||||
</>
|
</>
|
||||||
) : (
|
) : (
|
||||||
"ارسال پیام"
|
"درخواست دمو"
|
||||||
)}
|
)}
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
+12
-12
@@ -20,7 +20,7 @@ import { cn } from "@/lib/utils";
|
|||||||
|
|
||||||
const contactFormSchema = z.object({
|
const contactFormSchema = z.object({
|
||||||
name: z.string().min(1, "نام الزامی است"),
|
name: z.string().min(1, "نام الزامی است"),
|
||||||
phone: z.string().min(1, "شماره تلفن الزامی است"),
|
phone: z.string().min(1, "شماره همراه الزامی است"),
|
||||||
});
|
});
|
||||||
|
|
||||||
type ContactFormData = z.infer<typeof contactFormSchema>;
|
type ContactFormData = z.infer<typeof contactFormSchema>;
|
||||||
@@ -59,7 +59,7 @@ const Contact14 = ({ className, onSubmit }: Contact14Props) => {
|
|||||||
setTimeout(() => setIsSubmitted(false), 5000);
|
setTimeout(() => setIsSubmitted(false), 5000);
|
||||||
} catch {
|
} catch {
|
||||||
form.setError("root", {
|
form.setError("root", {
|
||||||
message: "مشکلی پیش آمد. لطفاً دوباره تلاش کنید.",
|
message: "ارسال ناموفق بود. لطفاً دوباره تلاش کنید.",
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
@@ -72,22 +72,22 @@ const Contact14 = ({ className, onSubmit }: Contact14Props) => {
|
|||||||
<div className="grid grid-cols-1 items-end gap-8 md:grid-cols-2">
|
<div className="grid grid-cols-1 items-end gap-8 md:grid-cols-2">
|
||||||
<div className="flex flex-col justify-center space-y-6">
|
<div className="flex flex-col justify-center space-y-6">
|
||||||
<p className="text-sm font-semibold tracking-tight text-muted-foreground">
|
<p className="text-sm font-semibold tracking-tight text-muted-foreground">
|
||||||
وبسایت رسمی
|
تیم فروش و موفقیت مشتری
|
||||||
</p>
|
</p>
|
||||||
<div className="relative flex size-30 items-center justify-center rounded-3xl bg-foreground p-2.5 shadow-xl">
|
<div className="relative flex size-30 items-center justify-center rounded-3xl bg-foreground p-2.5 shadow-xl">
|
||||||
<div className="flex size-full items-center justify-center rounded-2xl bg-background p-4">
|
<div className="flex size-full items-center justify-center rounded-2xl bg-background p-4">
|
||||||
<Avatar className="size-full">
|
<Avatar className="size-full">
|
||||||
<AvatarImage
|
<AvatarImage
|
||||||
src="/block-media/shadcnblocks/block/avatar-1.webp"
|
src="/block-media/shadcnblocks/block/avatar-1.webp"
|
||||||
alt="تصویر پروفایل"
|
alt="تصویر کارشناس فروش"
|
||||||
className="object-cover"
|
className="object-cover"
|
||||||
/>
|
/>
|
||||||
<AvatarFallback>ری یو آی</AvatarFallback>
|
<AvatarFallback>نوافروش</AvatarFallback>
|
||||||
</Avatar>
|
</Avatar>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<h1 className="text-2xll font-bold tracking-tighter text-foreground">
|
<h1 className="text-2xll font-bold tracking-tighter text-foreground">
|
||||||
تماس با ما
|
درخواست مشاوره CRM
|
||||||
</h1>
|
</h1>
|
||||||
|
|
||||||
<ul className="max-w-lg space-y-2 tracking-tight">
|
<ul className="max-w-lg space-y-2 tracking-tight">
|
||||||
@@ -98,7 +98,7 @@ const Contact14 = ({ className, onSubmit }: Contact14Props) => {
|
|||||||
className="text-foreground/80 underline"
|
className="text-foreground/80 underline"
|
||||||
dir="rtl"
|
dir="rtl"
|
||||||
>
|
>
|
||||||
example@ری یو آی
|
example@نوافروش
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li className="flex items-center gap-2">
|
<li className="flex items-center gap-2">
|
||||||
@@ -114,9 +114,9 @@ const Contact14 = ({ className, onSubmit }: Contact14Props) => {
|
|||||||
</span>
|
</span>
|
||||||
</li>
|
</li>
|
||||||
<li className="flex items-center gap-2">
|
<li className="flex items-center gap-2">
|
||||||
<span className="font-bold">ساعات کاری:</span>
|
<span className="font-bold">ساعات پاسخگویی:</span>
|
||||||
<span className="text-foreground/80">
|
<span className="text-foreground/80">
|
||||||
دوشنبه تا جمعه، ۹ صبح تا ۵ عصر
|
شنبه تا چهارشنبه، ۹ تا ۱۷
|
||||||
</span>
|
</span>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
@@ -130,7 +130,7 @@ const Contact14 = ({ className, onSubmit }: Contact14Props) => {
|
|||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
<p className="text-sm font-medium text-green-600 dark:text-green-400">
|
<p className="text-sm font-medium text-green-600 dark:text-green-400">
|
||||||
پیام شما با موفقیت ثبت شد. کارشناسان ما در اولین فرصت با شما تماس خواهند گرفت.
|
درخواست شما ثبت شد. کارشناس فروش ظرف یک روز کاری با شما تماس میگیرد.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
@@ -149,7 +149,7 @@ const Contact14 = ({ className, onSubmit }: Contact14Props) => {
|
|||||||
{...field}
|
{...field}
|
||||||
id={field.name}
|
id={field.name}
|
||||||
aria-invalid={fieldState.invalid}
|
aria-invalid={fieldState.invalid}
|
||||||
placeholder="نام و نام خانوادگی"
|
placeholder="نام کامل"
|
||||||
className="bg-background p-6"
|
className="bg-background p-6"
|
||||||
/>
|
/>
|
||||||
{fieldState.invalid && (
|
{fieldState.invalid && (
|
||||||
@@ -200,7 +200,7 @@ const Contact14 = ({ className, onSubmit }: Contact14Props) => {
|
|||||||
در حال ارسال...
|
در حال ارسال...
|
||||||
</>
|
</>
|
||||||
) : (
|
) : (
|
||||||
"تماس با ما"
|
"درخواست تماس برگشتی"
|
||||||
)}
|
)}
|
||||||
</Button>
|
</Button>
|
||||||
</FieldGroup>
|
</FieldGroup>
|
||||||
|
|||||||
@@ -62,7 +62,7 @@ const Contact16 = ({ className, onSubmit }: Contact16Props) => {
|
|||||||
setTimeout(() => setIsSubmitted(false), 5000);
|
setTimeout(() => setIsSubmitted(false), 5000);
|
||||||
} catch {
|
} catch {
|
||||||
form.setError("root", {
|
form.setError("root", {
|
||||||
message: "مشکلی پیش آمد. لطفاً دوباره تلاش کنید.",
|
message: "ارسال ناموفق بود. لطفاً دوباره تلاش کنید.",
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
@@ -75,13 +75,13 @@ const Contact16 = ({ className, onSubmit }: Contact16Props) => {
|
|||||||
>
|
>
|
||||||
<div className="container">
|
<div className="container">
|
||||||
<h1 className="text-2xll font-semibold tracking-tight lg:text-8xl">
|
<h1 className="text-2xll font-semibold tracking-tight lg:text-8xl">
|
||||||
ارتباط با ما
|
گفتوگو با تیم فروش
|
||||||
<sup>*</sup>
|
<sup>*</sup>
|
||||||
</h1>
|
</h1>
|
||||||
<div className="mt-20 flex flex-col justify-between gap-10 lg:flex-row">
|
<div className="mt-20 flex flex-col justify-between gap-10 lg:flex-row">
|
||||||
<div className="w-full max-w-md">
|
<div className="w-full max-w-md">
|
||||||
<p className="tracking-tight text-muted-foreground/50">
|
<p className="tracking-tight text-muted-foreground/50">
|
||||||
اگر درباره محصولات، همکاری یا اجرای پروژه پرسشی دارید، فرم را تکمیل کنید یا مستقیماً با ما در ارتباط باشید. پاسخگویی در کوتاهترین زمان انجام خواهد شد.
|
برای دموی محصول، قیمتگذاری سازمانی یا یکپارچهسازی CRM فرم را پر کنید. تیم فروش معمولاً در همان روز کاری پاسخ میدهد.
|
||||||
</p>
|
</p>
|
||||||
<div className="mt-10 flex justify-between gap-4">
|
<div className="mt-10 flex justify-between gap-4">
|
||||||
<a
|
<a
|
||||||
@@ -114,7 +114,7 @@ const Contact16 = ({ className, onSubmit }: Contact16Props) => {
|
|||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
<p className="text-sm font-medium text-green-600 dark:text-green-400">
|
<p className="text-sm font-medium text-green-600 dark:text-green-400">
|
||||||
پیام شما با موفقیت ثبت شد. کارشناسان ما در اولین فرصت با شما تماس خواهند گرفت.
|
درخواست شما ثبت شد. کارشناس فروش بهزودی با شما هماهنگ میکند.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
@@ -132,7 +132,7 @@ const Contact16 = ({ className, onSubmit }: Contact16Props) => {
|
|||||||
{...field}
|
{...field}
|
||||||
id={field.name}
|
id={field.name}
|
||||||
aria-invalid={fieldState.invalid}
|
aria-invalid={fieldState.invalid}
|
||||||
placeholder="نام و نام خانوادگی"
|
placeholder="نام کامل"
|
||||||
className="h-19 rounded-none border-0 border-b border-b-foreground/15 !bg-transparent placeholder:text-foreground/20 focus-visible:ring-0"
|
className="h-19 rounded-none border-0 border-b border-b-foreground/15 !bg-transparent placeholder:text-foreground/20 focus-visible:ring-0"
|
||||||
/>
|
/>
|
||||||
{fieldState.invalid && (
|
{fieldState.invalid && (
|
||||||
@@ -178,7 +178,7 @@ const Contact16 = ({ className, onSubmit }: Contact16Props) => {
|
|||||||
{...field}
|
{...field}
|
||||||
id={field.name}
|
id={field.name}
|
||||||
aria-invalid={fieldState.invalid}
|
aria-invalid={fieldState.invalid}
|
||||||
placeholder="درباره پروژه، نیازها یا درخواست خود بنویسید."
|
placeholder="نیاز فروش، دمو یا یکپارچهسازی را بنویسید"
|
||||||
className="h-19 rounded-none border-0 border-b border-b-foreground/15 !bg-transparent placeholder:text-foreground/20 focus-visible:ring-0"
|
className="h-19 rounded-none border-0 border-b border-b-foreground/15 !bg-transparent placeholder:text-foreground/20 focus-visible:ring-0"
|
||||||
/>
|
/>
|
||||||
{fieldState.invalid && (
|
{fieldState.invalid && (
|
||||||
@@ -208,7 +208,7 @@ const Contact16 = ({ className, onSubmit }: Contact16Props) => {
|
|||||||
) : (
|
) : (
|
||||||
<>
|
<>
|
||||||
<CornerDownLeft className="size-6" />
|
<CornerDownLeft className="size-6" />
|
||||||
ارسال درخواست
|
ارسال به تیم فروش
|
||||||
</>
|
</>
|
||||||
)}
|
)}
|
||||||
</Button>
|
</Button>
|
||||||
|
|||||||
+38
-38
@@ -76,7 +76,7 @@ const Contact17 = ({ className, onSubmit }: Contact17Props) => {
|
|||||||
setTimeout(() => setIsSubmitted(false), 5000);
|
setTimeout(() => setIsSubmitted(false), 5000);
|
||||||
} catch {
|
} catch {
|
||||||
form.setError("root", {
|
form.setError("root", {
|
||||||
message: "مشکلی پیش آمد. لطفاً دوباره تلاش کنید.",
|
message: "ارسال ناموفق بود. لطفاً دوباره تلاش کنید.",
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
@@ -84,10 +84,10 @@ const Contact17 = ({ className, onSubmit }: Contact17Props) => {
|
|||||||
return (
|
return (
|
||||||
<section dir="rtl" lang="fa" className={cn("bg-muted/50 py-32", className)}>
|
<section dir="rtl" lang="fa" className={cn("bg-muted/50 py-32", className)}>
|
||||||
<div className="container">
|
<div className="container">
|
||||||
<span className="text-xs text-muted-foreground">شروع همکاری /</span>
|
<span className="text-xs text-muted-foreground">شروع با CRM /</span>
|
||||||
<div className="mt-8 grid grid-cols-1 gap-8 md:gap-10 lg:grid-cols-2 lg:grid-rows-[min-content_1fr]">
|
<div className="mt-8 grid grid-cols-1 gap-8 md:gap-10 lg:grid-cols-2 lg:grid-rows-[min-content_1fr]">
|
||||||
<h2 className="order-1 text-xl font-medium tracking-tight md:order-none md:text-2xll">
|
<h2 className="order-1 text-xl font-medium tracking-tight md:order-none md:text-2xll">
|
||||||
ارسال درخواست
|
درخواست دمو و مشاوره فروش
|
||||||
</h2>
|
</h2>
|
||||||
<div className="order-2 md:order-none md:row-span-2">
|
<div className="order-2 md:order-none md:row-span-2">
|
||||||
<div className="rounded-lg border border-border bg-background p-6">
|
<div className="rounded-lg border border-border bg-background p-6">
|
||||||
@@ -99,7 +99,7 @@ const Contact17 = ({ className, onSubmit }: Contact17Props) => {
|
|||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
<p className="text-sm font-medium text-green-600 dark:text-green-400">
|
<p className="text-sm font-medium text-green-600 dark:text-green-400">
|
||||||
درخواست شما با موفقیت ثبت شد. کارشناسان ما در اولین فرصت با شما تماس خواهند گرفت.
|
درخواست شما ثبت شد. کارشناس Customer Success ظرف یک روز کاری تماس میگیرد.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
@@ -112,7 +112,7 @@ const Contact17 = ({ className, onSubmit }: Contact17Props) => {
|
|||||||
render={({ field, fieldState }) => (
|
render={({ field, fieldState }) => (
|
||||||
<Field data-invalid={fieldState.invalid}>
|
<Field data-invalid={fieldState.invalid}>
|
||||||
<FieldLabel htmlFor={field.name}>
|
<FieldLabel htmlFor={field.name}>
|
||||||
نام و نام خانوادگی <span className="text-destructive">*</span>
|
نام <span className="text-destructive">*</span>
|
||||||
</FieldLabel>
|
</FieldLabel>
|
||||||
<Input
|
<Input
|
||||||
{...field}
|
{...field}
|
||||||
@@ -179,33 +179,33 @@ const Contact17 = ({ className, onSubmit }: Contact17Props) => {
|
|||||||
render={({ field }) => (
|
render={({ field }) => (
|
||||||
<Field>
|
<Field>
|
||||||
<FieldLabel htmlFor={field.name}>
|
<FieldLabel htmlFor={field.name}>
|
||||||
بودجه پروژه
|
اندازه تیم فروش
|
||||||
</FieldLabel>
|
</FieldLabel>
|
||||||
<Select
|
<Select
|
||||||
onValueChange={field.onChange}
|
onValueChange={field.onChange}
|
||||||
value={field.value}
|
value={field.value}
|
||||||
>
|
>
|
||||||
<SelectTrigger id={field.name} className="w-full">
|
<SelectTrigger id={field.name} className="w-full">
|
||||||
<SelectValue placeholder="انتخاب بازه بودجه" />
|
<SelectValue placeholder="تعداد کاربران CRM" />
|
||||||
</SelectTrigger>
|
</SelectTrigger>
|
||||||
<SelectContent>
|
<SelectContent>
|
||||||
<SelectItem value="5k-15k">
|
<SelectItem value="5k-15k">
|
||||||
۵ تا ۱۵ هزار دلار
|
۱ تا ۱۰ کاربر
|
||||||
</SelectItem>
|
</SelectItem>
|
||||||
<SelectItem value="15k-30k">
|
<SelectItem value="15k-30k">
|
||||||
۱۵ تا ۳۰ هزار دلار
|
۱۱ تا ۲۵ کاربر
|
||||||
</SelectItem>
|
</SelectItem>
|
||||||
<SelectItem value="30k-50k">
|
<SelectItem value="30k-50k">
|
||||||
۳۰ تا ۵۰ هزار دلار
|
۲۶ تا ۵۰ کاربر
|
||||||
</SelectItem>
|
</SelectItem>
|
||||||
<SelectItem value="50k-100k">
|
<SelectItem value="50k-100k">
|
||||||
۵۰ تا ۱۰۰ هزار دلار
|
۵۱ تا ۱۰۰ کاربر
|
||||||
</SelectItem>
|
</SelectItem>
|
||||||
<SelectItem value="100k-250k">
|
<SelectItem value="100k-250k">
|
||||||
۱۰۰ تا ۲۵۰ هزار دلار
|
۱۰۱ تا ۲۵۰ کاربر
|
||||||
</SelectItem>
|
</SelectItem>
|
||||||
<SelectItem value="250k+">
|
<SelectItem value="250k+">
|
||||||
بیش از ۲۵۰ هزار دلار
|
بیش از ۲۵۰ کاربر
|
||||||
</SelectItem>
|
</SelectItem>
|
||||||
</SelectContent>
|
</SelectContent>
|
||||||
</Select>
|
</Select>
|
||||||
@@ -222,13 +222,13 @@ const Contact17 = ({ className, onSubmit }: Contact17Props) => {
|
|||||||
className="sm:col-span-2"
|
className="sm:col-span-2"
|
||||||
>
|
>
|
||||||
<FieldLabel htmlFor={field.name}>
|
<FieldLabel htmlFor={field.name}>
|
||||||
پیام <span className="text-destructive">*</span>
|
هدف شما از CRM <span className="text-destructive">*</span>
|
||||||
</FieldLabel>
|
</FieldLabel>
|
||||||
<Textarea
|
<Textarea
|
||||||
{...field}
|
{...field}
|
||||||
id={field.name}
|
id={field.name}
|
||||||
aria-invalid={fieldState.invalid}
|
aria-invalid={fieldState.invalid}
|
||||||
placeholder="اهداف، نیازها و جزئیات پروژه خود را شرح دهید."
|
placeholder="مثلاً پیپلاین فروش، اتوماسیون lead یا گزارشدهی تیم."
|
||||||
/>
|
/>
|
||||||
{fieldState.invalid && (
|
{fieldState.invalid && (
|
||||||
<FieldError errors={[fieldState.error]} />
|
<FieldError errors={[fieldState.error]} />
|
||||||
@@ -243,12 +243,12 @@ const Contact17 = ({ className, onSubmit }: Contact17Props) => {
|
|||||||
render={({ field }) => (
|
render={({ field }) => (
|
||||||
<Field className="sm:col-span-2">
|
<Field className="sm:col-span-2">
|
||||||
<FieldLabel htmlFor={field.name}>
|
<FieldLabel htmlFor={field.name}>
|
||||||
چطور ما را پیدا کردید؟
|
چطور با محصول آشنا شدید؟
|
||||||
</FieldLabel>
|
</FieldLabel>
|
||||||
<Input
|
<Input
|
||||||
{...field}
|
{...field}
|
||||||
id={field.name}
|
id={field.name}
|
||||||
placeholder="مثال: جستجوی گوگل، معرفی یا شبکههای اجتماعی"
|
placeholder="جستجوی گوگل، معرفی همکار، وبینار یا LinkedIn"
|
||||||
/>
|
/>
|
||||||
</Field>
|
</Field>
|
||||||
)}
|
)}
|
||||||
@@ -271,18 +271,18 @@ const Contact17 = ({ className, onSubmit }: Contact17Props) => {
|
|||||||
در حال ارسال...
|
در حال ارسال...
|
||||||
</>
|
</>
|
||||||
) : (
|
) : (
|
||||||
"ارسال پیام"
|
"ارسال درخواست دمو"
|
||||||
)}
|
)}
|
||||||
</Button>
|
</Button>
|
||||||
|
|
||||||
<p className="text-xs text-muted-foreground sm:col-span-2">
|
<p className="text-xs text-muted-foreground sm:col-span-2">
|
||||||
با ارسال این فرم، تأیید میکنید که{" "}
|
با ارسال این فرم، تأیید میکنید که{" "}
|
||||||
<a href="#" className="text-primary hover:underline">
|
<a href="#" className="text-primary hover:underline">
|
||||||
حریم خصوصی
|
سیاست حفظ حریم خصوصی
|
||||||
</a>{" "}
|
</a>{" "}
|
||||||
و{" "}
|
و{" "}
|
||||||
<a href="#" className="text-primary hover:underline">
|
<a href="#" className="text-primary hover:underline">
|
||||||
شرایط استفاده
|
شرایط استفاده از سرویس
|
||||||
</a>{" "}
|
</a>{" "}
|
||||||
ما را مطالعه کرده و پذیرفتهاید.
|
ما را مطالعه کرده و پذیرفتهاید.
|
||||||
</p>
|
</p>
|
||||||
@@ -296,63 +296,63 @@ const Contact17 = ({ className, onSubmit }: Contact17Props) => {
|
|||||||
<span className="flex size-6 shrink-0 items-center justify-center rounded-full bg-background">
|
<span className="flex size-6 shrink-0 items-center justify-center rounded-full bg-background">
|
||||||
<Check className="size-4" />
|
<Check className="size-4" />
|
||||||
</span>
|
</span>
|
||||||
نیازهای کسبوکار و اهداف پروژه خود را با ما مطرح کنید.
|
نیازهای فروش و اهداف تیم خود را با ما مطرح کنید.
|
||||||
</li>
|
</li>
|
||||||
<li className="flex items-center gap-2">
|
<li className="flex items-center gap-2">
|
||||||
<span className="flex size-6 shrink-0 items-center justify-center rounded-full bg-background">
|
<span className="flex size-6 shrink-0 items-center justify-center rounded-full bg-background">
|
||||||
<Check className="size-4" />
|
<Check className="size-4" />
|
||||||
</span>
|
</span>
|
||||||
راهکار و پیشنهاد متناسب با نیاز خود دریافت کنید.
|
پیشنهاد استقرار و پلن متناسب با اندازه تیم بگیرید.
|
||||||
</li>
|
</li>
|
||||||
<li className="flex items-center gap-2">
|
<li className="flex items-center gap-2">
|
||||||
<span className="flex size-6 shrink-0 items-center justify-center rounded-full bg-background">
|
<span className="flex size-6 shrink-0 items-center justify-center rounded-full bg-background">
|
||||||
<Check className="size-4" />
|
<Check className="size-4" />
|
||||||
</span>
|
</span>
|
||||||
برای بررسی پروژه، جلسه مشاوره تخصصی رزرو کنید.
|
دموی اختصاصی محصول را با کارشناس فروش رزرو کنید.
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
<p className="my-6 font-bold">
|
<p className="my-6 font-bold">
|
||||||
بیش از ۳۰۰۰ کسبوکار به خدمات و راهکارهای ما اعتماد کردهاند.
|
بیش از ۳۰۰۰ تیم فروش، CRM ما را برای مدیریت lead و پیپلاین بهکار میبرند.
|
||||||
</p>
|
</p>
|
||||||
<div className="grid grid-cols-2 place-items-center gap-8 md:grid-cols-4">
|
<div className="grid grid-cols-2 place-items-center gap-8 md:grid-cols-4">
|
||||||
<img
|
<img
|
||||||
src="/block-media/shadcnblocks/block/logos/company/fictional-company-logo-1.svg"
|
src="/block-media/shadcnblocks/block/logos/company/fictional-company-logo-1.svg"
|
||||||
alt="لوگوی مشتری"
|
alt="لوگوی مشتری سازمانی"
|
||||||
className="max-w-24 dark:invert"
|
className="max-w-24 dark:invert"
|
||||||
/>
|
/>
|
||||||
<img
|
<img
|
||||||
src="/block-media/shadcnblocks/block/logos/company/fictional-company-logo-2.svg"
|
src="/block-media/shadcnblocks/block/logos/company/fictional-company-logo-2.svg"
|
||||||
alt="لوگوی مشتری"
|
alt="لوگوی مشتری سازمانی"
|
||||||
className="max-w-24 dark:invert"
|
className="max-w-24 dark:invert"
|
||||||
/>
|
/>
|
||||||
<img
|
<img
|
||||||
src="/block-media/shadcnblocks/block/logos/company/fictional-company-logo-3.svg"
|
src="/block-media/shadcnblocks/block/logos/company/fictional-company-logo-3.svg"
|
||||||
alt="لوگوی مشتری"
|
alt="لوگوی مشتری سازمانی"
|
||||||
className="max-w-24 dark:invert"
|
className="max-w-24 dark:invert"
|
||||||
/>
|
/>
|
||||||
<img
|
<img
|
||||||
src="/block-media/shadcnblocks/block/logos/company/fictional-company-logo-4.svg"
|
src="/block-media/shadcnblocks/block/logos/company/fictional-company-logo-4.svg"
|
||||||
alt="لوگوی مشتری"
|
alt="لوگوی مشتری سازمانی"
|
||||||
className="max-w-24 dark:invert"
|
className="max-w-24 dark:invert"
|
||||||
/>
|
/>
|
||||||
<img
|
<img
|
||||||
src="/block-media/shadcnblocks/block/logos/company/fictional-company-logo-5.svg"
|
src="/block-media/shadcnblocks/block/logos/company/fictional-company-logo-5.svg"
|
||||||
alt="لوگوی مشتری"
|
alt="لوگوی مشتری سازمانی"
|
||||||
className="max-w-24 dark:invert"
|
className="max-w-24 dark:invert"
|
||||||
/>
|
/>
|
||||||
<img
|
<img
|
||||||
src="/block-media/shadcnblocks/block/logos/company/fictional-company-logo-6.svg"
|
src="/block-media/shadcnblocks/block/logos/company/fictional-company-logo-6.svg"
|
||||||
alt="لوگوی مشتری"
|
alt="لوگوی مشتری سازمانی"
|
||||||
className="max-w-24 dark:invert"
|
className="max-w-24 dark:invert"
|
||||||
/>
|
/>
|
||||||
<img
|
<img
|
||||||
src="/block-media/shadcnblocks/block/logos/company/fictional-company-logo-7.svg"
|
src="/block-media/shadcnblocks/block/logos/company/fictional-company-logo-7.svg"
|
||||||
alt="لوگوی مشتری"
|
alt="لوگوی مشتری سازمانی"
|
||||||
className="max-w-24 dark:invert"
|
className="max-w-24 dark:invert"
|
||||||
/>
|
/>
|
||||||
<img
|
<img
|
||||||
src="/block-media/shadcnblocks/block/logos/company/fictional-company-logo-8.svg"
|
src="/block-media/shadcnblocks/block/logos/company/fictional-company-logo-8.svg"
|
||||||
alt="لوگوی مشتری"
|
alt="لوگوی مشتری سازمانی"
|
||||||
className="max-w-24 dark:invert"
|
className="max-w-24 dark:invert"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -362,21 +362,21 @@ const Contact17 = ({ className, onSubmit }: Contact17Props) => {
|
|||||||
<div>
|
<div>
|
||||||
<h3 className="mb-1.5 font-bold">سوالات متداول</h3>
|
<h3 className="mb-1.5 font-bold">سوالات متداول</h3>
|
||||||
<p className="text-sm text-muted-foreground">
|
<p className="text-sm text-muted-foreground">
|
||||||
پاسخ پرسشهای رایج را در{" "}
|
درباره onboarding، پلنها و یکپارچهسازی در{" "}
|
||||||
<a href="#" className="text-primary underline hover:underline">
|
<a href="#" className="text-primary underline hover:underline">
|
||||||
سوالات متداول
|
مرکز راهنما
|
||||||
</a>{" "}
|
</a>{" "}
|
||||||
مطالعه کنید و با روند همکاری و اجرای پروژه آشنا شوید.
|
بخوانید و سریعتر تصمیم بگیرید.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<h3 className="mb-1.5 font-bold">منابع</h3>
|
<h3 className="mb-1.5 font-bold">منابع محصول</h3>
|
||||||
<p className="text-sm text-muted-foreground">
|
<p className="text-sm text-muted-foreground">
|
||||||
به مجموعه مقالات، راهنماها و مستندات ما در{" "}
|
راهنماهای استقرار، گزارشهای موفقیت و مستندات API را در{" "}
|
||||||
<a href="#" className="text-primary underline hover:underline">
|
<a href="#" className="text-primary underline hover:underline">
|
||||||
مرکز منابع
|
مرکز منابع
|
||||||
</a>{" "}
|
</a>{" "}
|
||||||
دسترسی داشته باشید و از آموزشها، مقالات و تجربیات تخصصی استفاده کنید.
|
ببینید و تیم فروش را زودتر آماده کنید.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
+12
-12
@@ -39,10 +39,10 @@ const Contact18 = ({ className, onSubmit }: Contact18Props) => {
|
|||||||
const [showSuccess, setShowSuccess] = useState(false);
|
const [showSuccess, setShowSuccess] = useState(false);
|
||||||
|
|
||||||
const supportFeatures = [
|
const supportFeatures = [
|
||||||
{ text: "پشتیبانی تخصصی" },
|
{ text: "پشتیبانی اولویتدار برای حسابهای فعال" },
|
||||||
{ text: "پاسخ اولیه در کوتاهترین زمان" },
|
{ text: "پاسخ اولیه معمولاً کمتر از یک ساعت کاری" },
|
||||||
{ text: "مشاوره تخصصی" },
|
{ text: "مشاوره استقرار CRM و اتوماسیون فروش" },
|
||||||
{ text: "بررسی اولیه رایگان پروژه" },
|
{ text: "بررسی رایگان workflow فعلی تیم فروش" },
|
||||||
];
|
];
|
||||||
|
|
||||||
const form = useForm<ContactFormData>({
|
const form = useForm<ContactFormData>({
|
||||||
@@ -72,7 +72,7 @@ const Contact18 = ({ className, onSubmit }: Contact18Props) => {
|
|||||||
setTimeout(() => setIsSubmitted(false), 5000);
|
setTimeout(() => setIsSubmitted(false), 5000);
|
||||||
} catch {
|
} catch {
|
||||||
form.setError("root", {
|
form.setError("root", {
|
||||||
message: "مشکلی پیش آمد. لطفاً دوباره تلاش کنید.",
|
message: "ارسال ناموفق بود. لطفاً دوباره تلاش کنید.",
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
@@ -84,7 +84,7 @@ const Contact18 = ({ className, onSubmit }: Contact18Props) => {
|
|||||||
<div className="flex w-full max-w-lg flex-col justify-between gap-15">
|
<div className="flex w-full max-w-lg flex-col justify-between gap-15">
|
||||||
<div className="relative w-fit">
|
<div className="relative w-fit">
|
||||||
<h1 className="text-2xll font-semibold tracking-tight lg:text-2xll">
|
<h1 className="text-2xll font-semibold tracking-tight lg:text-2xll">
|
||||||
ارتباط با ما
|
پشتیبانی و فروش
|
||||||
</h1>
|
</h1>
|
||||||
<Illustration className="absolute -top-2 -end-5 size-5 text-red-500 md:size-6" />
|
<Illustration className="absolute -top-2 -end-5 size-5 text-red-500 md:size-6" />
|
||||||
<Illustration className="absolute -bottom-2 -start-5 size-5 rotate-180 text-red-500 md:size-6" />
|
<Illustration className="absolute -bottom-2 -start-5 size-5 rotate-180 text-red-500 md:size-6" />
|
||||||
@@ -107,7 +107,7 @@ const Contact18 = ({ className, onSubmit }: Contact18Props) => {
|
|||||||
className="flex items-center gap-4 text-xl font-medium tracking-tighter hover:underline"
|
className="flex items-center gap-4 text-xl font-medium tracking-tighter hover:underline"
|
||||||
dir="rtl"
|
dir="rtl"
|
||||||
>
|
>
|
||||||
hi@ری یو آی
|
hi@نوافروش
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div className="col-span-4 flex w-full flex-col gap-2 lg:ps-10">
|
<div className="col-span-4 flex w-full flex-col gap-2 lg:ps-10">
|
||||||
@@ -119,7 +119,7 @@ const Contact18 = ({ className, onSubmit }: Contact18Props) => {
|
|||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
<p className="text-sm font-medium text-green-600 dark:text-green-400">
|
<p className="text-sm font-medium text-green-600 dark:text-green-400">
|
||||||
درخواست شما با موفقیت ثبت شد. کارشناسان ما در اولین فرصت با شما تماس خواهند گرفت.
|
تیکت شما ثبت شد. تیم پشتیبانی در کوتاهترین زمان پاسخ میدهد.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
@@ -138,7 +138,7 @@ const Contact18 = ({ className, onSubmit }: Contact18Props) => {
|
|||||||
{...field}
|
{...field}
|
||||||
id={field.name}
|
id={field.name}
|
||||||
aria-invalid={fieldState.invalid}
|
aria-invalid={fieldState.invalid}
|
||||||
placeholder="نام و نام خانوادگی"
|
placeholder="نام کامل"
|
||||||
className="h-15 rounded-xl border-0 border-b-foreground/25 bg-muted shadow-none placeholder:text-foreground/20 focus-visible:ring-0"
|
className="h-15 rounded-xl border-0 border-b-foreground/25 bg-muted shadow-none placeholder:text-foreground/20 focus-visible:ring-0"
|
||||||
/>
|
/>
|
||||||
{fieldState.invalid && (
|
{fieldState.invalid && (
|
||||||
@@ -160,7 +160,7 @@ const Contact18 = ({ className, onSubmit }: Contact18Props) => {
|
|||||||
{...field}
|
{...field}
|
||||||
id={field.name}
|
id={field.name}
|
||||||
type="tel"
|
type="tel"
|
||||||
placeholder="شماره تماس (اختیاری)"
|
placeholder="شماره همراه (اختیاری)"
|
||||||
dir="rtl"
|
dir="rtl"
|
||||||
className="h-15 rounded-xl border-0 border-b-foreground/25 bg-muted text-start shadow-none placeholder:text-foreground/20 focus-visible:ring-0"
|
className="h-15 rounded-xl border-0 border-b-foreground/25 bg-muted text-start shadow-none placeholder:text-foreground/20 focus-visible:ring-0"
|
||||||
/>
|
/>
|
||||||
@@ -204,7 +204,7 @@ const Contact18 = ({ className, onSubmit }: Contact18Props) => {
|
|||||||
{...field}
|
{...field}
|
||||||
id={field.name}
|
id={field.name}
|
||||||
aria-invalid={fieldState.invalid}
|
aria-invalid={fieldState.invalid}
|
||||||
placeholder="درباره پروژه یا درخواست خود بنویسید."
|
placeholder="مشکل پشتیبانی، درخواست دمو یا سؤال فروش را بنویسید."
|
||||||
className="min-h-52 rounded-xl border-0 border-b-foreground/25 bg-muted shadow-none placeholder:text-foreground/20 focus-visible:ring-0"
|
className="min-h-52 rounded-xl border-0 border-b-foreground/25 bg-muted shadow-none placeholder:text-foreground/20 focus-visible:ring-0"
|
||||||
/>
|
/>
|
||||||
{fieldState.invalid && (
|
{fieldState.invalid && (
|
||||||
@@ -231,7 +231,7 @@ const Contact18 = ({ className, onSubmit }: Contact18Props) => {
|
|||||||
در حال ارسال...
|
در حال ارسال...
|
||||||
</>
|
</>
|
||||||
) : (
|
) : (
|
||||||
"ارسال پیام"
|
"ارسال تیکت"
|
||||||
)}
|
)}
|
||||||
</Button>
|
</Button>
|
||||||
</FieldGroup>
|
</FieldGroup>
|
||||||
|
|||||||
@@ -15,15 +15,15 @@ const Contact19 = ({ className }: Contact19Props) => {
|
|||||||
<div className="flex w-full max-w-md flex-col justify-between gap-30">
|
<div className="flex w-full max-w-md flex-col justify-between gap-30">
|
||||||
<div className="relative w-fit">
|
<div className="relative w-fit">
|
||||||
<h1 className="text-2xll leading-none font-semibold tracking-tight lg:text-2xll">
|
<h1 className="text-2xll leading-none font-semibold tracking-tight lg:text-2xll">
|
||||||
در ارتباط باشید
|
با تیم فروش صحبت کنید
|
||||||
</h1>
|
</h1>
|
||||||
<p className="mt-10 mb-5 text-foreground/50">
|
<p className="mt-10 mb-5 text-foreground/50">
|
||||||
اگر درباره محصولات، خدمات یا فرصتهای همکاری پرسشی دارید، از طریق تلفن یا ایمیل با ما در ارتباط باشید.
|
برای دموی CRM، مهاجرت داده یا پلن سازمانی، تلفنی یا ایمیلی با ما هماهنگ کنید.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<Button variant="ghost" className="group gap-2">
|
<Button variant="ghost" className="group gap-2">
|
||||||
<CornerDownLeft className="size-4" />
|
<CornerDownLeft className="size-4" />
|
||||||
ارسال درخواست
|
درخواست تماس فروش
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -40,14 +40,14 @@ const Contact19 = ({ className }: Contact19Props) => {
|
|||||||
className="flex items-center gap-4 text-xl font-medium tracking-tighter hover:underline"
|
className="flex items-center gap-4 text-xl font-medium tracking-tighter hover:underline"
|
||||||
dir="rtl"
|
dir="rtl"
|
||||||
>
|
>
|
||||||
hi@ری یو آی
|
hi@نوافروش
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="top-0 end-0 flex h-screen w-full flex-col gap-2 lg:absolute lg:w-1/2">
|
<div className="top-0 end-0 flex h-screen w-full flex-col gap-2 lg:absolute lg:w-1/2">
|
||||||
<img
|
<img
|
||||||
src="/block-media/shadcnblocks/block/guri4/img11.png"
|
src="/block-media/shadcnblocks/block/guri4/img11.png"
|
||||||
alt="تصویر تماس"
|
alt="فضای تیم فروش و موفقیت مشتری"
|
||||||
className="pointer-events-none h-full w-full object-cover"
|
className="pointer-events-none h-full w-full object-cover"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
+16
-16
@@ -18,14 +18,14 @@ import { Textarea } from "@/components/ui/textarea";
|
|||||||
import { cn } from "@/lib/utils";
|
import { cn } from "@/lib/utils";
|
||||||
|
|
||||||
const contactFormSchema = z.object({
|
const contactFormSchema = z.object({
|
||||||
firstName: z.string().min(1, "نام الزامی است"),
|
firstName: z.string().min(1, "نام را وارد کنید"),
|
||||||
lastName: z.string().min(1, "نام خانوادگی الزامی است"),
|
lastName: z.string().min(1, "نام خانوادگی را وارد کنید"),
|
||||||
email: z
|
email: z
|
||||||
.string()
|
.string()
|
||||||
.min(1, "ایمیل الزامی است")
|
.min(1, "ایمیل را وارد کنید")
|
||||||
.email("آدرس ایمیل نامعتبر است"),
|
.email("ایمیل واردشده معتبر نیست"),
|
||||||
subject: z.string().min(1, "موضوع الزامی است"),
|
subject: z.string().min(1, "موضوع را وارد کنید"),
|
||||||
message: z.string().min(1, "پیام الزامی است"),
|
message: z.string().min(1, "پیام را وارد کنید"),
|
||||||
});
|
});
|
||||||
|
|
||||||
type ContactFormData = z.infer<typeof contactFormSchema>;
|
type ContactFormData = z.infer<typeof contactFormSchema>;
|
||||||
@@ -41,12 +41,12 @@ interface Contact2Props {
|
|||||||
}
|
}
|
||||||
|
|
||||||
const Contact2 = ({
|
const Contact2 = ({
|
||||||
title = "تماس با ما",
|
title = "با تیم فروش صحبت کنید",
|
||||||
description = "اگر پرسشی درباره محصولات، همکاری یا خدمات دارید، فرم تماس را تکمیل کنید. تیم ما در کوتاهترین زمان پاسخگوی شما خواهد بود.",
|
description = "برای دمو CRM، انتخاب پلن یا مشاوره استقرار پیام بگذارید. کارشناس فروش معمولاً ظرف یک روز کاری پاسخ میدهد.",
|
||||||
phone = "۲۱-۱۲۳۴۵۶۷۸",
|
phone = "۲۱-۱۲۳۴۵۶۷۸",
|
||||||
email = "contact@example.com",
|
email = "contact@example.com",
|
||||||
web = {
|
web = {
|
||||||
label: "وبسایت رسمی",
|
label: "راهنمای محصول",
|
||||||
url: "https://www.ShadcnBlocks",
|
url: "https://www.ShadcnBlocks",
|
||||||
},
|
},
|
||||||
className,
|
className,
|
||||||
@@ -83,7 +83,7 @@ const Contact2 = ({
|
|||||||
setTimeout(() => setIsSubmitted(false), 5000);
|
setTimeout(() => setIsSubmitted(false), 5000);
|
||||||
} catch {
|
} catch {
|
||||||
form.setError("root", {
|
form.setError("root", {
|
||||||
message: "مشکلی پیش آمد. لطفاً دوباره تلاش کنید.",
|
message: "ارسال درخواست ناموفق بود. دوباره تلاش کنید.",
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
@@ -137,9 +137,9 @@ const Contact2 = ({
|
|||||||
className="flex flex-col gap-6 rounded-xl bg-muted/50 p-8 md:p-10"
|
className="flex flex-col gap-6 rounded-xl bg-muted/50 p-8 md:p-10"
|
||||||
>
|
>
|
||||||
<div>
|
<div>
|
||||||
<h2 className="text-xl font-semibold">پیام خود را برای ما ارسال کنید</h2>
|
<h2 className="text-xl font-semibold">درخواست یا سؤال خود را بنویسید</h2>
|
||||||
<p className="text-sm text-muted-foreground">
|
<p className="text-sm text-muted-foreground">
|
||||||
پاسخگویی در روزهای کاری، حداکثر تا ۲۴ ساعت
|
پاسخ در روزهای کاری، معمولاً کمتر از ۲۴ ساعت
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
{isSubmitted && (
|
{isSubmitted && (
|
||||||
@@ -150,7 +150,7 @@ const Contact2 = ({
|
|||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
<p className="text-sm font-medium text-green-600 dark:text-green-400">
|
<p className="text-sm font-medium text-green-600 dark:text-green-400">
|
||||||
پیام شما با موفقیت ثبت شد.
|
پیام شما ثبت شد. کارشناس فروش بهزودی پاسخ میدهد.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
@@ -235,7 +235,7 @@ const Contact2 = ({
|
|||||||
{...field}
|
{...field}
|
||||||
id={field.name}
|
id={field.name}
|
||||||
aria-invalid={fieldState.invalid}
|
aria-invalid={fieldState.invalid}
|
||||||
placeholder="موضوع پیام خود را وارد کنید"
|
placeholder="مثلاً درخواست دمو یا مشاوره پلن"
|
||||||
className="bg-background"
|
className="bg-background"
|
||||||
/>
|
/>
|
||||||
{fieldState.invalid && (
|
{fieldState.invalid && (
|
||||||
@@ -256,7 +256,7 @@ const Contact2 = ({
|
|||||||
{...field}
|
{...field}
|
||||||
id={field.name}
|
id={field.name}
|
||||||
aria-invalid={fieldState.invalid}
|
aria-invalid={fieldState.invalid}
|
||||||
placeholder="جزئیات درخواست، پروژه یا سؤال خود را بنویسید."
|
placeholder="اندازه تیم فروش، ابزار فعلی و هدفتان را کوتاه بنویسید."
|
||||||
rows={4}
|
rows={4}
|
||||||
className="bg-background"
|
className="bg-background"
|
||||||
/>
|
/>
|
||||||
@@ -282,7 +282,7 @@ const Contact2 = ({
|
|||||||
در حال ارسال...
|
در حال ارسال...
|
||||||
</>
|
</>
|
||||||
) : (
|
) : (
|
||||||
"ارسال پیام"
|
"ارسال درخواست"
|
||||||
)}
|
)}
|
||||||
</Button>
|
</Button>
|
||||||
</FieldGroup>
|
</FieldGroup>
|
||||||
|
|||||||
+15
-15
@@ -74,7 +74,7 @@ const Contact20 = ({ className, onSubmit }: Contact20Props) => {
|
|||||||
setTimeout(() => setIsSubmitted(false), 5000);
|
setTimeout(() => setIsSubmitted(false), 5000);
|
||||||
} catch {
|
} catch {
|
||||||
form.setError("root", {
|
form.setError("root", {
|
||||||
message: "مشکلی پیش آمد. لطفاً دوباره تلاش کنید.",
|
message: "ارسال ناموفق بود. لطفاً دوباره تلاش کنید.",
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
@@ -85,15 +85,15 @@ const Contact20 = ({ className, onSubmit }: Contact20Props) => {
|
|||||||
<div className="mt-20 flex flex-col justify-between gap-15 md:gap-10 lg:flex-row">
|
<div className="mt-20 flex flex-col justify-between gap-15 md:gap-10 lg:flex-row">
|
||||||
<div className="flex w-full max-w-xs flex-col gap-5 lg:gap-12">
|
<div className="flex w-full max-w-xs flex-col gap-5 lg:gap-12">
|
||||||
<h1 className="text-2xll font-semibold tracking-tight lg:text-2xll">
|
<h1 className="text-2xll font-semibold tracking-tight lg:text-2xll">
|
||||||
تماس با ما
|
درخواست از تیم فروش
|
||||||
</h1>
|
</h1>
|
||||||
<p className="text-sm text-foreground/50">
|
<p className="text-sm text-foreground/50">
|
||||||
فرم زیر را تکمیل کنید تا کارشناسان ما در کوتاهترین زمان با شما تماس بگیرند.
|
فرم را پر کنید تا کارشناس فروش ظرف یک روز کاری وضعیت پیپلاین و پلن مناسب را پیگیری کند.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div className="grid w-full gap-12 lg:grid-cols-3 lg:gap-2 lg:ps-10">
|
<div className="grid w-full gap-12 lg:grid-cols-3 lg:gap-2 lg:ps-10">
|
||||||
<div>
|
<div>
|
||||||
<p className="text-sm text-foreground/40">آدرس</p>
|
<p className="text-sm text-foreground/40">دفتر تهران</p>
|
||||||
<p className="mt-1 max-w-50 text-lg leading-snug font-semibold">
|
<p className="mt-1 max-w-50 text-lg leading-snug font-semibold">
|
||||||
تهران، خیابان ولیعصر
|
تهران، خیابان ولیعصر
|
||||||
</p>
|
</p>
|
||||||
@@ -107,7 +107,7 @@ const Contact20 = ({ className, onSubmit }: Contact20Props) => {
|
|||||||
className="mt-2 block text-xl font-semibold tracking-tight hover:underline"
|
className="mt-2 block text-xl font-semibold tracking-tight hover:underline"
|
||||||
dir="rtl"
|
dir="rtl"
|
||||||
>
|
>
|
||||||
hi@ری یو آی
|
hi@نوافروش
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -119,7 +119,7 @@ const Contact20 = ({ className, onSubmit }: Contact20Props) => {
|
|||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
<p className="text-sm font-medium text-green-600 dark:text-green-400">
|
<p className="text-sm font-medium text-green-600 dark:text-green-400">
|
||||||
درخواست شما با موفقیت ثبت شد. کارشناسان ما در اولین فرصت با شما تماس خواهند گرفت.
|
درخواست شما ثبت شد. کارشناس فروش بهزودی پیگیری میکند.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
@@ -141,7 +141,7 @@ const Contact20 = ({ className, onSubmit }: Contact20Props) => {
|
|||||||
{...field}
|
{...field}
|
||||||
id={field.name}
|
id={field.name}
|
||||||
aria-invalid={fieldState.invalid}
|
aria-invalid={fieldState.invalid}
|
||||||
placeholder="نام و نام خانوادگی"
|
placeholder="نام کامل"
|
||||||
className="mt-10 rounded-none border-0 border-b border-b-foreground/10 !bg-transparent p-0 shadow-none placeholder:text-foreground/20 focus-visible:ring-0 lg:text-base"
|
className="mt-10 rounded-none border-0 border-b border-b-foreground/10 !bg-transparent p-0 shadow-none placeholder:text-foreground/20 focus-visible:ring-0 lg:text-base"
|
||||||
/>
|
/>
|
||||||
{fieldState.invalid && (
|
{fieldState.invalid && (
|
||||||
@@ -205,7 +205,7 @@ const Contact20 = ({ className, onSubmit }: Contact20Props) => {
|
|||||||
render={({ field }) => (
|
render={({ field }) => (
|
||||||
<Field>
|
<Field>
|
||||||
<FieldLabel htmlFor={field.name} className="sr-only">
|
<FieldLabel htmlFor={field.name} className="sr-only">
|
||||||
موضوع درخواست
|
نوع درخواست
|
||||||
</FieldLabel>
|
</FieldLabel>
|
||||||
<Select
|
<Select
|
||||||
onValueChange={field.onChange}
|
onValueChange={field.onChange}
|
||||||
@@ -216,7 +216,7 @@ const Contact20 = ({ className, onSubmit }: Contact20Props) => {
|
|||||||
className="mt-10 w-full rounded-none border-0 border-b border-b-foreground/10 !bg-transparent p-0 shadow-none focus-visible:ring-0 data-[placeholder]:text-foreground/20 lg:text-base"
|
className="mt-10 w-full rounded-none border-0 border-b border-b-foreground/10 !bg-transparent p-0 shadow-none focus-visible:ring-0 data-[placeholder]:text-foreground/20 lg:text-base"
|
||||||
>
|
>
|
||||||
<SelectValue
|
<SelectValue
|
||||||
placeholder="موضوع درخواست"
|
placeholder="نوع درخواست"
|
||||||
className="text-foreground/20"
|
className="text-foreground/20"
|
||||||
/>
|
/>
|
||||||
</SelectTrigger>
|
</SelectTrigger>
|
||||||
@@ -225,25 +225,25 @@ const Contact20 = ({ className, onSubmit }: Contact20Props) => {
|
|||||||
className="rounded-none py-4"
|
className="rounded-none py-4"
|
||||||
value="general"
|
value="general"
|
||||||
>
|
>
|
||||||
پرسش عمومی
|
مشاوره عمومی
|
||||||
</SelectItem>
|
</SelectItem>
|
||||||
<SelectItem
|
<SelectItem
|
||||||
className="rounded-none py-4"
|
className="rounded-none py-4"
|
||||||
value="support"
|
value="support"
|
||||||
>
|
>
|
||||||
پشتیبانی
|
پشتیبانی محصول
|
||||||
</SelectItem>
|
</SelectItem>
|
||||||
<SelectItem
|
<SelectItem
|
||||||
className="rounded-none py-4"
|
className="rounded-none py-4"
|
||||||
value="sales"
|
value="sales"
|
||||||
>
|
>
|
||||||
فروش
|
فروش و دمو
|
||||||
</SelectItem>
|
</SelectItem>
|
||||||
<SelectItem
|
<SelectItem
|
||||||
className="rounded-none py-4"
|
className="rounded-none py-4"
|
||||||
value="partnership"
|
value="partnership"
|
||||||
>
|
>
|
||||||
همکاری
|
همکاری تجاری
|
||||||
</SelectItem>
|
</SelectItem>
|
||||||
</SelectContent>
|
</SelectContent>
|
||||||
</Select>
|
</Select>
|
||||||
@@ -266,7 +266,7 @@ const Contact20 = ({ className, onSubmit }: Contact20Props) => {
|
|||||||
{...field}
|
{...field}
|
||||||
id={field.name}
|
id={field.name}
|
||||||
aria-invalid={fieldState.invalid}
|
aria-invalid={fieldState.invalid}
|
||||||
placeholder="نیازها و جزئیات درخواست خود را بنویسید."
|
placeholder="نیاز تیم فروش یا جزئیات استقرار را بنویسید."
|
||||||
className="col-span-2 mt-10 min-h-42 rounded-none border-0 border-b border-b-foreground/10 !bg-transparent p-0 shadow-none placeholder:text-foreground/20 focus-visible:ring-0 lg:col-span-3 lg:text-base"
|
className="col-span-2 mt-10 min-h-42 rounded-none border-0 border-b border-b-foreground/10 !bg-transparent p-0 shadow-none placeholder:text-foreground/20 focus-visible:ring-0 lg:col-span-3 lg:text-base"
|
||||||
/>
|
/>
|
||||||
{fieldState.invalid && (
|
{fieldState.invalid && (
|
||||||
@@ -296,7 +296,7 @@ const Contact20 = ({ className, onSubmit }: Contact20Props) => {
|
|||||||
) : (
|
) : (
|
||||||
<>
|
<>
|
||||||
<CornerDownLeft className="size-5" />
|
<CornerDownLeft className="size-5" />
|
||||||
ارسال پیام
|
ارسال به فروش
|
||||||
</>
|
</>
|
||||||
)}
|
)}
|
||||||
</Button>
|
</Button>
|
||||||
|
|||||||
+10
-10
@@ -62,7 +62,7 @@ const Contact21 = ({ className, onSubmit }: Contact21Props) => {
|
|||||||
setTimeout(() => setIsSubmitted(false), 5000);
|
setTimeout(() => setIsSubmitted(false), 5000);
|
||||||
} catch {
|
} catch {
|
||||||
form.setError("root", {
|
form.setError("root", {
|
||||||
message: "مشکلی پیش آمد. لطفاً دوباره تلاش کنید.",
|
message: "ارسال ناموفق بود. لطفاً دوباره تلاش کنید.",
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
@@ -73,26 +73,26 @@ const Contact21 = ({ className, onSubmit }: Contact21Props) => {
|
|||||||
<div className="mt-20 flex flex-col justify-between gap-15 md:gap-10 lg:flex-row">
|
<div className="mt-20 flex flex-col justify-between gap-15 md:gap-10 lg:flex-row">
|
||||||
<div className="flex w-full max-w-lg flex-col justify-between gap-10">
|
<div className="flex w-full max-w-lg flex-col justify-between gap-10">
|
||||||
<p className="indent-[22%] text-3xl font-medium tracking-tight text-muted-foreground/50 lg:text-xl">
|
<p className="indent-[22%] text-3xl font-medium tracking-tight text-muted-foreground/50 lg:text-xl">
|
||||||
ما با ترکیب تجربه، خلاقیت و دانش فنی به سازمانها کمک میکنیم راهکارهایی مؤثر و ماندگار ایجاد کنند.{" "}
|
ما به تیمهای فروش کمک میکنیم lead، پیپلاین و روابط مشتری را در یک CRM یکپارچه مدیریت کنند.{" "}
|
||||||
<span className="text-foreground">آماده پاسخگویی به شما هستیم</span>
|
<span className="text-foreground">آماده هماهنگی دمو هستیم</span>
|
||||||
</p>
|
</p>
|
||||||
<div className="mt-5 flex items-center gap-4 lg:mt-20">
|
<div className="mt-5 flex items-center gap-4 lg:mt-20">
|
||||||
<img
|
<img
|
||||||
src="/block-media/shadcnblocks/block/guri3/avatar3.png"
|
src="/block-media/shadcnblocks/block/guri3/avatar3.png"
|
||||||
className="size-12"
|
className="size-12"
|
||||||
alt="تصویر پروفایل"
|
alt="تصویر کارشناس فروش"
|
||||||
/>
|
/>
|
||||||
<div>
|
<div>
|
||||||
<h3 className="text-lg font-medium tracking-tight">
|
<h3 className="text-lg font-medium tracking-tight">
|
||||||
علی محمدی
|
علی محمدی
|
||||||
</h3>
|
</h3>
|
||||||
<p className="text-sm text-foreground/40">مشاور ارشد پروژه</p>
|
<p className="text-sm text-foreground/40">مدیر موفقیت مشتری</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="col-span-4 flex w-full flex-col gap-2 lg:ps-10">
|
<div className="col-span-4 flex w-full flex-col gap-2 lg:ps-10">
|
||||||
<h1 className="mb-7 text-2xll font-semibold tracking-tight lg:text-2xll">
|
<h1 className="mb-7 text-2xll font-semibold tracking-tight lg:text-2xll">
|
||||||
ارتباط با ما
|
گفتوگو با فروش
|
||||||
</h1>
|
</h1>
|
||||||
|
|
||||||
{isSubmitted && (
|
{isSubmitted && (
|
||||||
@@ -103,7 +103,7 @@ const Contact21 = ({ className, onSubmit }: Contact21Props) => {
|
|||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
<p className="text-sm font-medium text-green-600 dark:text-green-400">
|
<p className="text-sm font-medium text-green-600 dark:text-green-400">
|
||||||
درخواست شما با موفقیت ثبت شد. کارشناسان ما در اولین فرصت با شما تماس خواهند گرفت.
|
درخواست شما ثبت شد. کارشناس فروش بهزودی هماهنگی میکند.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
@@ -122,7 +122,7 @@ const Contact21 = ({ className, onSubmit }: Contact21Props) => {
|
|||||||
{...field}
|
{...field}
|
||||||
id={field.name}
|
id={field.name}
|
||||||
aria-invalid={fieldState.invalid}
|
aria-invalid={fieldState.invalid}
|
||||||
placeholder="نام و نام خانوادگی"
|
placeholder="نام کامل"
|
||||||
className="h-15 rounded-none border-0 border-b border-b-foreground/25 !bg-transparent shadow-none placeholder:text-foreground/20 focus-visible:ring-0 lg:text-base"
|
className="h-15 rounded-none border-0 border-b border-b-foreground/25 !bg-transparent shadow-none placeholder:text-foreground/20 focus-visible:ring-0 lg:text-base"
|
||||||
/>
|
/>
|
||||||
{fieldState.invalid && (
|
{fieldState.invalid && (
|
||||||
@@ -168,7 +168,7 @@ const Contact21 = ({ className, onSubmit }: Contact21Props) => {
|
|||||||
{...field}
|
{...field}
|
||||||
id={field.name}
|
id={field.name}
|
||||||
aria-invalid={fieldState.invalid}
|
aria-invalid={fieldState.invalid}
|
||||||
placeholder="درباره پروژه یا درخواست خود بنویسید."
|
placeholder="هدف دمو، اندازه تیم یا سؤال فروش را بنویسید."
|
||||||
className="h-15 rounded-none border-0 border-b border-b-foreground/25 !bg-transparent shadow-none placeholder:text-foreground/20 focus-visible:ring-0 lg:text-base"
|
className="h-15 rounded-none border-0 border-b border-b-foreground/25 !bg-transparent shadow-none placeholder:text-foreground/20 focus-visible:ring-0 lg:text-base"
|
||||||
/>
|
/>
|
||||||
{fieldState.invalid && (
|
{fieldState.invalid && (
|
||||||
@@ -197,7 +197,7 @@ const Contact21 = ({ className, onSubmit }: Contact21Props) => {
|
|||||||
) : (
|
) : (
|
||||||
<>
|
<>
|
||||||
<CornerDownLeft className="size-5" />
|
<CornerDownLeft className="size-5" />
|
||||||
ارسال درخواست
|
رزرو دمو
|
||||||
</>
|
</>
|
||||||
)}
|
)}
|
||||||
</Button>
|
</Button>
|
||||||
|
|||||||
+14
-14
@@ -47,12 +47,12 @@ interface Contact22Props {
|
|||||||
}
|
}
|
||||||
|
|
||||||
const Contact22 = ({
|
const Contact22 = ({
|
||||||
title = "دفاتر ما",
|
title = "دفاتر منطقهای فروش",
|
||||||
description = "از طریق نزدیکترین دفتر یا فرم تماس با ما در ارتباط باشید. کارشناسان ما آماده پاسخگویی و ارائه مشاوره هستند.",
|
description = "نزدیکترین دفتر سازمانی را انتخاب کنید یا فرم را پر کنید تا تیم فروش و موفقیت مشتری پیگیری کنند.",
|
||||||
locations = [
|
locations = [
|
||||||
{
|
{
|
||||||
id: "tehran",
|
id: "tehran",
|
||||||
name: "تهران",
|
name: "تهران — دفتر تهران",
|
||||||
address: "Valiasr St, District 6",
|
address: "Valiasr St, District 6",
|
||||||
city: "Tehran, Iran",
|
city: "Tehran, Iran",
|
||||||
phone: "۲۱-۱۲۳۴۵۶۷۸",
|
phone: "۲۱-۱۲۳۴۵۶۷۸",
|
||||||
@@ -61,7 +61,7 @@ const Contact22 = ({
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "nyc",
|
id: "nyc",
|
||||||
name: "نیویورک",
|
name: "نیویورک — آمریکای شمالی",
|
||||||
address: "350 Fifth Avenue, Suite 4200",
|
address: "350 Fifth Avenue, Suite 4200",
|
||||||
city: "New York, NY 10118",
|
city: "New York, NY 10118",
|
||||||
phone: "+1 (212) 555-0123",
|
phone: "+1 (212) 555-0123",
|
||||||
@@ -70,7 +70,7 @@ const Contact22 = ({
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "la",
|
id: "la",
|
||||||
name: "لس آنجلس",
|
name: "لسآنجلس — ساحل غربی",
|
||||||
address: "633 West 5th Street, Suite 2600",
|
address: "633 West 5th Street, Suite 2600",
|
||||||
city: "Los Angeles, CA 90071",
|
city: "Los Angeles, CA 90071",
|
||||||
phone: "+1 (213) 555-0456",
|
phone: "+1 (213) 555-0456",
|
||||||
@@ -79,7 +79,7 @@ const Contact22 = ({
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "chicago",
|
id: "chicago",
|
||||||
name: "شیکاگو",
|
name: "شیکاگو — میدوست",
|
||||||
address: "233 South Wacker Drive, Suite 8400",
|
address: "233 South Wacker Drive, Suite 8400",
|
||||||
city: "Chicago, IL 60606",
|
city: "Chicago, IL 60606",
|
||||||
phone: "+1 (312) 555-0789",
|
phone: "+1 (312) 555-0789",
|
||||||
@@ -88,7 +88,7 @@ const Contact22 = ({
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "miami",
|
id: "miami",
|
||||||
name: "میامی",
|
name: "میامی — جنوب شرقی",
|
||||||
address: "1395 Brickell Avenue, Suite 800",
|
address: "1395 Brickell Avenue, Suite 800",
|
||||||
city: "Miami, FL 33131",
|
city: "Miami, FL 33131",
|
||||||
phone: "+1 (305) 555-0234",
|
phone: "+1 (305) 555-0234",
|
||||||
@@ -97,7 +97,7 @@ const Contact22 = ({
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "boston",
|
id: "boston",
|
||||||
name: "بوستون",
|
name: "بوستون — شمال شرقی",
|
||||||
address: "100 Federal Street, Suite 2000",
|
address: "100 Federal Street, Suite 2000",
|
||||||
city: "Boston, MA 02110",
|
city: "Boston, MA 02110",
|
||||||
phone: "+1 (617) 555-0567",
|
phone: "+1 (617) 555-0567",
|
||||||
@@ -140,7 +140,7 @@ const Contact22 = ({
|
|||||||
setTimeout(() => setIsSubmitted(false), 5000);
|
setTimeout(() => setIsSubmitted(false), 5000);
|
||||||
} catch {
|
} catch {
|
||||||
form.setError("root", {
|
form.setError("root", {
|
||||||
message: "مشکلی پیش آمد. لطفاً دوباره تلاش کنید.",
|
message: "ارسال ناموفق بود. لطفاً دوباره تلاش کنید.",
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
@@ -275,7 +275,7 @@ const Contact22 = ({
|
|||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
<p className="text-sm font-medium text-green-600 dark:text-green-400">
|
<p className="text-sm font-medium text-green-600 dark:text-green-400">
|
||||||
پیام شما با موفقیت ثبت شد. بهزودی با شما تماس خواهیم گرفت.
|
پیام شما ثبت شد. تیم منطقهای فروش ظرف یک روز کاری تماس میگیرد.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
@@ -288,13 +288,13 @@ const Contact22 = ({
|
|||||||
render={({ field, fieldState }) => (
|
render={({ field, fieldState }) => (
|
||||||
<Field data-invalid={fieldState.invalid}>
|
<Field data-invalid={fieldState.invalid}>
|
||||||
<FieldLabel htmlFor={field.name}>
|
<FieldLabel htmlFor={field.name}>
|
||||||
نام و نام خانوادگی <span className="text-destructive">*</span>
|
نام کامل <span className="text-destructive">*</span>
|
||||||
</FieldLabel>
|
</FieldLabel>
|
||||||
<Input
|
<Input
|
||||||
{...field}
|
{...field}
|
||||||
id={field.name}
|
id={field.name}
|
||||||
aria-invalid={fieldState.invalid}
|
aria-invalid={fieldState.invalid}
|
||||||
placeholder="نام و نام خانوادگی"
|
placeholder="نام کامل"
|
||||||
/>
|
/>
|
||||||
{fieldState.invalid && (
|
{fieldState.invalid && (
|
||||||
<FieldError errors={[fieldState.error]} />
|
<FieldError errors={[fieldState.error]} />
|
||||||
@@ -341,7 +341,7 @@ const Contact22 = ({
|
|||||||
{...field}
|
{...field}
|
||||||
id={field.name}
|
id={field.name}
|
||||||
aria-invalid={fieldState.invalid}
|
aria-invalid={fieldState.invalid}
|
||||||
placeholder="چگونه میتوانیم به شما کمک کنیم؟"
|
placeholder="دمو، استقرار یا پشتیبانی سازمانی را مشخص کنید."
|
||||||
rows={3}
|
rows={3}
|
||||||
/>
|
/>
|
||||||
{fieldState.invalid && (
|
{fieldState.invalid && (
|
||||||
@@ -368,7 +368,7 @@ const Contact22 = ({
|
|||||||
در حال ارسال...
|
در حال ارسال...
|
||||||
</>
|
</>
|
||||||
) : (
|
) : (
|
||||||
"ارسال پیام"
|
"ارسال به دفتر منطقهای"
|
||||||
)}
|
)}
|
||||||
</Button>
|
</Button>
|
||||||
</FieldGroup>
|
</FieldGroup>
|
||||||
|
|||||||
+13
-13
@@ -27,46 +27,46 @@ interface Contact23Props {
|
|||||||
}
|
}
|
||||||
|
|
||||||
const Contact23 = ({
|
const Contact23 = ({
|
||||||
title = "یافتن نزدیکترین شعبه",
|
title = "نزدیکترین مرکز پشتیبانی",
|
||||||
description = "نام شهر یا کد پستی را وارد کنید تا نزدیکترین شعبه یا نمایندگی را پیدا کنید.",
|
description = "شهر یا کد پستی را وارد کنید تا نزدیکترین دفتر فروش یا مرکز پشتیبانی CRM را پیدا کنید.",
|
||||||
locations = [
|
locations = [
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1",
|
||||||
name: "شعبه مرکزی",
|
name: "مرکز پشتیبانی مرکزی",
|
||||||
address: "Valiasr St, District 6",
|
address: "Valiasr St, District 6",
|
||||||
city: "Tehran, Iran",
|
city: "Tehran, Iran",
|
||||||
phone: "۲۱-۱۲۳۴۵۶۷۸",
|
phone: "۲۱-۱۲۳۴۵۶۷۸",
|
||||||
hours: "شنبه تا پنجشنبه ۱۰ تا ۲۱، جمعه ۱۱ تا ۱۸",
|
hours: "شنبه تا چهارشنبه ۹ تا ۱۸، پنجشنبه ۹ تا ۱۴",
|
||||||
distance: "۱۳ کیلومتر",
|
distance: "۱۳ کیلومتر",
|
||||||
mapQuery: "Valiasr Street, Tehran, Iran",
|
mapQuery: "Valiasr Street, Tehran, Iran",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2",
|
||||||
name: "شعبه ونک",
|
name: "دفتر فروش ونک",
|
||||||
address: "Vanak Square, District 3",
|
address: "Vanak Square, District 3",
|
||||||
city: "Tehran, Iran",
|
city: "Tehran, Iran",
|
||||||
phone: "۲۱-۸۸۷۷۶۶۵۵",
|
phone: "۲۱-۸۸۷۷۶۶۵۵",
|
||||||
hours: "شنبه تا پنجشنبه ۱۰ تا ۲۰، جمعه ۱۲ تا ۱۸",
|
hours: "شنبه تا چهارشنبه ۹ تا ۱۷، پنجشنبه ۹ تا ۱۳",
|
||||||
distance: "۲ کیلومتر",
|
distance: "۲ کیلومتر",
|
||||||
mapQuery: "Vanak Square, Tehran, Iran",
|
mapQuery: "Vanak Square, Tehran, Iran",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3",
|
||||||
name: "شعبه سعادتآباد",
|
name: "مرکز موفقیت مشتری سعادتآباد",
|
||||||
address: "Seyyed Khandan St",
|
address: "Seyyed Khandan St",
|
||||||
city: "Tehran, Iran",
|
city: "Tehran, Iran",
|
||||||
phone: "۲۱-۴۴۰۱۱۲۲",
|
phone: "۲۱-۴۴۰۱۱۲۲",
|
||||||
hours: "شنبه تا پنجشنبه ۹ تا ۱۹، جمعه ۱۰ تا ۱۷",
|
hours: "شنبه تا چهارشنبه ۹ تا ۱۷",
|
||||||
distance: "۴.۲ کیلومتر",
|
distance: "۴.۲ کیلومتر",
|
||||||
mapQuery: "Saadat Abad, Tehran, Iran",
|
mapQuery: "Saadat Abad, Tehran, Iran",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4",
|
||||||
name: "شعبه تجریش",
|
name: "دفتر سازمانی تجریش",
|
||||||
address: "Tajrish Square",
|
address: "Tajrish Square",
|
||||||
city: "Tehran, Iran",
|
city: "Tehran, Iran",
|
||||||
phone: "۲۱-۲۲۷۷۸۸۹۹",
|
phone: "۲۱-۲۲۷۷۸۸۹۹",
|
||||||
hours: "شنبه تا پنجشنبه ۸ تا ۲۰، جمعه ۹ تا ۱۸",
|
hours: "شنبه تا چهارشنبه ۹ تا ۱۸",
|
||||||
distance: "۵.۱ کیلومتر",
|
distance: "۵.۱ کیلومتر",
|
||||||
mapQuery: "Tajrish, Tehran, Iran",
|
mapQuery: "Tajrish, Tehran, Iran",
|
||||||
},
|
},
|
||||||
@@ -94,7 +94,7 @@ const Contact23 = ({
|
|||||||
placeholder="نام شهر یا کد پستی"
|
placeholder="نام شهر یا کد پستی"
|
||||||
className="bg-background"
|
className="bg-background"
|
||||||
/>
|
/>
|
||||||
<Button>جستجو</Button>
|
<Button>یافتن دفتر</Button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="grid gap-8 lg:grid-cols-5">
|
<div className="grid gap-8 lg:grid-cols-5">
|
||||||
@@ -160,7 +160,7 @@ const Contact23 = ({
|
|||||||
className="flex-1"
|
className="flex-1"
|
||||||
asChild
|
asChild
|
||||||
>
|
>
|
||||||
<a href={`tel:${location.phone}`}>تماس با شعبه</a>
|
<a href={`tel:${location.phone}`}>تماس با دفتر</a>
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -171,7 +171,7 @@ const Contact23 = ({
|
|||||||
<div className="lg:col-span-3">
|
<div className="lg:col-span-3">
|
||||||
<div className="sticky top-8 overflow-hidden rounded-xl">
|
<div className="sticky top-8 overflow-hidden rounded-xl">
|
||||||
<iframe
|
<iframe
|
||||||
title="نقشه موقعیت فروشگاهها"
|
title="نقشه دفاتر و مراکز پشتیبانی"
|
||||||
src={`https://www.google.com/maps?q=${encodeURIComponent(mapQuery)}&output=embed`}
|
src={`https://www.google.com/maps?q=${encodeURIComponent(mapQuery)}&output=embed`}
|
||||||
className="aspect-[4/3] w-full border-0 lg:aspect-auto lg:h-[600px]"
|
className="aspect-[4/3] w-full border-0 lg:aspect-auto lg:h-[600px]"
|
||||||
loading="lazy"
|
loading="lazy"
|
||||||
|
|||||||
@@ -21,8 +21,8 @@ interface Contact24Props {
|
|||||||
}
|
}
|
||||||
|
|
||||||
const Contact24 = ({
|
const Contact24 = ({
|
||||||
title = "دفاتر ما",
|
title = "حضور سازمانی در مناطق کلیدی",
|
||||||
description = "شبکه دفاتر و نمایندگیهای ما آماده ارائه خدمات و پشتیبانی به مشتریان در نقاط مختلف است.",
|
description = "دفاتر منطقهای ما استقرار CRM، پشتیبانی سازمانی و هماهنگی فروش را برای مشتریان enterprise در سراسر جهان پوشش میدهند.",
|
||||||
offices = [
|
offices = [
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1",
|
||||||
@@ -85,7 +85,7 @@ const Contact24 = ({
|
|||||||
<div className="relative h-48 overflow-hidden">
|
<div className="relative h-48 overflow-hidden">
|
||||||
<img
|
<img
|
||||||
src={office.mapImage}
|
src={office.mapImage}
|
||||||
alt={`نقشه دفتر ${office.city}`}
|
alt={`نقشه دفتر سازمانی ${office.city}`}
|
||||||
className="size-full object-cover transition-transform duration-300 group-hover:scale-105"
|
className="size-full object-cover transition-transform duration-300 group-hover:scale-105"
|
||||||
/>
|
/>
|
||||||
<div className="absolute inset-0 bg-gradient-to-t from-background/80 to-transparent" />
|
<div className="absolute inset-0 bg-gradient-to-t from-background/80 to-transparent" />
|
||||||
@@ -125,7 +125,7 @@ const Contact24 = ({
|
|||||||
|
|
||||||
<Button variant="outline" className="w-full gap-2">
|
<Button variant="outline" className="w-full gap-2">
|
||||||
<ExternalLink className="size-4" />
|
<ExternalLink className="size-4" />
|
||||||
مشاهده در نقشه
|
مشاهده روی نقشه
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
+19
-19
@@ -49,34 +49,34 @@ interface Contact25Props {
|
|||||||
}
|
}
|
||||||
|
|
||||||
const Contact25 = ({
|
const Contact25 = ({
|
||||||
title = "چگونه میتوانیم به شما کمک کنیم؟",
|
title = "پشتیبانی، دمو و onboarding",
|
||||||
description = "پاسخ پرسشهای رایج را مشاهده کنید یا در صورت نیاز پیام خود را برای ما ارسال کنید.",
|
description = "پاسخ پرسشهای رایج محصول را ببینید یا برای دمو، استقرار و پشتیبانی پیام بفرستید.",
|
||||||
faqTitle = "سوالات متداول",
|
faqTitle = "سوالات متداول CRM",
|
||||||
faqs = [
|
faqs = [
|
||||||
{
|
{
|
||||||
question: "ساعات کاری شما چیست؟",
|
question: "ساعات پشتیبانی محصول چیست؟",
|
||||||
answer:
|
answer:
|
||||||
"تیم پشتیبانی ما دوشنبه تا جمعه، ۹ صبح تا ۶ عصر در دسترس است. برای موارد فوری خارج از این ساعات، به urgent@company.com ایمیل بزنید.",
|
"تیم Customer Success شنبه تا چهارشنبه، ۹ تا ۱۸ در دسترس است. برای موارد فوری خارج از این ساعات به urgent@company.com ایمیل بزنید.",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
question: "پاسخدهی چقدر طول میکشد؟",
|
question: "پاسخ به تیکت چقدر طول میکشد؟",
|
||||||
answer:
|
answer:
|
||||||
"معمولاً ظرف ۲۴ ساعت در روزهای کاری به همه درخواستها پاسخ میدهیم. درخواستهای پیچیده ممکن است تا ۴۸ ساعت زمان ببرند.",
|
"معمولاً ظرف ۲۴ ساعت کاری به درخواستهای پشتیبانی پاسخ میدهیم. مسائل پیچیده یا یکپارچهسازی ممکن است تا ۴۸ ساعت زمان ببرد.",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
question: "پشتیبانی تلفنی دارید؟",
|
question: "پشتیبانی تلفنی دارید؟",
|
||||||
answer:
|
answer:
|
||||||
"بله، پشتیبانی تلفنی برای مشترکین طرح حرفهای و سازمانی فعال است. شماره اختصاصی پشتیبانی را در داشبورد حساب خود ببینید.",
|
"بله؛ پشتیبانی تلفنی برای پلن حرفهای و سازمانی فعال است. شماره اختصاصی را در داشبورد حساب خود ببینید.",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
question: "میتوانم دمو رزرو کنم؟",
|
question: "چطور دموی محصول رزرو کنم؟",
|
||||||
answer:
|
answer:
|
||||||
"حتماً! از طریق وبسایت یا تماس مستقیم با تیم فروش میتوانید دمو شخصیسازیشده رزرو کنید. هر جلسه معمولاً ۳۰ تا ۴۵ دقیقه طول میکشد.",
|
"از فرم همین صفحه یا تماس با تیم فروش میتوانید دمو شخصیسازیشده رزرو کنید. هر جلسه معمولاً ۳۰ تا ۴۵ دقیقه است.",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
question: "در پیام چه اطلاعاتی بنویسم؟",
|
question: "در پیام پشتیبانی چه بنویسم؟",
|
||||||
answer:
|
answer:
|
||||||
"لطفاً ایمیل حساب (در صورت وجود)، توضیح دقیق سوال یا مشکل، و در صورت نیاز تصویر یا پیام خطا را ارسال کنید.",
|
"ایمیل حساب، توضیح دقیق مشکل یا سؤال onboarding، و در صورت نیاز اسکرینشات یا متن خطا را ارسال کنید تا سریعتر رسیدگی شود.",
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
className,
|
className,
|
||||||
@@ -111,7 +111,7 @@ const Contact25 = ({
|
|||||||
setTimeout(() => setIsSubmitted(false), 5000);
|
setTimeout(() => setIsSubmitted(false), 5000);
|
||||||
} catch {
|
} catch {
|
||||||
form.setError("root", {
|
form.setError("root", {
|
||||||
message: "مشکلی پیش آمد. لطفاً دوباره تلاش کنید.",
|
message: "ارسال ناموفق بود. لطفاً دوباره تلاش کنید.",
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
@@ -150,7 +150,7 @@ const Contact25 = ({
|
|||||||
<div>
|
<div>
|
||||||
<div className="mb-6 flex items-center gap-2">
|
<div className="mb-6 flex items-center gap-2">
|
||||||
<MailIcon className="size-5 text-muted-foreground" />
|
<MailIcon className="size-5 text-muted-foreground" />
|
||||||
<h2 className="text-lg font-medium">هنوز سوالی دارید؟</h2>
|
<h2 className="text-lg font-medium">هنوز سؤال دارید؟</h2>
|
||||||
</div>
|
</div>
|
||||||
<form
|
<form
|
||||||
onSubmit={form.handleSubmit(handleFormSubmit)}
|
onSubmit={form.handleSubmit(handleFormSubmit)}
|
||||||
@@ -164,7 +164,7 @@ const Contact25 = ({
|
|||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
<p className="text-sm font-medium text-green-600 dark:text-green-400">
|
<p className="text-sm font-medium text-green-600 dark:text-green-400">
|
||||||
پیام شما ثبت شد و در کوتاهترین زمان پاسخ خواهیم داد.
|
تیکت شما ثبت شد. تیم پشتیبانی بهزودی پاسخ میدهد.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
@@ -176,13 +176,13 @@ const Contact25 = ({
|
|||||||
render={({ field, fieldState }) => (
|
render={({ field, fieldState }) => (
|
||||||
<Field data-invalid={fieldState.invalid}>
|
<Field data-invalid={fieldState.invalid}>
|
||||||
<FieldLabel htmlFor={field.name}>
|
<FieldLabel htmlFor={field.name}>
|
||||||
نام و نام خانوادگی <span className="text-destructive">*</span>
|
نام کامل <span className="text-destructive">*</span>
|
||||||
</FieldLabel>
|
</FieldLabel>
|
||||||
<Input
|
<Input
|
||||||
{...field}
|
{...field}
|
||||||
id={field.name}
|
id={field.name}
|
||||||
aria-invalid={fieldState.invalid}
|
aria-invalid={fieldState.invalid}
|
||||||
placeholder="نام و نام خانوادگی"
|
placeholder="نام و نقش شغلی"
|
||||||
className="bg-background"
|
className="bg-background"
|
||||||
/>
|
/>
|
||||||
{fieldState.invalid && (
|
{fieldState.invalid && (
|
||||||
@@ -228,7 +228,7 @@ const Contact25 = ({
|
|||||||
{...field}
|
{...field}
|
||||||
id={field.name}
|
id={field.name}
|
||||||
aria-invalid={fieldState.invalid}
|
aria-invalid={fieldState.invalid}
|
||||||
placeholder="چگونه میتوانیم به شما کمک کنیم؟"
|
placeholder="دمو، onboarding یا مشکل پشتیبانی را بنویسید."
|
||||||
rows={4}
|
rows={4}
|
||||||
className="bg-background"
|
className="bg-background"
|
||||||
/>
|
/>
|
||||||
@@ -257,7 +257,7 @@ const Contact25 = ({
|
|||||||
در حال ارسال...
|
در حال ارسال...
|
||||||
</>
|
</>
|
||||||
) : (
|
) : (
|
||||||
"ارسال پیام"
|
"ارسال به پشتیبانی"
|
||||||
)}
|
)}
|
||||||
</Button>
|
</Button>
|
||||||
</FieldGroup>
|
</FieldGroup>
|
||||||
|
|||||||
+19
-19
@@ -25,7 +25,7 @@ import { Textarea } from "@/components/ui/textarea";
|
|||||||
import { cn } from "@/lib/utils";
|
import { cn } from "@/lib/utils";
|
||||||
|
|
||||||
const contactFormSchema = z.object({
|
const contactFormSchema = z.object({
|
||||||
inquiryType: z.string().min(1, "لطفاً نوع درخواست را انتخاب کنید"),
|
inquiryType: z.string().min(1, "نوع درخواست را انتخاب کنید"),
|
||||||
budget: z.string().optional(),
|
budget: z.string().optional(),
|
||||||
name: z.string().min(1, "نام الزامی است"),
|
name: z.string().min(1, "نام الزامی است"),
|
||||||
email: z
|
email: z
|
||||||
@@ -34,15 +34,15 @@ const contactFormSchema = z.object({
|
|||||||
.email("آدرس ایمیل نامعتبر است"),
|
.email("آدرس ایمیل نامعتبر است"),
|
||||||
company: z.string().optional(),
|
company: z.string().optional(),
|
||||||
phone: z.string().optional(),
|
phone: z.string().optional(),
|
||||||
message: z.string().min(10, "لطفاً جزئیات بیشتری بنویسید"),
|
message: z.string().min(10, "جزئیات بیشتری درباره نیاز فروش بنویسید"),
|
||||||
});
|
});
|
||||||
|
|
||||||
type ContactFormData = z.infer<typeof contactFormSchema>;
|
type ContactFormData = z.infer<typeof contactFormSchema>;
|
||||||
|
|
||||||
const steps = [
|
const steps = [
|
||||||
{ id: 1, name: "نوع درخواست" },
|
{ id: 1, name: "نوع درخواست" },
|
||||||
{ id: 2, name: "اطلاعات شما" },
|
{ id: 2, name: "اطلاعات تماس" },
|
||||||
{ id: 3, name: "پیام" },
|
{ id: 3, name: "نیاز فروش" },
|
||||||
];
|
];
|
||||||
|
|
||||||
interface Contact28Props {
|
interface Contact28Props {
|
||||||
@@ -53,8 +53,8 @@ interface Contact28Props {
|
|||||||
}
|
}
|
||||||
|
|
||||||
const Contact28 = ({
|
const Contact28 = ({
|
||||||
title = "شروع کنید",
|
title = "راهاندازی CRM فروش",
|
||||||
subtitle = "نیازها و اهداف پروژه خود را شرح دهید تا کارشناسان ما حداکثر طی یک روز کاری با شما تماس بگیرند.",
|
subtitle = "اندازه تیم فروش، نیاز CRM و اهداف درآمدی را بگویید؛ کارشناس فروش حداکثر تا یک روز کاری با شما تماس میگیرد.",
|
||||||
className,
|
className,
|
||||||
onSubmit,
|
onSubmit,
|
||||||
}: Contact28Props) => {
|
}: Contact28Props) => {
|
||||||
@@ -132,9 +132,9 @@ const Contact28 = ({
|
|||||||
<div className="mx-auto mb-6 flex size-20 items-center justify-center rounded-full bg-green-500/10">
|
<div className="mx-auto mb-6 flex size-20 items-center justify-center rounded-full bg-green-500/10">
|
||||||
<Check className="size-10 text-green-600" />
|
<Check className="size-10 text-green-600" />
|
||||||
</div>
|
</div>
|
||||||
<h2 className="mb-4 text-xl font-medium">درخواست شما ثبت شد</h2>
|
<h2 className="mb-4 text-xl font-medium">درخواست CRM ثبت شد</h2>
|
||||||
<p className="text-xl text-muted-foreground">
|
<p className="text-xl text-muted-foreground">
|
||||||
پیام شما با موفقیت دریافت شد. نتیجه بررسی حداکثر تا یک روز کاری به شما اطلاع داده خواهد شد.
|
تیم فروش درخواست شما را دریافت کرد و حداکثر تا یک روز کاری برای هماهنگی دمو یا مشاوره تماس میگیرد.
|
||||||
</p>
|
</p>
|
||||||
<Button
|
<Button
|
||||||
className="mt-10"
|
className="mt-10"
|
||||||
@@ -146,7 +146,7 @@ const Contact28 = ({
|
|||||||
form.reset();
|
form.reset();
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
ارسال درخواست جدید
|
درخواست جدید
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -233,14 +233,14 @@ const Contact28 = ({
|
|||||||
id={field.name}
|
id={field.name}
|
||||||
aria-invalid={fieldState.invalid}
|
aria-invalid={fieldState.invalid}
|
||||||
>
|
>
|
||||||
<SelectValue placeholder="موضوع درخواست را انتخاب کنید" />
|
<SelectValue placeholder="نوع درخواست CRM را انتخاب کنید" />
|
||||||
</SelectTrigger>
|
</SelectTrigger>
|
||||||
<SelectContent>
|
<SelectContent>
|
||||||
<SelectItem value="general">پرسش عمومی</SelectItem>
|
<SelectItem value="general">پرسش محصول CRM</SelectItem>
|
||||||
<SelectItem value="sales">فروش و قیمتگذاری</SelectItem>
|
<SelectItem value="sales">فروش و قیمتگذاری</SelectItem>
|
||||||
<SelectItem value="support">پشتیبانی فنی</SelectItem>
|
<SelectItem value="support">پشتیبانی فنی CRM</SelectItem>
|
||||||
<SelectItem value="partnership">همکاری</SelectItem>
|
<SelectItem value="partnership">همکاری تجاری</SelectItem>
|
||||||
<SelectItem value="demo">درخواست دمو</SelectItem>
|
<SelectItem value="demo">درخواست دمو فروش</SelectItem>
|
||||||
</SelectContent>
|
</SelectContent>
|
||||||
</Select>
|
</Select>
|
||||||
{fieldState.invalid && (
|
{fieldState.invalid && (
|
||||||
@@ -256,14 +256,14 @@ const Contact28 = ({
|
|||||||
render={({ field }) => (
|
render={({ field }) => (
|
||||||
<Field>
|
<Field>
|
||||||
<FieldLabel htmlFor={field.name}>
|
<FieldLabel htmlFor={field.name}>
|
||||||
بودجه پروژه
|
بودجه پیادهسازی
|
||||||
</FieldLabel>
|
</FieldLabel>
|
||||||
<Select
|
<Select
|
||||||
onValueChange={field.onChange}
|
onValueChange={field.onChange}
|
||||||
value={field.value}
|
value={field.value}
|
||||||
>
|
>
|
||||||
<SelectTrigger id={field.name}>
|
<SelectTrigger id={field.name}>
|
||||||
<SelectValue placeholder="انتخاب بازه بودجه" />
|
<SelectValue placeholder="بازه بودجه را انتخاب کنید" />
|
||||||
</SelectTrigger>
|
</SelectTrigger>
|
||||||
<SelectContent>
|
<SelectContent>
|
||||||
<SelectItem value="<5k">
|
<SelectItem value="<5k">
|
||||||
@@ -385,14 +385,14 @@ const Contact28 = ({
|
|||||||
render={({ field, fieldState }) => (
|
render={({ field, fieldState }) => (
|
||||||
<Field data-invalid={fieldState.invalid}>
|
<Field data-invalid={fieldState.invalid}>
|
||||||
<FieldLabel htmlFor={field.name}>
|
<FieldLabel htmlFor={field.name}>
|
||||||
چگونه میتوانیم به شما کمک کنیم؟{" "}
|
نیاز تیم فروش را شرح دهید{" "}
|
||||||
<span className="text-destructive">*</span>
|
<span className="text-destructive">*</span>
|
||||||
</FieldLabel>
|
</FieldLabel>
|
||||||
<Textarea
|
<Textarea
|
||||||
{...field}
|
{...field}
|
||||||
id={field.name}
|
id={field.name}
|
||||||
aria-invalid={fieldState.invalid}
|
aria-invalid={fieldState.invalid}
|
||||||
placeholder="جزئیات پروژه، نیازها یا پرسشهای خود را با ما در میان بگذارید."
|
placeholder="تعداد کاربران فروش، فرآیند فعلی CRM، یکپارچگیهای موردنیاز یا هدف از دمو را بنویسید."
|
||||||
rows={6}
|
rows={6}
|
||||||
/>
|
/>
|
||||||
{fieldState.invalid && (
|
{fieldState.invalid && (
|
||||||
@@ -445,7 +445,7 @@ const Contact28 = ({
|
|||||||
در حال ارسال...
|
در حال ارسال...
|
||||||
</>
|
</>
|
||||||
) : (
|
) : (
|
||||||
"ارسال"
|
"ارسال درخواست"
|
||||||
)}
|
)}
|
||||||
</Button>
|
</Button>
|
||||||
)}
|
)}
|
||||||
|
|||||||
+23
-23
@@ -27,14 +27,14 @@ import { Textarea } from "@/components/ui/textarea";
|
|||||||
import { cn } from "@/lib/utils";
|
import { cn } from "@/lib/utils";
|
||||||
|
|
||||||
const contactFormSchema = z.object({
|
const contactFormSchema = z.object({
|
||||||
serviceType: z.string().min(1, "لطفاً یک خدمت انتخاب کنید"),
|
serviceType: z.string().min(1, "یک مسیر را انتخاب کنید"),
|
||||||
name: z.string().min(1, "نام الزامی است"),
|
name: z.string().min(1, "نام الزامی است"),
|
||||||
email: z
|
email: z
|
||||||
.string()
|
.string()
|
||||||
.min(1, "ایمیل الزامی است")
|
.min(1, "ایمیل الزامی است")
|
||||||
.email("آدرس ایمیل نامعتبر است"),
|
.email("آدرس ایمیل نامعتبر است"),
|
||||||
company: z.string().optional(),
|
company: z.string().optional(),
|
||||||
message: z.string().min(1, "پیام الزامی است"),
|
message: z.string().min(1, "شرح نیاز فروش الزامی است"),
|
||||||
});
|
});
|
||||||
|
|
||||||
type ContactFormData = z.infer<typeof contactFormSchema>;
|
type ContactFormData = z.infer<typeof contactFormSchema>;
|
||||||
@@ -43,32 +43,32 @@ const services = [
|
|||||||
{
|
{
|
||||||
id: "consulting",
|
id: "consulting",
|
||||||
icon: Users,
|
icon: Users,
|
||||||
title: "مشاوره تخصصی",
|
title: "مشاوره فروش و CRM",
|
||||||
description: "مشاوره برای برنامهریزی، تحلیل و تصمیمگیری",
|
description: "طراحی قیف فروش، فرآیند پیگیری لید و ساختار CRM",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "development",
|
id: "development",
|
||||||
icon: Laptop,
|
icon: Laptop,
|
||||||
title: "توسعه نرمافزار",
|
title: "سفارشیسازی پلتفرم",
|
||||||
description: "طراحی و توسعه راهکارهای نرمافزاری متناسب با نیاز شما",
|
description: "اتوماسیون فروش، یکپارچهسازی و داشبورد KPI",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "enterprise",
|
id: "enterprise",
|
||||||
icon: Building2,
|
icon: Building2,
|
||||||
title: "راهکارهای سازمانی",
|
title: "CRM سازمانی",
|
||||||
description: "پیادهسازی سامانههای سازمانی در مقیاس بزرگ",
|
description: "پیادهسازی در مقیاس بزرگ با کنترل دسترسی و گزارشگیری",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "startup",
|
id: "startup",
|
||||||
icon: Rocket,
|
icon: Rocket,
|
||||||
title: "استارتاپها",
|
title: "تیمهای در حال رشد",
|
||||||
description: "همراهی در طراحی نسخه اولیه محصول و توسعه کسبوکار",
|
description: "راهاندازی سریع CRM برای تیمهای فروش در حال مقیاس",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "other",
|
id: "other",
|
||||||
icon: HelpCircle,
|
icon: HelpCircle,
|
||||||
title: "سایر خدمات",
|
title: "سایر درخواستها",
|
||||||
description: "سایر درخواستها و نیازها",
|
description: "مهاجرت داده، شراکت تجاری یا مشاوره تخصصی",
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
@@ -80,8 +80,8 @@ interface Contact29Props {
|
|||||||
}
|
}
|
||||||
|
|
||||||
const Contact29 = ({
|
const Contact29 = ({
|
||||||
title = "همکاری را آغاز کنیم",
|
title = "مسیر CRM مناسب را انتخاب کنید",
|
||||||
subtitle = "حوزه موردنیاز خود را انتخاب کنید و اطلاعات پروژه را برای ما ارسال کنید.",
|
subtitle = "نوع نیاز فروش را مشخص کنید و جزئیات پیادهسازی CRM را برای تیم فروش ارسال کنید.",
|
||||||
className,
|
className,
|
||||||
onSubmit,
|
onSubmit,
|
||||||
}: Contact29Props) => {
|
}: Contact29Props) => {
|
||||||
@@ -146,9 +146,9 @@ const Contact29 = ({
|
|||||||
<div className="mx-auto mb-6 flex size-20 items-center justify-center rounded-full bg-green-500/10">
|
<div className="mx-auto mb-6 flex size-20 items-center justify-center rounded-full bg-green-500/10">
|
||||||
<Check className="size-10 text-green-600" />
|
<Check className="size-10 text-green-600" />
|
||||||
</div>
|
</div>
|
||||||
<h2 className="mb-4 text-xl font-medium">پیام شما ارسال شد</h2>
|
<h2 className="mb-4 text-xl font-medium">درخواست شما ثبت شد</h2>
|
||||||
<p className="text-xl text-muted-foreground">
|
<p className="text-xl text-muted-foreground">
|
||||||
از اعتماد شما سپاسگزاریم. درخواست شما بررسی شده و حداکثر تا یک روز کاری با شما تماس خواهیم گرفت.
|
تیم فروش درخواست CRM را بررسی میکند و حداکثر تا یک روز کاری برای هماهنگی دمو یا پیادهسازی تماس میگیرد.
|
||||||
</p>
|
</p>
|
||||||
<Button
|
<Button
|
||||||
className="mt-10"
|
className="mt-10"
|
||||||
@@ -156,7 +156,7 @@ const Contact29 = ({
|
|||||||
variant="outline"
|
variant="outline"
|
||||||
onClick={resetForm}
|
onClick={resetForm}
|
||||||
>
|
>
|
||||||
ارسال پیام جدید
|
درخواست جدید
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -252,10 +252,10 @@ const Contact29 = ({
|
|||||||
</button>
|
</button>
|
||||||
|
|
||||||
<h1 className="mb-6 text-2xll font-medium tracking-tight md:text-2xll lg:text-2xll">
|
<h1 className="mb-6 text-2xll font-medium tracking-tight md:text-2xll lg:text-2xll">
|
||||||
درباره پروژه بیشتر توضیح دهید
|
جزئیات نیاز فروش را تکمیل کنید
|
||||||
</h1>
|
</h1>
|
||||||
<p className="mb-12 text-xl text-muted-foreground md:text-xl">
|
<p className="mb-12 text-xl text-muted-foreground md:text-xl">
|
||||||
هرچه اطلاعات بیشتری از پروژه ارائه دهید، راهکار دقیقتر و پیشنهاد مناسبتری دریافت خواهید کرد.
|
هرچه درباره تیم فروش، قیف فعلی و یکپارچگیها دقیقتر بنویسید، پیشنهاد CRM و زمانبندی دمو دقیقتر خواهد بود.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<div className="flex items-center gap-4 rounded-xl bg-background p-5 shadow-sm">
|
<div className="flex items-center gap-4 rounded-xl bg-background p-5 shadow-sm">
|
||||||
@@ -287,7 +287,7 @@ const Contact29 = ({
|
|||||||
onSubmit={form.handleSubmit(handleFormSubmit)}
|
onSubmit={form.handleSubmit(handleFormSubmit)}
|
||||||
className="w-full rounded-2xl bg-background p-8 shadow-lg md:p-10"
|
className="w-full rounded-2xl bg-background p-8 shadow-lg md:p-10"
|
||||||
>
|
>
|
||||||
<h2 className="mb-8 text-xl font-semibold">اطلاعات تماس</h2>
|
<h2 className="mb-8 text-xl font-semibold">اطلاعات تماس فروش</h2>
|
||||||
|
|
||||||
<FieldGroup>
|
<FieldGroup>
|
||||||
<div className="grid gap-4 sm:grid-cols-2">
|
<div className="grid gap-4 sm:grid-cols-2">
|
||||||
@@ -358,13 +358,13 @@ const Contact29 = ({
|
|||||||
render={({ field, fieldState }) => (
|
render={({ field, fieldState }) => (
|
||||||
<Field data-invalid={fieldState.invalid}>
|
<Field data-invalid={fieldState.invalid}>
|
||||||
<FieldLabel htmlFor={field.name}>
|
<FieldLabel htmlFor={field.name}>
|
||||||
پیام <span className="text-destructive">*</span>
|
شرح نیاز CRM <span className="text-destructive">*</span>
|
||||||
</FieldLabel>
|
</FieldLabel>
|
||||||
<Textarea
|
<Textarea
|
||||||
{...field}
|
{...field}
|
||||||
id={field.name}
|
id={field.name}
|
||||||
aria-invalid={fieldState.invalid}
|
aria-invalid={fieldState.invalid}
|
||||||
placeholder="اهداف، نیازها و جزئیات پروژه خود را شرح دهید."
|
placeholder="اهداف فروش، تعداد کاربران، ابزار فعلی CRM و زمان موردنظر برای راهاندازی را بنویسید."
|
||||||
rows={5}
|
rows={5}
|
||||||
/>
|
/>
|
||||||
{fieldState.invalid && (
|
{fieldState.invalid && (
|
||||||
@@ -392,7 +392,7 @@ const Contact29 = ({
|
|||||||
در حال ارسال...
|
در حال ارسال...
|
||||||
</>
|
</>
|
||||||
) : (
|
) : (
|
||||||
"ارسال پیام"
|
"ارسال درخواست"
|
||||||
)}
|
)}
|
||||||
</Button>
|
</Button>
|
||||||
</FieldGroup>
|
</FieldGroup>
|
||||||
|
|||||||
+11
-11
@@ -17,7 +17,7 @@ const Contact3 = ({ className }: Contact3Props) => {
|
|||||||
<section dir="rtl" lang="fa" className={cn("py-32", className)}>
|
<section dir="rtl" lang="fa" className={cn("py-32", className)}>
|
||||||
<div className="container">
|
<div className="container">
|
||||||
<div className="text-center">
|
<div className="text-center">
|
||||||
<h1 className="mb-7 text-xl font-bold md:text-2xll">تماس با ما</h1>
|
<h1 className="mb-7 text-xl font-bold md:text-2xll">آمادهاید CRM را ببینید؟</h1>
|
||||||
<div className="flex flex-col justify-center gap-2 sm:flex-row">
|
<div className="flex flex-col justify-center gap-2 sm:flex-row">
|
||||||
<Button size="lg">درخواست دمو</Button>
|
<Button size="lg">درخواست دمو</Button>
|
||||||
<Button variant="outline" size="lg">
|
<Button variant="outline" size="lg">
|
||||||
@@ -25,15 +25,15 @@ const Contact3 = ({ className }: Contact3Props) => {
|
|||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
<p className="mt-4 text-sm text-muted-foreground">
|
<p className="mt-4 text-sm text-muted-foreground">
|
||||||
نیازی به وارد کردن اطلاعات پرداخت نیست
|
بدون کارت بانکی، در چند دقیقه شروع کنید
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div className="mt-28 grid gap-16 md:grid-cols-2">
|
<div className="mt-28 grid gap-16 md:grid-cols-2">
|
||||||
<div>
|
<div>
|
||||||
<MessagesSquare className="mb-5 h-8 w-auto" />
|
<MessagesSquare className="mb-5 h-8 w-auto" />
|
||||||
<p className="mb-2 font-bold md:text-xl">پشتیبانی فنی</p>
|
<p className="mb-2 font-bold md:text-xl">پشتیبانی محصول</p>
|
||||||
<p className="mb-6 text-sm text-muted-foreground md:text-base">
|
<p className="mb-6 text-sm text-muted-foreground md:text-base">
|
||||||
اگر در استفاده از محصول با مشکلی روبهرو شدهاید، تیم پشتیبانی آماده پاسخگویی و راهنمایی شماست.
|
در استفاده از قیف فروش، اتوماسیون یا گزارشها گیر کردهاید؟ تیم پشتیبانی CRM راهنماییتان میکند.
|
||||||
</p>
|
</p>
|
||||||
<a href="#" className="font-semibold hover:underline">
|
<a href="#" className="font-semibold hover:underline">
|
||||||
تماس با پشتیبانی
|
تماس با پشتیبانی
|
||||||
@@ -43,7 +43,7 @@ const Contact3 = ({ className }: Contact3Props) => {
|
|||||||
<Users className="mb-5 h-8 w-auto" />
|
<Users className="mb-5 h-8 w-auto" />
|
||||||
<p className="mb-2 font-bold md:text-xl">مشاوره فروش</p>
|
<p className="mb-2 font-bold md:text-xl">مشاوره فروش</p>
|
||||||
<p className="mb-6 text-sm text-muted-foreground md:text-base">
|
<p className="mb-6 text-sm text-muted-foreground md:text-base">
|
||||||
برای دریافت دمو، استعلام قیمت یا انتخاب بهترین پلن، با کارشناسان فروش در ارتباط باشید.
|
برای دمو اختصاصی، مقایسه پلنها یا برآورد استقرار، با کارشناس فروش گفتگو کنید.
|
||||||
</p>
|
</p>
|
||||||
<a href="#" className="font-semibold hover:underline">
|
<a href="#" className="font-semibold hover:underline">
|
||||||
صحبت با فروش
|
صحبت با فروش
|
||||||
@@ -51,19 +51,19 @@ const Contact3 = ({ className }: Contact3Props) => {
|
|||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<MessageCircleDashed className="mb-5 h-8 w-auto" />
|
<MessageCircleDashed className="mb-5 h-8 w-auto" />
|
||||||
<p className="mb-2 font-bold md:text-xl">همکاری و ارتباطات</p>
|
<p className="mb-2 font-bold md:text-xl">شرکای فروش و همکاری</p>
|
||||||
<p className="mb-6 text-sm text-muted-foreground md:text-base">
|
<p className="mb-6 text-sm text-muted-foreground md:text-base">
|
||||||
برای همکاری، امور رسانهای یا سایر درخواستها از طریق فرم تماس با ما در ارتباط باشید.
|
اگر میخواهید بهعنوان شریک فروش یا یکپارچهساز کار کنید، درخواست همکاری را برایمان بفرستید.
|
||||||
</p>
|
</p>
|
||||||
<a href="#" className="font-semibold hover:underline">
|
<a href="#" className="font-semibold hover:underline">
|
||||||
تماس با ما
|
درخواست همکاری
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<ScanFace className="mb-5 h-8 w-auto" />
|
<ScanFace className="mb-5 h-8 w-auto" />
|
||||||
<p className="mb-2 font-bold md:text-xl">تأیید اطلاعات</p>
|
<p className="mb-2 font-bold md:text-xl">دسترسی سازمانی</p>
|
||||||
<p className="mb-6 text-sm text-muted-foreground md:text-base">
|
<p className="mb-6 text-sm text-muted-foreground md:text-base">
|
||||||
در صورت نیاز به تأیید اطلاعات یا استعلامهای رسمی، از طریق سامانه احراز هویت اقدام کنید.
|
برای تأیید دامنه شرکت، فعالسازی SSO یا دسترسی ادمین CRM، فرایند احراز هویت سازمانی را طی کنید.
|
||||||
</p>
|
</p>
|
||||||
<a href="#" className="font-semibold hover:underline">
|
<a href="#" className="font-semibold hover:underline">
|
||||||
شروع احراز هویت
|
شروع احراز هویت
|
||||||
@@ -72,7 +72,7 @@ const Contact3 = ({ className }: Contact3Props) => {
|
|||||||
</div>
|
</div>
|
||||||
<div className="mt-28">
|
<div className="mt-28">
|
||||||
<h1 className="mb-16 text-center text-xl font-bold md:text-xl">
|
<h1 className="mb-16 text-center text-xl font-bold md:text-xl">
|
||||||
دفاتر و نمایندگیهای ما
|
دفاتر جهانی تیم فروش
|
||||||
</h1>
|
</h1>
|
||||||
<div className="mx-auto grid max-w-7xl gap-7 sm:grid-cols-2 md:grid-cols-3 lg:px-14">
|
<div className="mx-auto grid max-w-7xl gap-7 sm:grid-cols-2 md:grid-cols-3 lg:px-14">
|
||||||
<div className="rounded-lg border p-5">
|
<div className="rounded-lg border p-5">
|
||||||
|
|||||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user