a

2026-09-16 08:47:12 +03:30
parent 16cba4492a
commit 116864c838
18 changed files with 859 additions and 605 deletions
@@ -33,7 +33,6 @@ function LinkedInIcon({ className = 'w-4 h-4' }: { className?: string }) {
 interface BoardMember {
  name: string;
  role: string;
-  title: string;
  image: string;
  linkedin?: string;
  email?: string;
@@ -41,28 +40,19 @@ interface BoardMember {

 const boardMembers: BoardMember[] = [
  {
-    name: 'نام و نام‌خانوادگی عضو ۱',
+    name: 'علی صالح ابوالقاسمی',
    role: 'رئیس هیئت مدیره',
-    title: 'دکتری مدیریت فناوری اطلاعات',
    image: '/images/team/member-1.jpg',
-    linkedin: 'https://linkedin.com',
-    email: 'board1@company.ir'
  },
  {
-    name: 'نام و نام‌خانوادگی عضو ۲',
-    role: 'مدیرعامل و عضو هیئت مدیره',
-    title: 'کارشناس ارشد مهندسی نرم‌افزار',
+    name: 'علی گلشنی',
+    role: 'عضو هیئت مدیره',
    image: '/images/team/member-2.jpg',
-    linkedin: 'https://linkedin.com',
-    email: 'board2@company.ir'
  },
  {
-    name: 'نام و نام‌خانوادگی عضو ۳',
-    role: 'نایب‌رئیس هیئت مدیره',
-    title: 'کارشناس ارشد مدیریت سیستم‌ها',
+    name: 'فراز فیروزبخت',
+    role: 'عضو هیئت مدیره',
    image: '/images/team/member-3.jpg',
-    linkedin: 'https://linkedin.com',
-    email: 'board3@company.ir'
  }
 ];

@@ -80,7 +70,7 @@ export default function AboutPage() {
        <section className="space-y-12">
          
          {/* ردیف اصلی Hero */}
-          <div className="grid grid-cols-1 lg:grid-cols-12 gap-10 items-center">
+          <div className="grid grid-cols-1 lg:grid-cols-12 gap-10 items-center pt-20">
            
            {/* سمت راست: بیانیه مأموریت و توضیحات */}
            <motion.div 
@@ -89,18 +79,9 @@ export default function AboutPage() {
              transition={{ duration: 0.5 }}
              className="lg:col-span-7 space-y-6"
            >
-              {/* تگ وضعیت سیستم */}
-              <div className="inline-flex items-center gap-2.5 px-3.5 py-1.5 rounded-full bg-indigo-950/40 border border-indigo-500/30 text-indigo-300 font-mono text-xs shadow-inner">
-                <span className="relative flex h-2 w-2">
-                  <span className="animate-ping absolute inline-flex h-full w-full rounded-full bg-emerald-400 opacity-75"></span>
-                  <span className="relative inline-flex rounded-full h-2 w-2 bg-emerald-500"></span>
-                </span>
-                <span className="tracking-wide">Enterprise FinTech & System Engineering</span>
-              </div>
-
              {/* تیتر با افکت گرادیان نوری */}
              <h1 className="text-3xl sm:text-5xl font-black tracking-tight leading-[1.2] text-white">
-                توسعه زیرساخت‌های نرم‌افزاری مقیاس‌پذیر و <span className="text-transparent bg-clip-text bg-gradient-to-l from-indigo-400 via-sky-300 to-white">امنیت‌محور بانکی</span>
+                توسعه زیرساخت‌های <span className="text-transparent bg-clip-text bg-gradient-to-l from-indigo-400 via-sky-300 to-white">نرم افزاری</span>
              </h1>

              {/* متن معرفی */}
@@ -222,8 +203,7 @@ export default function AboutPage() {
        {/* ۲. اعضای هیئت مدیره */}
        <section className="space-y-10">
          <div className="space-y-1 border-b border-gray-800/80 pb-4">
-            <h2 className="text-2xl font-bold text-white tracking-tight">ارکان راهبری و هیئت مدیره</h2>
-            <p className="text-xs text-gray-500 font-mono uppercase tracking-wider">Leadership & Governance</p>
+            <h2 className="text-2xl font-bold text-white tracking-tight">اعضای هیئت مدیره</h2>
          </div>

          <div className="grid grid-cols-1 md:grid-cols-3 gap-6">
@@ -262,34 +242,6 @@ export default function AboutPage() {
                <span className="text-xs font-medium text-indigo-400 mt-1">
                  {member.role}
                </span>
-
-                <p className="text-[12px] text-gray-500 mt-1.5 font-mono">
-                  {member.title}
-                </p>
-
-                {/* لینک‌های ارتباطی */}
-                <div className="flex items-center gap-2 mt-4 pt-3 border-t border-gray-800/60 w-full justify-center text-gray-400">
-                  {member.linkedin && (
-                    <a
-                      href={member.linkedin}
-                      target="_blank"
-                      rel="noopener noreferrer"
-                      className="p-1.5 rounded-lg hover:text-white hover:bg-gray-800/80 transition-colors"
-                      title="پروفایل لینکدین"
-                    >
-                      <LinkedInIcon className="w-4 h-4" />
-                    </a>
-                  )}
-                  {member.email && (
-                    <a
-                      href={`mailto:${member.email}`}
-                      className="p-1.5 rounded-lg hover:text-white hover:bg-gray-800/80 transition-colors"
-                      title="ارسال ایمیل"
-                    >
-                      <Mail className="w-4 h-4" />
-                    </a>
-                  )}
-                </div>
              </motion.div>
            ))}
          </div>
@@ -20,7 +20,7 @@ import {

 // دسته‌بندی‌های فنی پروژه
 const projectCategories = [
-  { id: 'core-banking', label: 'سامانه‌ها و ماژول‌های بانکی', icon: Server },
+  { id: 'core-banking', label: ' سامانه ها و ماژول ها ', icon: Server },
  { id: 'db-optimization', label: 'پایگاه‌داده و مقیاس‌پذیری', icon: Database },
  { id: 'ai-engine', label: 'هوش مصنوعی و پردازش اسناد', icon: Cpu },
  { id: 'custom-platform', label: 'داشبوردها و سامانه‌های عملیاتی', icon: Layers }
@@ -81,15 +81,7 @@ export default function ContactPage() {
        
        {/* ۱. Hero Section */}
        <section className="text-center max-w-3xl mx-auto space-y-5">
-          <motion.div
-            initial={{ opacity: 0, y: -10 }}
-            animate={{ opacity: 1, y: 0 }}
-            transition={{ duration: 0.4 }}
-            className="inline-flex items-center gap-2 px-3.5 py-1.5 rounded-full bg-indigo-950/40 border border-indigo-500/30 text-indigo-300 font-mono text-xs shadow-inner"
-          >
-            <Terminal className="w-3.5 h-3.5 text-indigo-400" />
-            <span>KICKOFF & COLLABORATION TERMINAL</span>
-          </motion.div>
+          

          <motion.h1
            initial={{ opacity: 0, y: 10 }}
@@ -97,10 +89,9 @@ export default function ContactPage() {
            transition={{ duration: 0.5, delay: 0.1 }}
            className="text-3xl sm:text-5xl font-black tracking-tight leading-[1.2] text-white"
          >
-            آغاز یک همکاری مهندسی، <br />
-            <span className="text-transparent bg-clip-text bg-gradient-to-l from-indigo-400 via-sky-300 to-white">
-              پایدار و فراتر از مقیاس
-            </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>
          </motion.h1>

          <motion.p
@@ -109,7 +100,7 @@ export default function ContactPage() {
            transition={{ duration: 0.5, delay: 0.2 }}
            className="text-gray-400 text-sm sm:text-base leading-relaxed"
          >
-            آماده هم‌افزایی فنی جهت طراحی و اجرای ماژول‌های با پرفورمنس بالا، بازطراحی زیرساخت‌های قدیمی و راهکارهای یکپارچه سازمانی.
+            آماده هم‌افزایی فنی جهت طراحی و اجرای ماژول‌های با پرفورمنس بالا، بازطراحی زیرساخت‌های قدیمی و راهکارهای یکپارچه 
          </motion.p>
        </section>

@@ -142,7 +133,7 @@ export default function ContactPage() {
                {/* انتخاب نوع پروژه */}
                <div className="space-y-3">
                  <label className="block text-xs font-mono text-gray-400">
-                    // ۰۱. نوع پروژه و قلمرو فنی:
+                      نوع پروژه و قلمرو فنی:
                  </label>
                  <div className="grid grid-cols-1 sm:grid-cols-2 gap-3">
                    {projectCategories.map((cat) => {
@@ -269,7 +260,7 @@ export default function ContactPage() {
                  </div>
                  <div>
                    <span className="block text-[11px] text-gray-500 font-mono">DIRECT INBOX</span>
-                    <span className="text-gray-300 font-mono select-all">engineering@domain.ir</span>
+                    <span className="text-gray-300 font-mono select-all">zharfanovin@gmail.com</span>
                  </div>
                </div>

@@ -279,7 +270,7 @@ export default function ContactPage() {
                  </div>
                  <div>
                    <span className="block text-[11px] text-gray-500 font-mono">TECHNICAL LINE</span>
-                    <span className="text-gray-300 font-mono dir-ltr">+98 (21) 8800-0000</span>
+                    <span className="text-gray-300 font-mono dir-ltr">28427192</span>
                  </div>
                </div>

@@ -289,7 +280,7 @@ export default function ContactPage() {
                  </div>
                  <div>
                    <span className="block text-[11px] text-gray-500 font-mono">LOCATION</span>
-                    <span className="text-gray-300 leading-relaxed">تهران، نارمک، پردیس نوآوری</span>
+                    <span className="text-gray-300 leading-relaxed">شریعی/میرمطهری/پلاک 14</span>
                  </div>
                </div>
              </div>
@@ -338,7 +329,7 @@ export default function ContactPage() {

      {/* Footer ساده و هماهنگ */}
      <footer className="border-t border-gray-900 py-6 text-center text-xs text-gray-600 font-mono">
-        SYSTEM ENGINEERING // ENTERPRISE ARCHITECTURE
+       ژرفا نواوری داده و آینده
      </footer>
    </div>
  );
@@ -1,7 +1,7 @@
 import CtaBanner from "@/components/banner/CtaBanner";
 import  HeroSection  from "@/components/features/home/hero-section";
 import  ProjectsSection  from "@/components/features/projects/projects-section";
-import { ServicesBentoGrid } from "@/components/features/services/services-bento-grid";
+import ServicesBentoGrid   from "@/components/features/services/services-bento-grid";
 import { Footer } from "@/components/shared/footer";


@@ -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>
@@ -133,23 +133,15 @@ export default function ServicesPage() {
        
        {/* ۱. Hero Section */}
        <section className="text-center max-w-3xl mx-auto space-y-6">
-          <motion.div
-            initial={{ opacity: 0, y: -10 }}
-            animate={{ opacity: 1, y: 0 }}
-            transition={{ duration: 0.4 }}
-            className="inline-flex items-center gap-2 px-3.5 py-1.5 rounded-full bg-indigo-950/40 border border-indigo-500/30 text-indigo-300 font-mono text-xs shadow-inner"
-          >
-            <Zap className="w-3.5 h-3.5 text-indigo-400" />
-            <span>Engineering Capabilities & Solutions</span>
-          </motion.div>
+         

          <motion.h1 
            initial={{ opacity: 0, y: 10 }}
            animate={{ opacity: 1, y: 0 }}
            transition={{ duration: 0.5, delay: 0.1 }}
-            className="text-3xl sm:text-5xl font-black tracking-tight leading-[1.2] text-white"
+            className="text-3xl sm:text-5xl font-black tracking-tight leading-[1.2] text-white pt-30"
          >
-            خدمات تخصصی <span className="text-transparent bg-clip-text bg-gradient-to-l from-indigo-400 via-sky-300 to-white">مهندسی سیستم</span> و راهکارهای مالی
+            خدمات تخصصی <span className="text-transparent bg-clip-text bg-gradient-to-l from-indigo-400 via-sky-300 to-white">مهندسی سیستم</span> 
          </motion.h1>

          <motion.p 
@@ -158,11 +150,9 @@ export default function ServicesPage() {
            transition={{ duration: 0.5, delay: 0.2 }}
            className="text-gray-400 text-sm sm:text-base leading-relaxed"
          >
-            ارائه خدمات یکپارچه نرم‌افزاری در مقیاس سازمانی، از معماری پایگاه‌های داده با تراکنش بالا تا طراحی زیرساخت‌های پایدار و امنیت‌محور بانکی.
+    ارائه خدمات یکپارچه نرم‌افزاری در مقیاس سازمانی، از معماری پایگاه‌های داده با تراکنش بالا تا طراحی زیرساخت‌های پایدار 
          </motion.p>
        </section>
-
-        {/* ۲. Engineering Workflow Highlight */}
        <motion.div 
          initial={{ opacity: 0, scale: 0.98 }}
          animate={{ opacity: 1, scale: 1 }}