diff --git a/app/about/page.tsx b/app/about/page.tsx new file mode 100644 index 0000000..6b684a6 --- /dev/null +++ b/app/about/page.tsx @@ -0,0 +1,303 @@ +'use client'; + +import React from 'react'; +import Image from 'next/image'; +import { motion } from 'framer-motion'; +import { + Terminal, + Mail, + Cpu, + ShieldCheck, + Layers, + Activity, + CheckCircle2, + Server +} from 'lucide-react'; +import Footer from '@/components/shared/footer'; + +// آیکون اختصاصی لینکدین +function LinkedInIcon({ className = 'w-4 h-4' }: { className?: string }) { + return ( + + + + ); +} + +interface BoardMember { + name: string; + role: string; + title: string; + image: string; + linkedin?: string; + email?: string; +} + +const boardMembers: BoardMember[] = [ + { + name: 'نام و نام‌خانوادگی عضو ۱', + role: 'رئیس هیئت مدیره', + title: 'دکتری مدیریت فناوری اطلاعات', + image: '/images/team/member-1.jpg', + linkedin: 'https://linkedin.com', + email: 'board1@company.ir' + }, + { + name: 'نام و نام‌خانوادگی عضو ۲', + role: 'مدیرعامل و عضو هیئت مدیره', + title: 'کارشناس ارشد مهندسی نرم‌افزار', + image: '/images/team/member-2.jpg', + linkedin: 'https://linkedin.com', + email: 'board2@company.ir' + }, + { + name: 'نام و نام‌خانوادگی عضو ۳', + role: 'نایب‌رئیس هیئت مدیره', + title: 'کارشناس ارشد مدیریت سیستم‌ها', + image: '/images/team/member-3.jpg', + linkedin: 'https://linkedin.com', + email: 'board3@company.ir' + } +]; + +export default function AboutPage() { + return ( +
+ + {/* Background Subtle Ambient Glow & Grid */} +
+
+ +
+ + {/* ۱. بخش معرفی مدرن و جذاب شرکت (Company Overview) */} +
+ + {/* ردیف اصلی Hero */} +
+ + {/* سمت راست: بیانیه مأموریت و توضیحات */} + + {/* تگ وضعیت سیستم */} +
+ + + + + Enterprise FinTech & System Engineering +
+ + {/* تیتر با افکت گرادیان نوری */} +

+ توسعه زیرساخت‌های نرم‌افزاری مقیاس‌پذیر و امنیت‌محور بانکی +

+ + {/* متن معرفی */} +

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

+ + {/* بج‌های ویژگی‌ها */} +
+ {['High-Availability', 'Event-Driven', 'Modular Architecture', 'Zero-Trust Security'].map((item) => ( + + #{item} + + ))} +
+ + + {/* سمت چپ: کارت وضعیت زنده و تله‌متری مهندسی */} + +
+ + {/* نور پس‌زمینه کارت */} +
+ + {/* هدر مینی ترمینال */} +
+
+ + system.metrics.live +
+
+
+
+
+
+
+ + {/* آمارهای تله‌متری در قالب شبکه تمیز */} +
+
+
+ + آپ‌تایم و پایداری شبکه +
+ 99.98% SLA +
+ +
+
+ + پردازش تراکنش‌ها +
+ +10M / Daily +
+ +
+
+ + زمان پاسخ‌دهی (Latency) +
+ < 25 ms +
+
+ +
+ Architecture: Distributed CQRS + ALL SYSTEMS NOMINAL +
+
+ + +
+ + {/* ۳ ستون کارت‌های تفکیک مأموریت مهندسی */} +
+ +
+
+ +
+

معماری مقیاس‌پذیر و ماژولار

+

+ استفاده از الگوهای توزیع‌شده، Message Brokerها و مدیریت بار سنگین برای تضمین انعطاف و توسعه‌پذیری مستمر. +

+
+ +
+
+ +
+

امنیت و استانداردهای بانکی

+

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

+
+ +
+
+ +
+

پایش و تاب‌آوری بلادرنگ

+

+ تله‌متری مداوم، سیستم‌های Failover خودکار و بهینه‌سازی مداوم کوئری‌ها جهت حداقل‌سازی Down-time. +

+
+ +
+ +
+ + {/* ۲. اعضای هیئت مدیره */} +
+
+

ارکان راهبری و هیئت مدیره

+

Leadership & Governance

+
+ +
+ {boardMembers.map((member, index) => ( + + {/* تصویر پرسنلی / آواتار */} +
+
+ + {member.image && ( + {member.name} { + const target = e.target as HTMLElement; + target.style.display = 'none'; + }} + /> + )} +
+
+ + {/* اطلاعات */} +

+ {member.name} +

+ + + {member.role} + + +

+ {member.title} +

+ + {/* لینک‌های ارتباطی */} +
+ {member.linkedin && ( + + + + )} + {member.email && ( + + + + )} +
+ + ))} +
+
+ +
+ +
+
+ ); +} diff --git a/app/contact/page.tsx b/app/contact/page.tsx new file mode 100644 index 0000000..0513984 --- /dev/null +++ b/app/contact/page.tsx @@ -0,0 +1,345 @@ +'use client'; + +import React, { useState } from 'react'; +import { motion } from 'framer-motion'; +import { + Terminal, + Send, + ShieldCheck, + CheckCircle2, + Server, + Database, + Cpu, + Mail, + Phone, + MapPin, + Clock, + Layers, + Sparkles +} from 'lucide-react'; + +// دسته‌بندی‌های فنی پروژه +const projectCategories = [ + { id: 'core-banking', label: 'سامانه‌ها و ماژول‌های بانکی', icon: Server }, + { id: 'db-optimization', label: 'پایگاه‌داده و مقیاس‌پذیری', icon: Database }, + { id: 'ai-engine', label: 'هوش مصنوعی و پردازش اسناد', icon: Cpu }, + { id: 'custom-platform', label: 'داشبوردها و سامانه‌های عملیاتی', icon: Layers } +]; + +// مراحل اجرای پروژه +const workflowSteps = [ + { + step: '01', + title: 'ارزیابی فنی اولیه (Discovery)', + desc: 'بررسی ساختار، نیازمندی‌های مقیاس‌پذیری و مشخصات دامنه کسب‌وکار در جلسات فنی مشترک.' + }, + { + step: '02', + title: 'طراحی معماری و قرارداد SLA', + desc: 'تدوین بلوک‌های دیاگرام معماری، تعیین استک فنی، استانداردسازی امنیتی و شاخص‌های کیفی.' + }, + { + step: '03', + title: 'توسعه اسپرینت‌محور و ایزوله', + desc: 'پیاده‌سازی ماژول‌ها همراه با خطوط CI/CD خودکار، کانتینرسازی و تست‌های مداوم پوشش کد.' + }, + { + step: '04', + title: 'تست بار، بازبینی و استقرار', + desc: 'انجام بنچ‌مارک‌های زیر بار سنگین، بازرسی‌های امنیتی و لانچ نهایی بدون Downtime.' + } +]; + +export default function ContactPage() { + const [selectedCategory, setSelectedCategory] = useState('core-banking'); + const [formSubmitted, setFormSubmitted] = useState(false); + const [ticketId, setTicketId] = useState(''); + const [formData, setFormData] = useState({ + fullName: '', + organization: '', + email: '', + phone: '', + description: '' + }); + + const handleSubmit = (e: React.FormEvent) => { + e.preventDefault(); + // تولید شناسه تیکت در سمت کلاینت برای جلوگیری از خطای Hydration + const generatedId = Math.floor(100000 + Math.random() * 900000).toString(); + setTicketId(generatedId); + setFormSubmitted(true); + }; + + return ( +
+ + {/* Background Ambient Gradients */} +
+
+ +
+ + {/* ۱. Hero Section */} +
+ + + KICKOFF & COLLABORATION TERMINAL + + + + آغاز یک همکاری مهندسی،
+ + پایدار و فراتر از مقیاس + + + + + آماده هم‌افزایی فنی جهت طراحی و اجرای ماژول‌های با پرفورمنس بالا، بازطراحی زیرساخت‌های قدیمی و راهکارهای یکپارچه سازمانی. + +
+ + {/* ۲. Main Form & Side Info Section */} +
+ + {/* ستون فرم شروع پروژه (۸ ستون) */} + + {formSubmitted ? ( +
+
+ +
+

درخواست با موفقیت ثبت شد

+

+ مشخصات اولیه دریافت شد. تیم فنی حداکثر ظرف ۲۴ ساعت کاری جهت هماهنگی جلسه ارزیابی اولیه با شما تماس خواهند گرفت. +

+
+ SYSTEM TICKET: #REQ-{ticketId} +
+
+ ) : ( +
+ + {/* انتخاب نوع پروژه */} +
+ +
+ {projectCategories.map((cat) => { + const Icon = cat.icon; + const active = selectedCategory === cat.id; + return ( + + ); + })} +
+
+ + {/* فیلدهای مشخصات اولیه */} +
+
+ + setFormData({ ...formData, fullName: e.target.value })} + /> +
+
+ + setFormData({ ...formData, organization: e.target.value })} + /> +
+
+ + setFormData({ ...formData, email: e.target.value })} + /> +
+
+ + setFormData({ ...formData, phone: e.target.value })} + /> +
+
+ + {/* توضیحات نیازمندی‌ها */} +
+ +