a
This commit is contained in:
+99
-78
@@ -6,11 +6,7 @@ import Header from "@/components/shared/header";
|
||||
import Footer from "@/components/shared/footer";
|
||||
import {
|
||||
ExternalLink,
|
||||
GitBranch,
|
||||
CheckCircle2,
|
||||
Workflow,
|
||||
ShieldCheck,
|
||||
Database,
|
||||
Terminal
|
||||
} from "lucide-react";
|
||||
|
||||
@@ -22,60 +18,106 @@ interface ProjectItem {
|
||||
highlights: string[];
|
||||
techStack: string[];
|
||||
status: string;
|
||||
image?: string; // آدرس تصویر پروژه
|
||||
}
|
||||
|
||||
const projectsData: ProjectItem[] = [
|
||||
{
|
||||
id: 1,
|
||||
title: "سامانه یکپارچه پرتال و اینترانت بانکی",
|
||||
category: "سیستم‌های سازمانی و اینترانت",
|
||||
description: "طراحی و توسعه معماری متمرکز جهت مدیریت احراز هویت، کارتابل سازمانی، ماژول‌های آماری و دسترسی‌پذیری بالا برای پرسنل شعب.",
|
||||
title: "مرکز تماس هوشمند",
|
||||
category: "هوش مصنوعی و تحلیل داده‌های صوتی",
|
||||
description: "پلتفرم تحلیل مکالمات صوتی مرکز تماس مبتنی بر STT و LLM جهت ارزیابی خودکار عملکرد کارشناسان، سنجش احساسات مشتری و استخراج KPIهای سازمانی.",
|
||||
highlights: [
|
||||
"مدیریت سطوح دسترسی پیچیده (RBAC) و احراز هویت متمرکز",
|
||||
"معماری ماژولار کارتابل با پشتیبانی از صف‌های پردازشی سنگین",
|
||||
"یکپارچه‌سازی با هسته سامانه‌های بانکی (Core Banking)"
|
||||
"تبدیل خودکار و دقیق گفتار به متن (Speech-to-Text) با پشتیبانی تخصصی از زبان فارسی",
|
||||
"ارزیابی خودکار شاخص‌های عملکردی (KPI)، لحن، ادب و پایبندی به اسکریپت سازمانی",
|
||||
"تحلیل احساسات (Sentiment Analysis) و خلاصه‌سازی هوشمند مکالمات جهت ثبت در CRM",
|
||||
"یکپارچه‌سازی کامل با زیرساخت‌های VoIP / Asterisk و پایپ‌لاین‌های پردازش صوت"
|
||||
],
|
||||
techStack: ["Laravel 11", "PostgreSQL", "Redis", "Filament", "Docker"],
|
||||
status: "Production / Enterprise"
|
||||
techStack: [
|
||||
"Python",
|
||||
"FastAPI",
|
||||
"Whisper / STT",
|
||||
"LLM / LangChain",
|
||||
"PostgreSQL",
|
||||
"Redis",
|
||||
"Docker"
|
||||
],
|
||||
status: "Production / AI Solution",
|
||||
image: "/image/aicall2.png" // مسیر تصویر دلخواه خود را اینجا وارد کنید
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "سامانه هوشمند مدیریت شیفت و پرسنل بانکی",
|
||||
category: "پلتفرم عملیاتی و لجستیک",
|
||||
description: "پیاده‌سازی موتور تخصیص خودکار شیفت‌ها، مدیریت جایگزینی و اعلان‌های آنی جهت بهینه‌سازی توزیع نیروی انسانی در شبکه شعب.",
|
||||
title: "پلتفرم هوشمند تمرینات ورزشی نیوفیت",
|
||||
category: "سلامت، فیتنس و تحلیل داده‌های ورزشی",
|
||||
description: "سامانه جامع و هوشمند صدور برنامه‌های تمرینی اختصاصی مبتنی بر ارزیابی دقیق فاکتورهای بیومتریک و سبک زندگی کاربران، همراه با سیستم زمان‌بندی داینامیک و ارائه‌دهنده محتوای چندرسانه‌ای آموزشی.",
|
||||
highlights: [
|
||||
"الگوریتم زمان‌بندی پویا جهت پیشگیری از تداخل کاری",
|
||||
"سیستم اعلان‌های بلادرنگ (Real-time WebSockets)",
|
||||
"گزارش‌گیری تحلیلی با بازدهی بالا و کشینگ چندلایه‌ای"
|
||||
"موتور ارزیابی و پروفایلینگ پیشرفته کاربر (قد، وزن، سابقه تمرینی، سطح استرس، شاخص فعالیت روزانه و اهداف فردی)",
|
||||
"تولید خودکار و هوشمند برنامه‌های تمرینی شخصی‌سازی‌شده متناسب با محیط تمرین (خانه / باشگاه) و اهداف ورزشی",
|
||||
"سیستم زمان‌بندی منعطف و تقویم داینامیک جهت مدیریت روزها، ساعات و فازبندی جلسات تمرینی",
|
||||
"طراحی هوشمند متغیرهای تمرین شامل ساختار ست‌بندی، الگوهای بارگذاری و توصیه‌های تکنیکی و بیومکانیکی هر حرکت",
|
||||
"پایگاه داده چندرسانه‌ای بهینه‌سازی‌شده برای استریم روان ویدیوهای آموزشی اجرای صحیح حرکات و نکات کلیدی"
|
||||
],
|
||||
techStack: ["FastAPI", "Python", "PostgreSQL", "Redis", "React"],
|
||||
status: "Deployed"
|
||||
techStack: [
|
||||
"Flutter / React Native",
|
||||
"FastAPI / Python",
|
||||
"PostgreSQL",
|
||||
"Redis",
|
||||
"Object Storage / CDN",
|
||||
"Docker"
|
||||
],
|
||||
status: "Production / Mobile Application",
|
||||
image: "/image/neo.png" // مسیر تصویر دلخواه خود را اینجا وارد کنید
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "پایپ‌لاین رویدادمحور و موتور پردازش داده (TMS & Store)",
|
||||
category: "معماری توزیع‌شده و میکروسرویس",
|
||||
description: "طراحی زیرساخت پردازش غیرهمگام رویدادها جهت مدیریت دوره‌های آموزشی سازمانی و ثبت سفارشات درون‌سازمانی با تضمین تحویل پیام.",
|
||||
title: "دستیار هوشمند فروش و پشتیبانی",
|
||||
category: "هوش مصنوعی، RAG و عامل‌های هوشمند (AI Agents)",
|
||||
description: "سامانه دستیار هوشمند سازمانی مبتنی بر معماری RAG و عامل‌های گفتگومحور؛ مسلط به کل محتوای وب‌سایت، محصولات و مستندات جهت افزایش نرخ تبدیل فروش و کاهش ۷۰ درصدی تیکت‌های پشتیبانی.",
|
||||
highlights: [
|
||||
"به‌کارگیری Kafka و RabbitMQ برای انتشار و مصرف پیام‌ها",
|
||||
"طراحی الگوهای Idempotency و Circuit Breaker در ارتباطات",
|
||||
"کاهش لیتنسی پردازش داده‌های حجیم به زیر ۵۰ میلی‌ثانیه"
|
||||
"پیاده‌سازی معماری پیشرفته RAG (Retrieval-Augmented Generation) با سینک خودکار کاتالوگ و صفحات",
|
||||
"عامل هوشمند فروش (Sales Agent) جهت هدایت رفتار کاربر به سبد خرید و افزایش Conversion Rate",
|
||||
"کاهش بیش از ۷۰ درصدی بار تیکت‌های پشتیبانی با پاسخ‌دهی بلادرنگ، بدون Hallucination و مستند به داده‌های سازمان",
|
||||
"یکپارچه‌سازی از طریق Webhook / API با سیستم‌های انبارداری و سفارشات (Live Stock / Order Status)",
|
||||
"نصب و تعبیه بسیار سریع در وب‌سایت‌ها تنها از طریق یک Script Tag سبک"
|
||||
],
|
||||
techStack: ["Laravel", "Kafka", "RabbitMQ", "Docker", "CI/CD"],
|
||||
status: "Microservices"
|
||||
techStack: [
|
||||
"Python",
|
||||
"FastAPI",
|
||||
"LangChain / LlamaIndex",
|
||||
"Qdrant / Vector DB",
|
||||
"OpenAI / Local LLMs",
|
||||
"Redis",
|
||||
"Docker"
|
||||
],
|
||||
status: "Production / AI Solution",
|
||||
image: "/image/payai.png" // مسیر تصویر دلخواه خود را اینجا وارد کنید
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
title: "موتور جستجوی معنایی و پایگاه دانش برداری (RAG)",
|
||||
category: "سیستم‌های مبتنی بر هوش مصنوعی",
|
||||
description: "طراحی و استقرار پایپ‌لاین تولید و نمایه‌سازی بردارهای متنی مستندات بانکی جهت پرسش‌وپاسخ هوشمند و بازیابی دقیق اسناد سازمانی.",
|
||||
title: "معلم و دستیار آموزشی هوشمند",
|
||||
category: "هوش مصنوعی، RAG و فناوری‌های آموزشی (EdTech)",
|
||||
description: "پلتفرم جامع آموزش تعاملی و یادگیری شخصی‌سازی‌شده مبتنی بر معماری RAG و پردازش صوت دوطرفه؛ مسلط بر کتب درسی رسمی جهت رفع توهم هوش مصنوعی (Zero Hallucination)، طراحی آزمون، تصحیح خودکار و تولید درسنامه.",
|
||||
highlights: [
|
||||
"ذخیره‌سازی و کوئری‌گیری پرسرعت با Qdrant Vector Database",
|
||||
"استراتژی Chunking بهینه‌شده برای اسناد فارسی و اصطلاحات تخصصی",
|
||||
"اتصال امن به مدل‌های زبانی محلی بدون خروج داده‌های محرمانه"
|
||||
"پیاده‌سازی معماری RAG بر روی متون کتب درسی رسمی با ارجاع دقیق به سرفصل‌ها و پاراگراف‌ها جهت جلوگیری از Hallucination",
|
||||
"موتور هوشمند تولید آزمون‌های تستی و تشریحی در سه سطح دشواری با سناریوهای شب امتحان",
|
||||
"تصحیح تحلیلی پاسخ‌های تشریحی دانش‌آموز با تحلیل گام‌به‌گام و ارائه فیدبک مفهومی مبتنی بر رفرنس کتاب",
|
||||
"تعامل صوتی دوطرفه (Voice-Enabled) با موتورهای تبدیل متن به گفتار (TTS) و گفتار به متن فارسی (STT)",
|
||||
"ماژول خلاصه‌سازی خودکار فصول، تولید درسنامه‌های ساختاریافته و استخراج نکات کلیدی شب امتحان",
|
||||
"معماری مقیاس‌پذیر و ماژولار جهت مدیریت پیک ترافیک و درخواست‌های همزمان در ایام امتحانات"
|
||||
],
|
||||
techStack: ["Python", "FastAPI", "Qdrant", "PostgreSQL", "Docker"],
|
||||
status: "R&D / Production"
|
||||
techStack: [
|
||||
"Python",
|
||||
"FastAPI",
|
||||
"LangChain / LlamaIndex",
|
||||
"Qdrant / Milvus (Vector DB)",
|
||||
"Whisper / STT & TTS",
|
||||
"OpenAI / Local LLMs",
|
||||
"PostgreSQL",
|
||||
"Redis",
|
||||
"Docker"
|
||||
],
|
||||
status: "Production / AI Solution",
|
||||
image: "/image/student2.png" // مسیر تصویر دلخواه خود را اینجا وارد کنید
|
||||
}
|
||||
];
|
||||
|
||||
@@ -96,16 +138,11 @@ export default function ProjectsPage() {
|
||||
transition={{ duration: 0.6 }}
|
||||
className="mx-auto max-w-3xl"
|
||||
>
|
||||
<div className="inline-flex items-center gap-2 px-3 py-1 mb-4 rounded-full bg-indigo-950/40 border border-indigo-500/30 text-indigo-400 text-xs font-mono">
|
||||
<GitBranch className="w-3.5 h-3.5" />
|
||||
<span>پروژه‌ها و سیستم‌های مقیاس‌پذیر</span>
|
||||
</div>
|
||||
|
||||
<h1 className="mb-5 text-3xl font-extrabold tracking-tight text-white md:text-5xl">
|
||||
معماری نرم‌افزار، <span className="text-transparent bg-clip-text bg-gradient-to-r from-indigo-400 via-cyan-400 to-emerald-400">سامانه‌های سازمانی</span> و بک‌اند
|
||||
<h1 className="mb-5 text-3xl font-extrabold tracking-tight text-white md:text-5xl pt-20">
|
||||
معماری نرم‌افزار <span className="text-transparent bg-clip-text bg-gradient-to-r from-indigo-400 via-cyan-400 to-emerald-400">سامانه‌های سازمانی</span>
|
||||
</h1>
|
||||
<p className="text-sm md:text-base text-gray-400 leading-relaxed max-w-2xl mx-auto">
|
||||
نمونه‌ای از سیستم‌های تحت وب، میکروسرویس‌ها و پایپ‌لاین‌های مقیاس‌پذیر که با تمرکز بر امنیت، کارایی بالا و پایداری شبکه توسعه یافته‌اند.
|
||||
نمونه‌ای از سیستم‌های تحت وب، میکروسرویس‌ها و پایپ‌لاین‌های مقیاس‌پذیر با تمرکز بر امنیت
|
||||
</p>
|
||||
</motion.div>
|
||||
</section>
|
||||
@@ -181,7 +218,7 @@ export default function ProjectsPage() {
|
||||
</div>
|
||||
</motion.div>
|
||||
|
||||
{/* ستون کارت سیستم */}
|
||||
{/* ستون تصویر سیستم */}
|
||||
<motion.div
|
||||
initial={{ opacity: 0, x: isEven ? -40 : 40 }}
|
||||
whileInView={{ opacity: 1, x: 0 }}
|
||||
@@ -190,6 +227,7 @@ export default function ProjectsPage() {
|
||||
className="w-full lg:w-[46%]"
|
||||
>
|
||||
<div className="relative rounded-2xl border border-gray-800 bg-gray-900/50 p-6 backdrop-blur-md shadow-2xl hover:border-gray-700 transition-colors">
|
||||
{/* هدر پنجره */}
|
||||
<div className="flex items-center justify-between border-b border-gray-800/80 pb-3 mb-4">
|
||||
<div className="flex items-center gap-1.5">
|
||||
<div className="w-2.5 h-2.5 rounded-full bg-rose-500/80" />
|
||||
@@ -198,41 +236,24 @@ export default function ProjectsPage() {
|
||||
</div>
|
||||
<div className="text-[11px] font-mono text-gray-500 flex items-center gap-1">
|
||||
<Terminal className="w-3.5 h-3.5 text-indigo-400" />
|
||||
<span>system://node.svc_0{project.id}</span>
|
||||
<span>preview://node.svc_0{project.id}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="space-y-3 font-mono text-xs">
|
||||
<div className="p-3 rounded-lg bg-gray-950/70 border border-gray-800/60">
|
||||
<div className="text-gray-500 text-[10px] mb-1">سطح دسترس‌پذیری و امنیت:</div>
|
||||
<div className="text-emerald-400 flex items-center gap-1.5 font-sans">
|
||||
<ShieldCheck className="w-3.5 h-3.5" />
|
||||
<span>High Availability • Multi-layer Auth</span>
|
||||
{/* قاب تصویر پروژه */}
|
||||
<div className="relative w-full aspect-[16/10] overflow-hidden rounded-xl border border-gray-800/60 bg-gray-950/80 group">
|
||||
{project.image ? (
|
||||
<img
|
||||
src={project.image}
|
||||
alt={project.title}
|
||||
className="w-full h-full object-cover object-center transition-transform duration-500 group-hover:scale-105"
|
||||
/>
|
||||
) : (
|
||||
<div className="w-full h-full flex flex-col items-center justify-center text-gray-600 font-mono text-xs gap-2">
|
||||
<Terminal className="w-6 h-6 text-gray-700" />
|
||||
<span>No Preview Available</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="grid grid-cols-2 gap-2">
|
||||
<div className="p-2.5 rounded-lg bg-gray-950/70 border border-gray-800/60">
|
||||
<div className="text-gray-500 text-[10px] flex items-center gap-1 mb-1">
|
||||
<Database className="w-3 h-3 text-indigo-400" />
|
||||
<span>دیتابیس / کش</span>
|
||||
</div>
|
||||
<div className="text-gray-300 font-semibold text-[11px]">PostgreSQL + Redis</div>
|
||||
</div>
|
||||
<div className="p-2.5 rounded-lg bg-gray-950/70 border border-gray-800/60">
|
||||
<div className="text-gray-500 text-[10px] flex items-center gap-1 mb-1">
|
||||
<Workflow className="w-3 h-3 text-cyan-400" />
|
||||
<span>جریان پیام‌ها</span>
|
||||
</div>
|
||||
<div className="text-indigo-300 font-semibold text-[11px]">Async Queues</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="p-3 rounded-lg bg-gray-950/70 border border-gray-800/60 text-gray-400 text-[11px] leading-relaxed" dir="ltr">
|
||||
<span className="text-indigo-400">$</span> runtime.optimize(--workers=8 --cache=redis)
|
||||
<br />
|
||||
<span className="text-emerald-500 font-bold">✓</span> status: operational [200 OK]
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</motion.div>
|
||||
@@ -251,11 +272,11 @@ export default function ProjectsPage() {
|
||||
آماده پیاده‌سازی و توسعه سیستم‌های پیچیده
|
||||
</h3>
|
||||
<p className="text-xs md:text-sm text-gray-400 leading-relaxed">
|
||||
اگر نیاز به مشاوره معماری نرم‌افزار، مقیاس‌پذیری سرویس‌ها یا پیاده‌سازی ماژول‌های اینترانت و سازمانی دارید، در ارتباط باشید.
|
||||
اگر نیاز به مشاوره معماری نرم‌افزار، مقیاس‌پذیری سرویس‌ها یا پیاده‌سازی ماژول‌های اینترانت و سازمانی دارید
|
||||
</p>
|
||||
<div className="pt-2">
|
||||
<a
|
||||
href="mailto:contact@example.com"
|
||||
href="/contact"
|
||||
className="inline-flex items-center gap-2 px-6 py-2.5 rounded-lg bg-indigo-600 hover:bg-indigo-500 text-white text-xs font-semibold shadow-lg shadow-indigo-600/30 transition-all hover:scale-105"
|
||||
>
|
||||
<span>شروع همکاری فنی</span>
|
||||
|
||||
Reference in New Issue
Block a user