122 lines
3.5 KiB
PHP
122 lines
3.5 KiB
PHP
<?php
|
|
require_once 'db/config.php';
|
|
$pdo = db();
|
|
$stmt = $pdo->query("SELECT * FROM services ORDER BY id ASC");
|
|
$services = $stmt->fetchAll(PDO::FETCH_ASSOC);
|
|
|
|
$page_title = 'خدماتنا - شركة الشحن واللوجستيات';
|
|
$page_description = 'استكشف خدمات الشحن البحري والجوي والتخليص الجمركي. حلول لوجستية متكاملة لعملك.';
|
|
|
|
$extra_styles = '
|
|
<style>
|
|
/* Page Header */
|
|
.page-header {
|
|
background-color: var(--primary);
|
|
color: white;
|
|
text-align: center;
|
|
padding: 3rem 1rem;
|
|
margin-bottom: 2rem;
|
|
}
|
|
.page-header h1 {
|
|
margin: 0;
|
|
font-size: 2.5rem;
|
|
color: var(--accent);
|
|
}
|
|
.page-header p {
|
|
opacity: 0.9;
|
|
max-width: 600px;
|
|
margin: 1rem auto 0;
|
|
}
|
|
|
|
/* Services Grid */
|
|
.services-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
|
|
gap: 2rem;
|
|
padding-bottom: 4rem;
|
|
}
|
|
.service-card {
|
|
background: var(--surface);
|
|
border: 1px solid var(--border);
|
|
border-radius: 4px;
|
|
padding: 2rem;
|
|
transition: transform 0.2s, box-shadow 0.2s;
|
|
text-align: center;
|
|
}
|
|
.service-card:hover {
|
|
transform: translateY(-5px);
|
|
box-shadow: 0 10px 20px rgba(0,0,0,0.05);
|
|
border-color: var(--accent);
|
|
}
|
|
.icon-box {
|
|
width: 70px;
|
|
height: 70px;
|
|
background: rgba(197, 160, 89, 0.1);
|
|
border-radius: 50%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
margin: 0 auto 1.5rem;
|
|
color: var(--accent);
|
|
font-size: 1.75rem;
|
|
}
|
|
.service-title {
|
|
font-size: 1.25rem;
|
|
font-weight: 700;
|
|
margin-bottom: 1rem;
|
|
color: var(--primary);
|
|
}
|
|
.service-desc {
|
|
font-size: 0.95rem;
|
|
color: #64748B;
|
|
margin-bottom: 1.5rem;
|
|
}
|
|
.service-price {
|
|
font-weight: 700;
|
|
color: var(--text-dark);
|
|
margin-bottom: 1.5rem;
|
|
display: block;
|
|
}
|
|
.btn-outline {
|
|
display: inline-block;
|
|
padding: 0.75rem 1.5rem;
|
|
border: 2px solid var(--accent);
|
|
color: var(--accent);
|
|
text-decoration: none;
|
|
font-weight: 600;
|
|
border-radius: 4px;
|
|
transition: all 0.3s;
|
|
}
|
|
.btn-outline:hover {
|
|
background: var(--accent);
|
|
color: white;
|
|
}
|
|
</style>
|
|
';
|
|
|
|
require_once 'includes/header.php';
|
|
?>
|
|
|
|
<header class="page-header">
|
|
<h1>خدماتنا اللوجستية</h1>
|
|
<p>نقدم حلولاً متكاملة لتلبية جميع احتياجات النقل والتخزين الخاصة بك بأعلى معايير الجودة.</p>
|
|
</header>
|
|
|
|
<main class="container">
|
|
<div class="services-grid">
|
|
<?php foreach($services as $svc): ?>
|
|
<div class="service-card">
|
|
<div class="icon-box">
|
|
<i class="fas <?php echo htmlspecialchars($svc['icon_class']); ?>"></i>
|
|
</div>
|
|
<h3 class="service-title"><?php echo htmlspecialchars($svc['title_ar']); ?></h3>
|
|
<p class="service-desc"><?php echo htmlspecialchars($svc['description_ar']); ?></p>
|
|
<span class="service-price">تبدأ من <?php echo number_format($svc['price_start'], 0); ?> ريال</span>
|
|
<br>
|
|
<a href="quote.php?service=<?php echo $svc['id']; ?>" class="btn-outline">اطلب الخدمة الآن</a>
|
|
</div>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
</main>
|
|
|
|
<?php require_once 'includes/footer.php'; ?>
|