refactor: improve hero section responsiveness and update admin path

WordPress:
- Refactor hero section layout using CSS Grid for better responsiveness across desktop, tablet, and mobile devices.
- Improve spacing and alignment for hero buttons and trust badges.
- Fix admin bar offset issues in the hero section.
- Clean up redundant HTML tags in front-page template.

Laravel:
- Change Filament admin panel path from 'admin' to 'panel'.
- Clean up comments in web routes.
This commit is contained in:
Kazem Alghasi 2026-08-12 11:58:46 +03:30
parent 779c5aab98
commit 11b524cf43
4 changed files with 180 additions and 8 deletions

View File

@ -84,7 +84,6 @@ $testimonials = $is_en ? [
<?php echo $is_en ? 'Start Shipping' : 'شروع ارسال'; ?>
</a>
</div>
</div>
<div class="hero-trust">
<div class="trust-item">
@ -126,11 +125,11 @@ $testimonials = $is_en ? [
<div class="divider-row"><?php echo $is_en ? 'or' : 'یا'; ?></div>
<a href="<?php echo esc_url(home_url('/my-account/?tab=new-order')); ?>" class="btn btn-secondary" style="justify-content:center;">
<?php echo $is_en ? 'New Order' : 'ثبت سفارش جدید'; ?>
</a>
<a href="<?php echo esc_url(home_url('/my-account/?tab=new-order')); ?>" class="btn btn-secondary" style="justify-content:center;">
<?php echo $is_en ? 'Calculate Shipping Cost' : 'محاسبه هزینه ارسال'; ?>
</a>
<?php echo $is_en ? 'New Order' : 'ثبت سفارش جدید'; ?>
</a>
<a href="<?php echo esc_url(home_url('/my-account/?tab=new-order')); ?>" class="btn btn-secondary" style="justify-content:center; margin-top:10px;">
<?php echo $is_en ? 'Calculate Shipping Cost' : 'محاسبه هزینه ارسال'; ?>
</a>
<div class="hero-card-stats">
<div class="h-stat">
@ -147,6 +146,7 @@ $testimonials = $is_en ? [
</div>
</div>
</div>
</div>
</div>
</div>

View File

@ -1728,4 +1728,176 @@ html.lang-en .single-nav-next {
.ifnx-login-subtitle { font-size: 15px; }
.ifnx-login-form-side { padding: 40px 24px; }
.ifnx-login-form-container h2 { font-size: 24px; }
}
/*
HERO SECTION - ENHANCED RESPONSIVE
*/
/* دسکتاپ: دو ستون کنار هم با alignment بهتر */
.hero-layout {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
align-items: center;
justify-items: stretch;
}
/* متن hero در سمت راست (RTL) */
.hero-text {
text-align: right;
}
/* فرم tracking در سمت چپ */
.hero-card {
width: 100%;
max-width: 500px;
margin: 0 auto;
}
/* تبلت (768px - 1024px): دو ستون با gap کمتر */
@media (max-width: 1024px) {
.hero-layout {
grid-template-columns: 1fr 1fr;
gap: 32px;
}
.hero-heading {
font-size: clamp(1.8rem, 3.5vw, 2.5rem);
}
.hero-card {
padding: 28px;
}
}
/* موبایل (< 768px): دو ستون روی هم با spacing بهتر */
@media (max-width: 768px) {
.hero-layout {
grid-template-columns: 1fr;
gap: 40px;
}
.hero-text {
text-align: center;
order: 1;
}
.hero-card {
order: 2;
max-width: 100%;
}
.hero-buttons {
justify-content: center;
}
.hero-trust {
justify-content: center;
}
.hero-heading {
font-size: clamp(1.6rem, 5vw, 2.2rem);
}
.hero-subheading {
font-size: 1rem;
}
}
/* موبایل کوچک (< 480px) */
@media (max-width: 480px) {
.hero-layout {
gap: 32px;
}
.hero-card {
padding: 24px 20px;
}
.hero-buttons {
flex-direction: column;
width: 100%;
}
.hero-buttons .btn {
width: 100%;
justify-content: center;
}
.hero-card-stats {
grid-template-columns: 1fr;
gap: 16px;
}
.h-stat {
padding: 12px;
background: var(--gray-100);
border-radius: var(--radius-sm);
}
}
/* Admin Bar Offset (WordPress Fix) - بهبود یافته */
.admin-bar .hero {
padding-top: calc(72px + 32px); /* header + admin bar */
}
@media screen and (max-width: 782px) {
.admin-bar .hero {
padding-top: calc(72px + 46px); /* header + mobile admin bar */
}
}
/*
HERO BUTTONS - ENHANCED
*/
.hero-buttons {
display: flex;
gap: 12px;
flex-wrap: wrap;
margin-bottom: 32px;
}
.hero-buttons .btn {
flex-shrink: 0;
}
/*
HERO TRUST BADGES - ENHANCED
*/
.hero-trust {
display: flex;
align-items: center;
gap: 20px;
flex-wrap: wrap;
}
.trust-item {
display: flex;
align-items: center;
gap: 7px;
white-space: nowrap;
}
@media (max-width: 768px) {
.hero-trust {
gap: 16px;
}
.trust-item {
font-size: 0.85rem;
}
}
@media (max-width: 480px) {
.hero-trust {
flex-direction: column;
align-items: center;
gap: 12px;
}
}
/* مخفی کردن کادرهای زرد debug */
.plugin-zone {
display: none !important;
}

View File

@ -25,7 +25,7 @@ class AdminPanelProvider extends PanelProvider
return $panel
->default()
->id('admin')
->path('admin')
->path('panel')
->login()
->brandName('IFNEX Logistics')
->colors([

View File

@ -21,7 +21,7 @@ Route::middleware('auth')->group(function () {
Route::get('/shipments/{shipment}/pdf/label', [ShipmentPdfController::class, 'label'])->name('shipments.pdf.label');
});
// صفحات نتیجه پرداخت (برای تست)
// صفحات نتیجه پرداخت
Route::get('/payment-result', function (Illuminate\Http\Request $request) {
$status = $request->input('status');
$transactionId = $request->input('transaction_id');