From ab297039ba7cc4edc46c0934a929daea97ed4bd4 Mon Sep 17 00:00:00 2001 From: ahmadrezabd Date: Thu, 4 Dec 2025 14:27:31 +0330 Subject: [PATCH] initial commit --- app/about/page.tsx | 274 ++++++++++++++++++++++++++++++------ app/solutions/page.tsx | 59 +++++--- components/content-1.tsx | 4 +- components/footer.tsx | 8 +- components/header.tsx | 4 +- components/hero-section.tsx | 72 ++++++++-- components/logo.tsx | 2 +- components/pricing.tsx | 244 ++++++++++++++++++++++++-------- components/ui/button.tsx | 10 +- public/assets/arablogo.svg | 10 ++ 10 files changed, 534 insertions(+), 153 deletions(-) create mode 100644 public/assets/arablogo.svg diff --git a/app/about/page.tsx b/app/about/page.tsx index 6e3bdfc..510e215 100644 --- a/app/about/page.tsx +++ b/app/about/page.tsx @@ -1,79 +1,263 @@ -import ContentSection from "@/components/content-1"; -import Features from "@/components/features-12"; -import HeroSection from "@/components/hero-section"; - export default function AboutPage() { return ( <> -
-
-
-

+ {/* Hero Section */} +
+
+
+

درباره ما

-

- کنترل پی یک پلتفرم یکپارچه‌سازی و ارتباطات هوشمند است که به کسب‌وکارها کمک می‌کند تا سیستم‌ها، داده‌ها و فرآیندهای خود را به شکلی کارآمد و قابل‌اعتماد بهم متصل کنند. +

+ ما یک گروه متخصص هستیم که در حوزه اینتگریشن و روش‌های نوین یکپارچه‌سازی فعالیت می‌کنیم. + هدف ما ارائه راهکارهای هوشمند و کارآمد برای اتصال سیستم‌ها، داده‌ها و فرآیندهای کسب‌وکار است.

+
+
-
-
+ {/* Our Story */} +
+
+
+
+

+ داستان ما +

+
+

+ کنترل پی یک گروه متخصص است که در حوزه اینتگریشن و روش‌های نوین یکپارچه‌سازی فعالیت می‌کند. + ما با استفاده از تکنولوژی‌های پیشرفته و رویکردهای نوآورانه، به کسب‌وکارها کمک می‌کنیم تا + سیستم‌های خود را به شکلی کارآمد و قابل‌اعتماد بهم متصل کنند. +

+

+ ما در زمینه یکپارچه‌سازی سیستم‌ها، اتوماسیون فرآیندها، ارتباطات چندکاناله و مدیریت داده‌ها + تخصص داریم. با استفاده از روش‌های نوین و ابزارهای پیشرفته، راهکارهای سفارشی برای هر کسب‌وکار + طراحی و پیاده‌سازی می‌کنیم. +

+
+
+
+
+
۱۰+
+
سال تجربه
+
+
+
+
+
+ + {/* Mission & Vision */} +
+
+
+
-

+

ماموریت ما

-

- ما باور داریم که ارتباطات و یکپارچه‌سازی باید ساده، سریع و قابل‌اعتماد باشد. هدف ما این است که به کسب‌وکارها کمک کنیم تا بدون پیچیدگی‌های فنی، سیستم‌های خود را بهم متصل کنند و از قدرت اتوماسیون و ارتباطات هوشمند بهره‌مند شوند. +

+ ماموریت ما این است که با استفاده از روش‌های نوین اینتگریشن، به کسب‌وکارها کمک کنیم تا + بدون پیچیدگی‌های فنی، سیستم‌های خود را بهم متصل کنند و از قدرت اتوماسیون و ارتباطات هوشمند + بهره‌مند شوند.

+
+
-

+

چشم‌انداز ما

-

- ما می‌خواهیم به پلتفرم پیشرو در حوزه یکپارچه‌سازی و ارتباطات هوشمند تبدیل شویم. چشم‌انداز ما این است که هر کسب‌وکاری، از کوچک تا بزرگ، بتواند به راحتی از خدمات ما استفاده کند و به اهداف خود برسد. +

+ ما می‌خواهیم به گروه پیشرو در حوزه اینتگریشن و روش‌های نوین یکپارچه‌سازی تبدیل شویم. + چشم‌انداز ما این است که هر کسب‌وکاری، از کوچک تا بزرگ، بتواند به راحتی از خدمات ما استفاده کند + و به اهداف خود برسد.

+
+
+
-
-

- چرا کنترل پی؟ + {/* Our Values */} +
+
+
+
+

+ ارزش‌های ما

-
-
-

سادگی

-

- رابط کاربری ساده و قابل فهم که نیاز به تخصص فنی ندارد -

-
-
-

قابلیت اطمینان

-

- زیرساخت قدرتمند و پایدار که همیشه در دسترس است -

-
-
-

مقیاس‌پذیری

-

- قابلیت رشد همراه با نیازهای کسب‌وکار شما -

-
+

+ ارزش‌هایی که در تمام کارهای ما رعایت می‌شود +

+
+
+
+

کیفیت

+

+ تعهد به کیفیت و نوآوری در تمام پروژه‌ها و خدمات +

+
+
+

شفافیت

+

+ شفافیت کامل در ارتباطات، قیمت‌گذاری و فرآیندها +

+
+
+

مشتری‌محوری

+

+ تمرکز بر نیازهای مشتری و رضایت کامل آن‌ها +

+
+
+

نوآوری

+

+ استفاده از آخرین تکنولوژی‌ها و روش‌های نوین +

+
+
+
-
-

+ {/* Why Choose Us */} +
+
+
+
+

+ چرا کنترل پی را انتخاب کنید؟ +

+

+ مزایای رقابتی که ما را از دیگران متمایز می‌کند +

+
+
+
+
+
+ + + +
+
+

سادگی

+

+ رابط کاربری ساده و قابل فهم که نیاز به تخصص فنی ندارد +

+
+
+
+
+ + + +
+
+

قابلیت اطمینان

+

+ زیرساخت قدرتمند و پایدار که همیشه در دسترس است +

+
+
+
+
+ + + +
+
+

مقیاس‌پذیری

+

+ قابلیت رشد همراه با نیازهای کسب‌وکار شما +

+
+
+
+
+
+ + {/* Our Team */} +
+
+
+
+

تیم ما

-

- تیم کنترل پی متشکل از متخصصان با تجربه در حوزه‌های فناوری اطلاعات، توسعه نرم‌افزار و مدیریت کسب‌وکار است. ما با همکاری یکدیگر، راهکارهای نوآورانه و کاربردی برای چالش‌های یکپارچه‌سازی ارائه می‌دهیم. +

+ تیم کنترل پی متشکل از متخصصان با تجربه در حوزه‌های اینتگریشن، فناوری اطلاعات، توسعه نرم‌افزار + و مدیریت کسب‌وکار است. ما با همکاری یکدیگر و استفاده از روش‌های نوین، راهکارهای نوآورانه و + کاربردی برای چالش‌های یکپارچه‌سازی ارائه می‌دهیم.

+
+
+
+
+ ت +
+
+

تخصص

+

+ متخصصان با تجربه در حوزه اینتگریشن و یکپارچه‌سازی +

+
+
+
+
+ ن +
+
+

نوآوری

+

+ استفاده از آخرین تکنولوژی‌ها و روش‌های نوین +

+
+
+
+
+ پ +
+
+

پشتیبانی

+

+ پشتیبانی کامل و مستمر در تمام مراحل پروژه +

+
+
+
+
+
+ + {/* CTA Section */} +
+
+
+

+ آماده شروع هستید؟ +

+

+ با ما تماس بگیرید تا درباره نیازهای شما صحبت کنیم و بهترین راهکار را پیشنهاد دهیم +

+
); } - diff --git a/app/solutions/page.tsx b/app/solutions/page.tsx index 6cd1b52..18c4c66 100644 --- a/app/solutions/page.tsx +++ b/app/solutions/page.tsx @@ -96,43 +96,49 @@ const solutions = [ export default function SolutionsPage() { return ( <> -
-
-
-

+ {/* Hero Section */} +
+
+
+

راه‌حل‌های ما

-

+

مجموعه‌ای از ابزارهای قدرتمند برای یکپارچه‌سازی، اتوماسیون و ارتباطات هوشمند که به کسب‌وکار شما کمک می‌کند تا کارآمدتر و سریع‌تر عمل کند.

+
+
-
+ {/* Solutions Grid */} +
+
+
{solutions.map((solution, index) => { const Icon = solution.icon; return (
-
-
- +
+
+
-

+

{solution.title}

-

+

{solution.description}

-
    +
      {solution.features.map((feature, featureIndex) => (
    • - + {feature}
      • ))} @@ -141,21 +147,30 @@ export default function SolutionsPage() { ); })}
+
+
-
-

+ {/* CTA Section */} +
+
+
+

آماده شروع هستید؟

-

+

همین حالا شروع کنید و از قدرت یکپارچه‌سازی و ارتباطات هوشمند بهره‌مند شوید

- +
+ + +
); } - diff --git a/components/content-1.tsx b/components/content-1.tsx index 2f5b7ad..4a808e6 100644 --- a/components/content-1.tsx +++ b/components/content-1.tsx @@ -51,8 +51,8 @@ export default function ContentSection() {

- جان دو، مدیرعامل -
+
احمدرضا بدیعی، مدیرعامل
+
احمدرضا عزیزان

diff --git a/components/footer.tsx b/components/footer.tsx index b516e89..66d1a6d 100644 --- a/components/footer.tsx +++ b/components/footer.tsx @@ -41,7 +41,7 @@ export default function FooterSection() { {link.title} @@ -53,7 +53,7 @@ export default function FooterSection() { target="_blank" rel="noopener noreferrer" aria-label="X/Twitter" - className="text-muted-foreground hover:text-primary block" + className="text-muted-foreground hover:text-accent transition-colors duration-150" > {
  • + className="text-muted-foreground hover:text-accent transition-colors duration-150"> {item.name}
    • @@ -69,7 +69,7 @@ export const HeroHeader = () => {
  • + className="text-muted-foreground hover:text-accent transition-colors duration-150"> {item.name}
    • diff --git a/components/hero-section.tsx b/components/hero-section.tsx index 61be363..6ca8aab 100644 --- a/components/hero-section.tsx +++ b/components/hero-section.tsx @@ -197,7 +197,7 @@ export default function HeroSection() {
    با مشتریان ما آشنا شوید @@ -206,28 +206,78 @@ export default function HeroSection() {
    -
    + Nvidia Logo +
    + +
    + Column Logo
    -
    + GitHub Logo
    -
    + Nike Logo
    -
    + Lemon Squeezy Logo
    -
    + Laravel Logo
    -
    + Lilly Logo
    +
    -
    -
    -
    -
    + OpenAI Logo
    diff --git a/components/logo.tsx b/components/logo.tsx index 367d9f6..14b7925 100644 --- a/components/logo.tsx +++ b/components/logo.tsx @@ -24,7 +24,7 @@ export const LogoIcon = ({ className?: string; uniColor?: boolean; }) => { - return Logo; + return Logo; }; export const LogoStroke = ({ className }: { className?: string }) => { diff --git a/components/pricing.tsx b/components/pricing.tsx index bad2b25..3aad622 100644 --- a/components/pricing.tsx +++ b/components/pricing.tsx @@ -1,61 +1,170 @@ import { Button } from "@/components/ui/button"; -import { Check } from "lucide-react"; +import { Check, FileText, Code, Settings, Users, Clock } from "lucide-react"; import Link from "next/link"; export default function Pricing() { return ( -
    -
    -
    -

    - قیمت‌گذاری -

    -

    - قیمت‌ها بر اساس نوع سرویس و بازه زمانی تعیین می‌شوند -

    + <> + {/* Hero Section */} +
    +
    +
    +

    + قیمت‌گذاری +

    +

    + قیمت‌ها بر اساس نوع سرویس و بازه زمانی تعیین می‌شوند +

    +
    -
    +
    + + {/* Pricing Factors - بخش اصلی توضیحات */} +
    +
    +
    +
    +

    + پروژه‌ها بر اساس چه عواملی قیمت‌گذاری می‌شوند؟ +

    +

    + ما متعهد هستیم که پروژه‌های شما را در کمترین زمان ممکن و با بهترین قیمت انجام دهیم. + قیمت‌گذاری ما بر اساس نیازهای خاص شما انجام می‌شود و عوامل مختلفی در تعیین قیمت نهایی نقش دارند. +

    +
    + +
    +
    +
    +
    + +
    +

    نوع پروژه

    +
    +

    + نوع پروژه شما یکی از مهم‌ترین عوامل در تعیین قیمت است. پروژه‌های یکپارچه‌سازی، + اتوماسیون، ارتباطات چندکاناله و مدیریت داده‌ها هر کدام نیازمندی‌ها و پیچیدگی‌های خاص خود را دارند. +

    +
    + +
    +
    +
    + +
    +

    پیچیدگی پروژه

    +
    +

    + میزان پیچیدگی فنی پروژه، تعداد سیستم‌های متصل، حجم داده‌ها و نیاز به سفارشی‌سازی + از عوامل مهم در تعیین قیمت هستند. پروژه‌های پیچیده‌تر نیاز به زمان و تخصص بیشتری دارند. +

    +
    + +
    +
    +
    + +
    +

    اجرا و پیاده‌سازی

    +
    +

    + مراحل اجرا و پیاده‌سازی شامل طراحی، توسعه، تست و استقرار می‌شود. + میزان زمان و منابع مورد نیاز برای هر مرحله در قیمت نهایی تاثیر دارد. +

    +
    + +
    +
    +
    + +
    +

    تعداد کاربران

    +
    +

    + تعداد کاربرانی که از سیستم استفاده می‌کنند و حجم ترافیک مورد انتظار + در تعیین قیمت موثر است. سیستم‌های با کاربران بیشتر نیاز به زیرساخت قوی‌تری دارند. +

    +
    + +
    +
    +
    + +
    +

    بازه زمانی

    +
    +

    + بازه زمانی استفاده از سرویس (ماهانه، سالانه) و مدت زمان مورد نیاز برای تکمیل پروژه + در قیمت‌گذاری تاثیر دارد. قراردادهای بلندمدت معمولاً شامل تخفیف‌های ویژه می‌شوند. +

    +
    + +
    +
    +
    + +
    +

    پشتیبانی و نگهداری

    +
    +

    + نیاز به پشتیبانی فنی، به‌روزرسانی‌ها، نگهداری و مستندات کامل + از عوامل مهم در تعیین قیمت هستند. پشتیبانی ۲۴/۷ و نگهداری مستمر نیاز به منابع بیشتری دارد. +

    +
    +
    +
    +
    +
    + + {/* Package Details */} +
    +
    -

    پکیج سازمانی

    -

    برای شرکت شما با هر اندازه‌ای

    - -
    -

    - قیمت‌گذاری ما بر اساس نیازهای خاص شما انجام می‌شود. عوامل موثر در تعیین قیمت شامل: -

    -
      -
    • - - نوع و تعداد سرویس‌های مورد نیاز -
      • -
    • - - بازه زمانی استفاده (ماهانه، سالانه) -
      • -
    • - - حجم داده و ترافیک -
      • -
    • - - نیاز به پشتیبانی و سفارشی‌سازی -
      • -
    -
    - -
    - -
    - -

    - برای دریافت پیشنهاد قیمت دقیق، با ما تماس بگیرید تا بر اساس نیازهای شما بهترین راهکار را پیشنهاد دهیم. +

    پکیج سازمانی

    +

    + برای شرکت شما با هر اندازه‌ای

    + +

    + ما راهکارهای سفارشی برای کسب‌وکارهای مختلف ارائه می‌دهیم. + تیم ما آماده است تا بر اساس نیازهای خاص شما، بهترین پکیج را طراحی کند. +

    + +
    + Nvidia Logo + Column Logo + GitHub Logo + Nike Logo +
    +

    ویژگی‌های پکیج سازمانی

      {[ "تجمیع پایگاه داده و یکپارچه‌سازی", @@ -67,27 +176,40 @@ export default function Pricing() { "ذخیره‌سازی نامحدود", "API و Webhooks نامحدود" ].map((item, index) => ( -
    • - - {item} +
    • + + {item}
      • ))}
    -

    - ما راهکارهای سفارشی برای کسب‌وکارهای مختلف ارائه می‌دهیم. - تیم ما آماده است تا بر اساس نیازهای خاص شما، بهترین پکیج را طراحی کند. -

    -
    -
    -
    -
    -
    -
    -
    -
    +

    + + {/* CTA Section - اطلاع از قیمت */} +
    +
    +
    +

    + برای اطلاع از قیمت با ما تماس بگیرید +

    +

    + برای دریافت قیمت دقیق و مشاوره رایگان، با تیم ما در تماس باشید. + ما آماده‌ایم تا بر اساس نیازهای شما بهترین پیشنهاد را ارائه دهیم. +

    +
    + + +
    +
    +
    +
    + ); } diff --git a/components/ui/button.tsx b/components/ui/button.tsx index 21409a0..3597ed4 100644 --- a/components/ui/button.tsx +++ b/components/ui/button.tsx @@ -9,16 +9,16 @@ const buttonVariants = cva( { variants: { variant: { - default: "bg-primary text-primary-foreground hover:bg-primary/90", + default: "bg-primary text-primary-foreground hover:bg-accent hover:text-foreground transition-colors", destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60", outline: - "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50", + "border bg-background shadow-xs hover:bg-accent hover:text-foreground dark:bg-input/30 dark:border-input dark:hover:bg-accent/20 transition-colors", secondary: - "bg-secondary text-secondary-foreground hover:bg-secondary/80", + "bg-secondary text-secondary-foreground hover:bg-accent hover:text-foreground transition-colors", ghost: - "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50", - link: "text-primary underline-offset-4 hover:underline", + "hover:bg-accent hover:text-foreground dark:hover:bg-accent/50 transition-colors", + link: "text-primary underline-offset-4 hover:text-accent hover:underline transition-colors", }, size: { default: "h-9 px-4 py-2 has-[>svg]:px-3", diff --git a/public/assets/arablogo.svg b/public/assets/arablogo.svg new file mode 100644 index 0000000..4a9da03 --- /dev/null +++ b/public/assets/arablogo.svg @@ -0,0 +1,10 @@ + + + + + + + + + + \ No newline at end of file