This commit is contained in:
2026-09-16 08:47:12 +03:30
parent 16cba4492a
commit 116864c838
18 changed files with 859 additions and 605 deletions
+8 -56
View File
@@ -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>