ifnex/04_Laravel/resources/views/welcome.blade.php
Kazem Alghasi 06601da30c feat(ui): implement phase 3.8 branding and UX improvements
- Integrate SweetAlert2 into WordPress bridge for enhanced error reporting
- Add professional favicon set (SVG, ICO, PWA, Apple Touch) and manifest
- Replace default Laravel welcome page with branded landing page
- Compact Filament login card dimensions and padding for better UI
- Update documentation (AGENT.md, CLIENT_DELIVERY.md) to reflect phase 3.8
- Refactor wallet transaction migration for SQLite compatibility
2026-10-31 18:37:02 +03:30

281 lines
11 KiB
PHP

<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#1b2143">
<title>IFNEX Logistics — سیستم مدیریت لجستیک بین‌المللی</title>
<!-- IFNEX Favicon set -->
<link rel="icon" href="{{ asset('favicon.ico') }}" sizes="any">
<link rel="icon" type="image/svg+xml" href="{{ asset('images/favicon.svg') }}">
<link rel="apple-touch-icon" href="{{ asset('images/apple-touch-icon.png') }}">
<link rel="manifest" href="{{ asset('images/site.webmanifest') }}">
<!-- Vazirmatn (هماهنگ با پنل فیلمنت) -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<style>
/* ============================================================
IFNEX Gateway Page — برندشده، جایگزین welcome پیش‌فرض لاراول
هویت بصری: سرمه‌ای #1a1a2e/#16213e + کهربایی #f59e0b
============================================================ */
* { margin: 0; padding: 0; box-sizing: border-box; }
html, body { height: 100%; }
body {
font-family: 'Vazirmatn', 'IranYekan', Tahoma, sans-serif;
background: linear-gradient(135deg, #1a1a2e 0%, #16213e 55%, #1b2143 100%);
color: #e5e7eb;
min-height: 100vh;
display: flex;
flex-direction: column;
direction: rtl;
position: relative;
overflow-x: hidden;
}
/* ---- تزئینات پس‌زمینه: کرهٔ زمین + هواپیما (هماهنگ با صفحه لاگین) ---- */
.decor { position: fixed; inset: 0; pointer-events: none; overflow: hidden; z-index: 0; }
.decor-globe {
position: absolute;
bottom: -260px; left: -200px;
width: 640px; height: 640px;
opacity: .06;
}
.decor-plane {
position: absolute;
top: 60px; left: 70px;
width: 230px; height: 230px;
opacity: .05;
transform: rotate(-18deg);
}
/* ---- Layout ---- */
.page { position: relative; z-index: 1; display: flex; flex-direction: column; min-height: 100vh; }
header {
display: flex; align-items: center; gap: .75rem;
padding: 1.5rem clamp(1rem, 5vw, 3rem);
}
.brand-logo { height: 42px; width: auto; }
.brand-name {
font-size: 20px; font-weight: 900; color: #fff;
letter-spacing: -.5px;
}
.brand-name span { color: #f59e0b; }
main {
flex: 1;
display: flex; flex-direction: column;
align-items: center; justify-content: center;
padding: 2rem clamp(1rem, 5vw, 3rem) 3rem;
text-align: center;
}
.hero-badge {
display: inline-flex; align-items: center; gap: .5rem;
background: rgba(245, 158, 11, .12);
border: 1px solid rgba(245, 158, 11, .35);
color: #fbbf24;
font-size: 12.5px; font-weight: 600;
padding: .375rem .875rem;
border-radius: 999px;
margin-bottom: 1.5rem;
}
.hero-badge .dot {
width: 8px; height: 8px; border-radius: 50%;
background: #10b981;
box-shadow: 0 0 8px rgba(16, 185, 129, .8);
}
h1 {
font-size: clamp(26px, 5vw, 42px);
font-weight: 900; color: #fff;
line-height: 1.35;
letter-spacing: -.02em;
max-width: 720px;
}
h1 em { font-style: normal; color: #f59e0b; }
.hero-sub {
margin-top: 1rem;
font-size: clamp(14px, 2.2vw, 16px);
font-weight: 400; color: #9ca3af;
max-width: 560px; line-height: 1.9;
}
/* ---- کارت‌های ورود ---- */
.cards {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(230px, 260px));
justify-content: center;
gap: 1rem;
margin-top: 3rem;
width: 100%;
}
.card {
display: flex; flex-direction: column; align-items: center; gap: .5rem;
background: rgba(255, 255, 255, .045);
border: 1px solid rgba(255, 255, 255, .09);
border-radius: 16px;
padding: 1.5rem 1.25rem;
text-decoration: none;
color: inherit;
transition: transform .25s ease, background .25s ease, border-color .25s ease, box-shadow .25s ease;
animation: fadeUp .6s ease-out both;
}
.card:nth-child(2) { animation-delay: .1s; }
.card:nth-child(3) { animation-delay: .2s; }
.card:hover {
transform: translateY(-4px);
background: rgba(245, 158, 11, .08);
border-color: rgba(245, 158, 11, .4);
box-shadow: 0 16px 40px rgba(0, 0, 0, .35);
}
.card-icon {
width: 52px; height: 52px;
border-radius: 14px;
display: flex; align-items: center; justify-content: center;
background: rgba(245, 158, 11, .14);
color: #fbbf24;
margin-bottom: .25rem;
}
.card-title { font-size: 15.5px; font-weight: 700; color: #f9fafb; }
.card-desc { font-size: 12.5px; color: #9ca3af; line-height: 1.7; }
/* ---- وضعیت سیستم ---- */
.sys-row {
display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem;
margin-top: 2.5rem;
}
.sys-chip {
display: inline-flex; align-items: center; gap: .375rem;
font-size: 11.5px; color: #9ca3af;
background: rgba(255, 255, 255, .04);
border: 1px solid rgba(255, 255, 255, .08);
border-radius: 999px;
padding: .25rem .75rem;
}
.sys-chip b { color: #e5e7eb; font-weight: 600; }
footer {
padding: 1.25rem;
text-align: center;
font-size: 11.5px;
color: #6b7280;
border-top: 1px solid rgba(255, 255, 255, .06);
direction: rtl;
}
footer .sep { margin: 0 .5rem; opacity: .4; }
@keyframes fadeUp {
from { opacity: 0; transform: translateY(16px); }
to { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
.card { animation: none; }
.card:hover { transform: none; }
}
</style>
</head>
<body>
{{-- تزئینات: کرهٔ زمین و هواپیما — هماهنگ با صفحهٔ ورود پنل --}}
<div class="decor" aria-hidden="true">
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg" class="decor-globe" fill="none" stroke="#f59e0b" stroke-width="0.6">
<circle cx="100" cy="100" r="92"/>
<ellipse cx="100" cy="100" rx="92" ry="34"/>
<ellipse cx="100" cy="100" rx="92" ry="62"/>
<line x1="8" y1="100" x2="192" y2="100"/>
<line x1="100" y1="8" x2="100" y2="192"/>
<path d="M8,70 Q100,90 192,70"/>
<path d="M8,130 Q100,110 192,130"/>
</svg>
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="decor-plane" fill="none" stroke="#f59e0b" stroke-width="0.5">
<path d="M21,16v-2l-8-5V3.5C13,2.67 12.33,2 11.5,2S10,2.67 10,3.5V9l-8,5v2l8-2.5V19l-2,1.5V22l3.5-1l3.5,1v-1.5L13,19v-5.5L21,16z" stroke-linejoin="round"/>
</svg>
</div>
<div class="page">
<header>
<img src="{{ asset('images/ifnex-logo.png') }}" alt="لوگوی IFNEX" class="brand-logo">
<div class="brand-name">IFNEX<span> Logistics</span></div>
</header>
<main>
<div class="hero-badge"><span class="dot" aria-hidden="true"></span> سیستم فعال است</div>
<h1>سیستم مدیریت لجستیک <em>بین‌المللی</em></h1>
<p class="hero-sub">
زیرساخت یکپارچهٔ ثبت سفارش، قیمت‌گذاری هوشمند، کیف پول دیجیتال،
تولید اسناد و رهگیری مرسوله‌های صادرات و واردات.
</p>
<nav class="cards" aria-label="بخش‌های سیستم">
<a class="card" href="{{ url('/panel') }}">
<span class="card-icon" aria-hidden="true">
<svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
<rect x="3" y="3" width="7" height="9" rx="1.5"/><rect x="14" y="3" width="7" height="5" rx="1.5"/>
<rect x="14" y="12" width="7" height="9" rx="1.5"/><rect x="3" y="16" width="7" height="5" rx="1.5"/>
</svg>
</span>
<span class="card-title">پنل مدیریت</span>
<span class="card-desc">ورود اپراتورها و مدیران سیستم (Filament)</span>
</a>
<a class="card" href="{{ url('/pricing') }}">
<span class="card-icon" aria-hidden="true">
<svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
<path d="M12 1v22"/><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/>
</svg>
</span>
<span class="card-title">استعلام نرخ حمل</span>
<span class="card-desc">مشاهدهٔ نرخ‌های به‌روز صادرات و واردات</span>
</a>
<a class="card" href="{{ url('/order') }}">
<span class="card-icon" aria-hidden="true">
<svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
<polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/>
</svg>
</span>
<span class="card-title">ثبت سفارش</span>
<span class="card-desc">فرم ثبت سفارش حمل مستقیم روی بک‌اند</span>
</a>
</nav>
<div class="sys-row" aria-label="مشخصات سیستم">
<span class="sys-chip">نسخهٔ بک‌اند: <b>Laravel 11</b></span>
<span class="sys-chip">پنل: <b>Filament 3.3</b></span>
<span class="sys-chip">ارز مبنا: <b>ریال ایران (IRR)</b></span>
</div>
</main>
<footer>
© 2026 IFNEX Logistics <span class="sep">|</span> توسعه و نگهداری: VernaSoft Group
</footer>
</div>
</body>
</html>