From adc5122b0af9594dd1e99218c369f73e33fb1d6e Mon Sep 17 00:00:00 2001 From: ahmadrezabd Date: Mon, 15 Dec 2025 16:08:40 +0330 Subject: [PATCH] anjam shod --- app/about/page.tsx | 52 ++++----- app/globals.css | 89 +++++++++------ app/layout.tsx | 23 ++-- app/pricing/page.tsx | 3 - app/solutions/page.tsx | 114 ++++++++------------ components/content-1.tsx | 26 ++--- components/features-12.tsx | 45 ++++---- components/footer.tsx | 2 +- components/header.tsx | 25 +++-- components/hero-section.tsx | 144 +++++++++++-------------- components/login-form.tsx | 2 +- components/logo.tsx | 4 +- components/pricing-comparator.tsx | 50 ++++----- components/pricing.tsx | 98 +++++++---------- components/theme-provider.tsx | 21 ++++ components/theme-toggle.tsx | 43 ++++++++ components/ui/border-beam.tsx | 4 +- components/ui/button.tsx | 10 +- components/ui/card.tsx | 2 +- components/ui/logo-item.tsx | 31 ++++++ components/ui/tailark/border-beam.tsx | 4 +- package-lock.json | 22 ++++ package.json | 1 + public/assets/arablogo.svg | 10 -- public/assets/flogo-1.png | Bin 0 -> 8373 bytes public/assets/hero-integration.png.png | Bin 0 -> 1664527 bytes yarn.lock | 14 ++- 27 files changed, 450 insertions(+), 389 deletions(-) create mode 100644 components/theme-provider.tsx create mode 100644 components/theme-toggle.tsx create mode 100644 components/ui/logo-item.tsx delete mode 100644 public/assets/arablogo.svg create mode 100644 public/assets/flogo-1.png create mode 100644 public/assets/hero-integration.png.png diff --git a/app/about/page.tsx b/app/about/page.tsx index 510e215..f15096e 100644 --- a/app/about/page.tsx +++ b/app/about/page.tsx @@ -2,7 +2,7 @@ export default function AboutPage() { return ( <> {/* Hero Section */} -
+

@@ -26,7 +26,7 @@ export default function AboutPage() {

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

@@ -48,10 +48,10 @@ export default function AboutPage() {
{/* Mission & Vision */} -
+
-
-
+
+

ماموریت ما @@ -63,7 +63,7 @@ export default function AboutPage() {

-
+

چشم‌انداز ما @@ -92,25 +92,25 @@ export default function AboutPage() {

-
+

کیفیت

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

-
+

شفافیت

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

-
+

مشتری‌محوری

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

-
+

نوآوری

استفاده از آخرین تکنولوژی‌ها و روش‌های نوین @@ -122,21 +122,21 @@ export default function AboutPage() {

{/* Why Choose Us */} -
+

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

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

-
+
-
+
@@ -147,9 +147,9 @@ export default function AboutPage() { رابط کاربری ساده و قابل فهم که نیاز به تخصص فنی ندارد

-
+
-
+
@@ -160,9 +160,9 @@ export default function AboutPage() { زیرساخت قدرتمند و پایدار که همیشه در دسترس است

-
+
-
+
@@ -187,15 +187,15 @@ export default function AboutPage() { تیم ما

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

-
+
-
+
ت
@@ -204,9 +204,9 @@ export default function AboutPage() { متخصصان با تجربه در حوزه اینتگریشن و یکپارچه‌سازی

-
+
-
+
ن
@@ -215,9 +215,9 @@ export default function AboutPage() { استفاده از آخرین تکنولوژی‌ها و روش‌های نوین

-
+
-
+
پ
@@ -232,7 +232,7 @@ export default function AboutPage() {
{/* CTA Section */} -
+

diff --git a/app/globals.css b/app/globals.css index 85c45c6..ca42454 100644 --- a/app/globals.css +++ b/app/globals.css @@ -6,6 +6,7 @@ font-family: IRANSansX; font-style: normal; font-weight: 100; + src: url("/assets/irsansx/Woff/IRANSansXFaNum-Thin.woff") format("woff"), url("/assets/irsansx/Woff2/IRANSansXFaNum-Thin.woff2") format("woff2"); } @@ -125,18 +126,18 @@ --card-foreground: oklch(0.145 0 0); --popover: oklch(1 0 0); --popover-foreground: oklch(0.145 0 0); - --primary: #216583; + --primary: #001BB7; --primary-foreground: oklch(0.985 0 0); - --secondary: #00818A; + --secondary: #0046FF; --secondary-foreground: oklch(0.985 0 0); - --muted: #f5f5f5; - --muted-foreground: #293462; - --accent: #F7BE16; - --accent-foreground: #293462; + --muted: oklch(0.97 0.01 280); + --muted-foreground: oklch(0.35 0.05 250); + --accent: #FCC61D; + --accent-foreground: oklch(0.25 0.05 50); --destructive: oklch(0.577 0.245 27.325); - --border: oklch(0.922 0 0); - --input: oklch(0.922 0 0); - --ring: oklch(0.708 0 0); + --border: oklch(0.9 0.01 280); + --input: oklch(0.95 0.01 280); + --ring: oklch(0.5 0.15 220); --chart-1: oklch(0.646 0.222 41.116); --chart-2: oklch(0.6 0.118 184.704); --chart-3: oklch(0.398 0.07 227.392); @@ -150,42 +151,42 @@ --sidebar-accent-foreground: oklch(0.205 0 0); --sidebar-border: oklch(0.922 0 0); --sidebar-ring: oklch(0.708 0 0); - --background: #ffffff; - --foreground: #293462; + --background: oklch(0.99 0.005 280); + --foreground: oklch(0.25 0.05 250); } .dark { - --background: oklch(0.145 0 0); - --foreground: oklch(0.985 0 0); - --card: oklch(0.205 0 0); - --card-foreground: oklch(0.985 0 0); - --popover: oklch(0.205 0 0); - --popover-foreground: oklch(0.985 0 0); - --primary: #216583; + --background: oklch(0.145 0.01 280); + --foreground: oklch(0.95 0.01 280); + --card: oklch(0.22 0.02 280); + --card-foreground: oklch(0.95 0.01 280); + --popover: oklch(0.22 0.02 280); + --popover-foreground: oklch(0.95 0.01 280); + --primary: #001BB7; --primary-foreground: oklch(0.985 0 0); - --secondary: oklch(0.269 0 0); - --secondary-foreground: oklch(0.985 0 0); - --muted: oklch(0.269 0 0); - --muted-foreground: oklch(0.708 0 0); - --accent: #F7BE16; - --accent-foreground: #293462; + --secondary: #0046FF; + --secondary-foreground: oklch(0.95 0.01 280); + --muted: oklch(0.28 0.02 280); + --muted-foreground: oklch(0.75 0.02 280); + --accent: #FCC61D; + --accent-foreground: oklch(0.2 0.05 50); --destructive: oklch(0.704 0.191 22.216); - --border: oklch(1 0 0 / 10%); - --input: oklch(1 0 0 / 15%); - --ring: oklch(0.556 0 0); + --border: oklch(0.3 0.02 280); + --input: oklch(0.3 0.02 280); + --ring: oklch(0.5 0.15 220); --chart-1: oklch(0.488 0.243 264.376); --chart-2: oklch(0.696 0.17 162.48); --chart-3: oklch(0.769 0.188 70.08); --chart-4: oklch(0.627 0.265 303.9); --chart-5: oklch(0.645 0.246 16.439); - --sidebar: oklch(0.205 0 0); - --sidebar-foreground: oklch(0.985 0 0); + --sidebar: oklch(0.22 0.02 280); + --sidebar-foreground: oklch(0.95 0.01 280); --sidebar-primary: oklch(0.488 0.243 264.376); --sidebar-primary-foreground: oklch(0.985 0 0); - --sidebar-accent: oklch(0.269 0 0); - --sidebar-accent-foreground: oklch(0.985 0 0); - --sidebar-border: oklch(1 0 0 / 10%); - --sidebar-ring: oklch(0.556 0 0); + --sidebar-accent: oklch(0.3 0.02 280); + --sidebar-accent-foreground: oklch(0.95 0.01 280); + --sidebar-border: oklch(0.3 0.02 280); + --sidebar-ring: oklch(0.5 0.15 220); } @layer base { @@ -194,16 +195,36 @@ } body { @apply bg-background text-foreground; - font-family: "IRANSansX", var(--font-geist-sans); + font-family: "IRANSansX"; letter-spacing: normal; line-height: 1.6; + background-image: + radial-gradient(at 0% 0%, oklch(0.98 0.01 280 / 0.3) 0px, transparent 50%), + radial-gradient(at 100% 100%, oklch(0.95 0.02 220 / 0.2) 0px, transparent 50%), + radial-gradient(at 50% 50%, oklch(0.97 0.01 300 / 0.15) 0px, transparent 50%); + background-attachment: fixed; + transition: background-color 0.3s ease; + } + .dark body { + background-image: + radial-gradient(at 0% 0%, oklch(0.2 0.02 280 / 0.3) 0px, transparent 50%), + radial-gradient(at 100% 100%, oklch(0.18 0.02 220 / 0.2) 0px, transparent 50%), + radial-gradient(at 50% 50%, oklch(0.22 0.02 300 / 0.15) 0px, transparent 50%); } h1, h2, h3, h4, h5, h6 { letter-spacing: normal; line-height: 1.5; + transition: color 0.3s ease; } p { letter-spacing: normal; line-height: 1.7; + transition: color 0.3s ease; + } + a { + transition: all 0.3s ease; + } + button { + transition: all 0.3s ease; } } diff --git a/app/layout.tsx b/app/layout.tsx index 9bbf024..9dddbe4 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -1,22 +1,13 @@ import type { Metadata } from "next"; -import { Geist, Geist_Mono } from "next/font/google"; import "./globals.css"; import { ConditionalLayout } from "@/components/conditional-layout"; +import { ThemeProvider } from "@/components/theme-provider"; -const geistSans = Geist({ - variable: "--font-geist-sans", - subsets: ["latin"], -}); - -const geistMono = Geist_Mono({ - variable: "--font-geist-mono", - subsets: ["latin"], -}); export const metadata: Metadata = { - title: "کنترل پی", + title: "فیپ", description: - "کنترل پی یک سامانه برای ایجاد و طراحی راهکارهای مناسب برای کسب و کار شما است.", + "فیپ یک سامانه برای ایجاد و طراحی راهکارهای مناسب برای کسب و کار شما است.", }; export default function RootLayout({ @@ -25,11 +16,13 @@ export default function RootLayout({ children: React.ReactNode; }>) { return ( - + - {children} + + {children} + ); diff --git a/app/pricing/page.tsx b/app/pricing/page.tsx index 41c0c63..3e3dc61 100644 --- a/app/pricing/page.tsx +++ b/app/pricing/page.tsx @@ -5,9 +5,6 @@ export default function PricingPage() { return ( <> -
- -
); } diff --git a/app/solutions/page.tsx b/app/solutions/page.tsx index 18c4c66..2e45a8e 100644 --- a/app/solutions/page.tsx +++ b/app/solutions/page.tsx @@ -1,94 +1,72 @@ import { Button } from "@/components/ui/button"; -import { Database, Fingerprint, IdCard, ChartBarIncreasingIcon, MessageSquare, Zap, Shield, Link as LinkIcon } from "lucide-react"; +import { Link as LinkIcon, BarChart3, Share2, Zap, TrendingUp, Workflow } from "lucide-react"; import Link from "next/link"; const solutions = [ { - icon: Database, - title: "تجمیع پایگاه داده", - description: "جمع‌آوری و هماهنگ‌سازی داده‌ها از سیستم‌های مختلف برای ایجاد یک نمای واحد از اطلاعات کسب‌وکار شما", + icon: LinkIcon, + title: "یکپارچه‌سازی سیستم‌ها", + description: "اتصال و هماهنگ‌سازی سیستم‌ها و سرویس‌های مختلف برای ایجاد جریان یکپارچه داده و فرآیند", features: [ - "اتصال به دیتابیس‌های مختلف", - "همگام‌سازی خودکار داده‌ها", - "گزارش‌گیری یکپارچه", - "پشتیبانی از APIهای خارجی" + "اتصال به سرویس‌ها و APIهای مختلف", + "همگام‌سازی خودکار داده‌ها بین سیستم‌ها", + "ایجاد workflowهای یکپارچه", + "پشتیبانی از پروتکل‌های مختلف ارتباطی" ] }, { - icon: Fingerprint, - title: "احراز هویت پیشرفته", - description: "سیستم امن و منعطف برای مدیریت احراز هویت کاربران و سرویس‌ها با پشتیبانی از روش‌های مختلف", + icon: BarChart3, + title: "پنل‌های مدیریتی قدرتمند", + description: "ارائه پنل‌های کاربری پیشرفته برای نمایش آمار، تحلیل داده‌ها و مدیریت اطلاعات با رابط کاربری حرفه‌ای", features: [ - "پشتیبانی از OAuth", - "توکن‌های اختصاصی", - "احراز هویت چندمرحله‌ای", - "مدیریت دسترسی‌ها" + "داشبوردهای تعاملی و قابل تنظیم", + "نمایش آمار و گزارش‌های زنده", + "ویرایش و مدیریت اطلاعات از طریق UI", + "نمودارها و تجسم‌های داده پیشرفته" ] }, { - icon: IdCard, - title: "مدیریت هویت", - description: "مدیریت یکپارچه کاربران، نقش‌ها و مجوزها در همه سیستم‌های متصل به پلتفرم", + icon: Share2, + title: "تعامل با شبکه‌های اجتماعی", + description: "ایجاد ارتباطات قدرتمند و خودکار با پلتفرم‌های مختلف شبکه‌های اجتماعی برای مدیریت و تعامل بهتر", features: [ - "مدیریت کاربران مرکزی", - "تعریف نقش‌ها و مجوزها", - "همگام‌سازی خودکار", - "لاگ تغییرات" - ] - }, - { - icon: ChartBarIncreasingIcon, - title: "داشبورد تحلیل", - description: "تبدیل داده‌های خام به گزارش‌ها و نمودارهای قابل‌درک برای تصمیم‌گیری بهتر", - features: [ - "گزارش‌های سفارشی", - "نمودارهای تعاملی", - "تحلیل روندها", - "خروجی در فرمت‌های مختلف" - ] - }, - { - icon: MessageSquare, - title: "ارتباطات چندکاناله", - description: "ارسال و دریافت پیام از کانال‌های مختلف مانند تلگرام، واتساپ و سرویس‌های اختصاصی", - features: [ - "پشتیبانی از تلگرام", - "پشتیبانی از واتساپ", - "کانال‌های اختصاصی", - "مدیریت مکالمات" + "اتصال به پلتفرم‌های مختلف اجتماعی", + "مدیریت و ارسال محتوا به صورت خودکار", + "نظارت و تحلیل تعاملات", + "همگام‌سازی اطلاعات بین پلتفرم‌ها" ] }, { icon: Zap, title: "اتوماسیون فرآیندها", - description: "خودکارسازی فرآیندهای کسب‌وکار با استفاده از رویدادها و ترiggerهای قابل تنظیم", + description: "ایجاد کارهای خودکار برای اتوماتیک‌سازی فرآیندهای کسب‌وکار و کاهش کارهای دستی", features: [ - "تعریف workflow", - "اتوماسیون بر اساس رویداد", - "زمان‌بندی کارها", - "اعلان‌های خودکار" + "تعریف و اجرای workflowهای خودکار", + "اتوماسیون بر اساس رویداد و زمان", + "زمان‌بندی و اجرای کارهای تکراری", + "اعلان‌ها و هشدارهای خودکار" ] }, { - icon: Shield, - title: "امنیت و حریم خصوصی", - description: "محافظت از داده‌ها و ارتباطات با استفاده از آخرین استانداردهای امنیتی", + icon: TrendingUp, + title: "تحلیل و پردازش داده", + description: "انجام تحلیل‌های پیشرفته روی داده‌ها و پردازش اطلاعات برای استخراج منابع ارزشمند", features: [ - "رمزنگاری end-to-end", - "بکاپ خودکار", - "مانیتورینگ امنیتی", - "رعایت استانداردهای GDPR" + "تحلیل داده‌ها از منابع مختلف", + "پردازش و تبدیل داده‌ها", + "گزارش‌گیری و تجسم نتایج", + "شناسایی الگوها و روندها" ] }, { - icon: LinkIcon, - title: "یکپارچه‌سازی API", - description: "اتصال آسان به APIهای مختلف و سرویس‌های داخلی و خارجی", + icon: Workflow, + title: "مدیریت جریان کار", + description: "طراحی و مدیریت جریان‌های کاری پیچیده برای اتصال و هماهنگ‌سازی فرآیندهای مختلف", features: [ - "REST API", - "GraphQL", - "Webhooks", - "مستندات کامل" + "طراحی workflowهای سفارشی", + "مدیریت و نظارت بر اجرای فرآیندها", + "خطایابی و بهینه‌سازی جریان‌ها", + "لاگ و گزارش‌گیری از اجراها" ] } ]; @@ -97,14 +75,14 @@ export default function SolutionsPage() { return ( <> {/* Hero Section */} -
+

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

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

@@ -119,7 +97,7 @@ export default function SolutionsPage() { return (
@@ -151,14 +129,14 @@ export default function SolutionsPage() {
{/* CTA Section */} -
+

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

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

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

@@ -63,52 +62,52 @@ export default function Features() {
- - تجمیع پایگاه داده + + یکپارچه‌سازی سیستم‌ها

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

- - احراز هویت پیشرفته + + پنل‌های مدیریتی قدرتمند

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

- - مدیریت هویت + + تعامل با شبکه‌های اجتماعی

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

- - داشبورد تحلیل + + اتوماسیون فرآیندها

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

diff --git a/components/footer.tsx b/components/footer.tsx index 66d1a6d..49a8514 100644 --- a/components/footer.tsx +++ b/components/footer.tsx @@ -112,7 +112,7 @@ export default function FooterSection() {
{" "} - © {new Date().getFullYear()} کنترل پی، تمامی حقوق محفوظ است + © {new Date().getFullYear()} فیپ، تمامی حقوق محفوظ است diff --git a/components/header.tsx b/components/header.tsx index c144051..7203e88 100644 --- a/components/header.tsx +++ b/components/header.tsx @@ -5,6 +5,7 @@ import { Menu, X } from 'lucide-react' import { Button } from '@/components/ui/button' import React from 'react' import { cn } from '@/lib/utils' +import { ThemeToggle } from '@/components/theme-toggle' const menuItems = [ { name: 'صفحه اصلی', href: '/' }, @@ -29,8 +30,8 @@ export const HeroHeader = () => {