import Link from "next/link";
import {ArrowLeft,CarFront,ChartNoAxesCombined,Check,ChevronDown,FileClock,KeyRound,MessageSquareText,Route,ShieldCheck,Sparkles,Wrench} from "lucide-react";

const capabilities=[
 {icon:CarFront,title:"کنترل یکپارچه ناوگان",text:"پرونده هر خودرو، راننده فعلی، کارکرد، وضعیت آماده‌به‌کار و سوابق تحویل را در یک نمای زنده ببینید."},
 {icon:FileClock,title:"تاریخچه قابل استناد",text:"تمام تخصیص‌ها با روز، ساعت، مقصد، کیلومتر شروع و پایان ثبت و ماه‌به‌ماه بایگانی می‌شوند."},
 {icon:Wrench,title:"سرویس و نگهداری",text:"موعد سرویس، هزینه، تعمیرگاه و تأیید نهایی سوپروایزر از فراموشی و توقف ناخواسته جلوگیری می‌کند."},
 {icon:MessageSquareText,title:"تیکتینگ عملیاتی",text:"خرابی، خسارت و مغایرت به‌جای نامه‌نگاری در یک گفت‌وگوی مستند و قابل پیگیری ثبت می‌شود."},
 {icon:ShieldCheck,title:"گردش تأیید",text:"تحویل، عودت و انجام سرویس تا تأیید مسئول مربوطه نهایی نمی‌شود؛ هر تصمیم اثر زمانی مشخص دارد."},
 {icon:ChartNoAxesCombined,title:"تصمیم‌گیری مدیریتی",text:"مدیریت کل و سوپروایزر به نمای جامع عملیات دسترسی دارند و راننده فقط امور مربوط به خود را می‌بیند."}
];

export default function Landing(){return <main className="landing" dir="rtl">
 <nav className="landing-nav"><Link href="/" className="landing-brand"><img src="/brand/goharzamin-logo.png" alt="شرکت معدنی و صنعتی گهرزمین"/><span></span><div><b>مدیریت ناوگان تشریفات</b><small>گهرزمین</small></div></Link><div className="landing-links"><a href="#capabilities">امکانات</a><a href="#workflow">فرآیندها</a><a href="#security">سطوح دسترسی</a></div><Link className="nav-login" href="/login">ورود به سامانه <ArrowLeft/></Link></nav>
 <section className="hero"><div className="hero-glow"></div><div className="hero-copy"><div className="eyebrow"><Sparkles/> زیرساخت هوشمند عملیات تشریفات</div><h1>هر خودرو، هر مأموریت،<br/><em>در کنترل کامل.</em></h1><p>سامانه مدیریت ناوگان تشریفات گهرزمین، جریان تحویل خودرو، مأموریت رانندگان، نگهداری دوره‌ای و مکاتبات عملیاتی را به یک تجربه دقیق، شفاف و قابل استناد تبدیل می‌کند.</p><div className="hero-actions"><Link className="primary-cta" href="/login">ورود به پنل مدیریت <ArrowLeft/></Link><a className="ghost-cta" href="#capabilities">آشنایی با سامانه <ChevronDown/></a></div><div className="trust-row"><span><Check/> ثبت لحظه‌ای رویدادها</span><span><Check/> دسترسی مبتنی بر نقش</span><span><Check/> آماده اتصال به کاوه‌نگار</span></div></div>
 <div className="hero-visual" aria-label="نمایی از عملکرد سامانه"><div className="orbit orbit-one"></div><div className="orbit orbit-two"></div><div className="fleet-core"><img src="/brand/goharzamin-mark.webp" alt="نشان گهرزمین"/><span>مرکز فرماندهی ناوگان</span><strong>۶</strong><small>خودرو تحت پایش</small></div><article className="float-card fc-one"><Route/><div><small>مأموریت فعال</small><b>کرمان ← سیرجان</b></div><i>در مسیر</i></article><article className="float-card fc-two"><Wrench/><div><small>سرویس بعدی</small><b>سانتافه · ۸۰۰ km</b></div></article><article className="float-card fc-three"><ShieldCheck/><div><small>تأیید سوپروایزر</small><b>عودت تارا</b></div><i>جدید</i></article></div></section>
 <section className="landing-stats"><div><strong>۱۰۰٪</strong><span>رویدادهای قابل رهگیری</span></div><div><strong>۲۴/۷</strong><span>نمای زنده وضعیت ناوگان</span></div><div><strong>۳</strong><span>سطح دسترسی سازمانی</span></div><div><strong>۰</strong><span>فرآیند کاغذی ضروری</span></div></section>
 <section id="capabilities" className="feature-section"><div className="section-kicker">یک سامانه، تمام عملیات</div><div className="section-title"><h2>طراحی‌شده برای نظم، سرعت و پاسخ‌گویی</h2><p>از لحظه تعریف خودرو تا آخرین تأیید عودت، اطلاعات در یک مسیر مشخص و بدون دوباره‌کاری حرکت می‌کنند.</p></div><div className="feature-grid">{capabilities.map(({icon:Icon,title,text},i)=><article key={title} style={{"--i":i} as any}><span><Icon/></span><h3>{title}</h3><p>{text}</p><b>۰{i+1}</b></article>)}</div></section>
 <section id="workflow" className="workflow"><div className="workflow-copy"><div className="section-kicker">گردش کار شفاف</div><h2>از درخواست تا تأیید نهایی، هیچ مرحله‌ای گم نمی‌شود.</h2><p>سامانه به‌صورت خودکار ارتباط میان خودرو، راننده، مأموریت، تیکت و تأییدیه را حفظ می‌کند تا در هر لحظه پاسخ روشن باشد.</p><ul><li><span>۱</span><div><b>تعریف و تخصیص</b><small>انتخاب خودرو از مدل‌های تأییدشده و تخصیص به راننده</small></div></li><li><span>۲</span><div><b>ثبت و اطلاع‌رسانی</b><small>ساخت تیکت خودکار و آماده‌سازی پیامک الگویی کاوه‌نگار</small></div></li><li><span>۳</span><div><b>کنترل و تأیید</b><small>بررسی سوپروایزر، ثبت نظر و تکمیل سابقه غیرقابل ابهام</small></div></li></ul></div><div className="workflow-board"><div className="board-head"><span></span><b>جریان مأموریت امروز</b><small>به‌روزرسانی لحظه‌ای</small></div>{[["تحویل سانتافه","رضا محمدی","تأیید شد"],["بازدید دوره‌ای","مسیر رفسنجان","در حال انجام"],["عودت و ثبت کیلومتر","۳۲٬۴۵۰ کیلومتر","منتظر تأیید"]].map((r,i)=><article key={r[0]}><i>{i+1}</i><div><b>{r[0]}</b><small>{r[1]}</small></div><span className={i===2?"pending":"done"}>{r[2]}</span></article>)}</div></section>
 <section id="security" className="roles"><div className="section-kicker">دسترسی دقیق و امن</div><h2>هر شخص، فقط همان چیزی را می‌بیند که لازم دارد.</h2><div className="role-grid"><article><span>مدیر کل</span><h3>فرماندهی کامل</h3><p>تعریف سوپروایزر و راننده، مشاهده همه پرونده‌ها، گزارش‌ها و تنظیمات سازمانی.</p></article><article><span>سوپروایزر</span><h3>نظارت عملیاتی</h3><p>دسترسی جامع به ناوگان، بررسی تیکت‌ها و تأیید تحویل، عودت و سرویس‌ها.</p></article><article><span>راننده</span><h3>پنل شخصی</h3><p>مشاهده خودروی تحویلی و سرویس‌های مرتبط، ثبت درخواست و پیگیری تیکت‌های خود.</p></article></div></section>
 <section className="final-cta"><img src="/brand/goharzamin-logo-white.svg" alt="گهرزمین"/><div><h2>مدیریت ناوگان، در تراز عملیات حرفه‌ای</h2><p>برای مشاهده وضعیت ناوگان و ادامه فرآیندهای روزانه وارد فضای کاری امن شوید.</p></div><Link href="/login">ورود به سامانه <ArrowLeft/></Link></section>
 <footer><span>© ۱۴۰۵ شرکت معدنی و صنعتی گهرزمین</span><span>سامانه مدیریت ناوگان تشریفات</span></footer>
 </main>}
