61 lines
3.5 KiB
PHP
61 lines
3.5 KiB
PHP
<?php include 'includes/_header.php'; ?>
|
|
|
|
<!-- Hero Section -->
|
|
<div class="container col-xxl-8 px-4 py-5 hero-section">
|
|
<div class="row flex-lg-row-reverse align-items-center g-5 py-5">
|
|
<div class="col-10 col-sm-8 col-lg-6">
|
|
<div class="preview-3d text-muted">
|
|
<p>مشهد ثلاثي الأبعاد تفاعلي - قريبًا</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6">
|
|
<h1 class="display-5 fw-bold text-body-emphasis lh-1 mb-3">محاكي شاحنات الميدام</h1>
|
|
<p class="lead">انطلق في رحلة واقعية عبر طرقات اليمن الوعرة. اختبر مهاراتك في قيادة الشاحنات الثقيلة في قرية الميدام والمناطق المحيطة بها. هل أنت مستعد للتحدي؟</p>
|
|
<div class="d-grid gap-2 d-md-flex justify-content-md-start">
|
|
<a href="download.php" type="button" class="btn btn-primary btn-lg px-4 me-md-2">حمل اللعبة الآن</a>
|
|
<a href="about.php" type="button" class="btn btn-outline-secondary btn-lg px-4">اعرف المزيد</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Features Section -->
|
|
<div class="container px-4 py-5" id="featured-3">
|
|
<h2 class="pb-2 border-bottom">مميزات اللعبة</h2>
|
|
<div class="row g-4 py-5 row-cols-1 row-cols-lg-3">
|
|
<div class="feature col">
|
|
<div class="feature-icon d-inline-flex align-items-center justify-content-center text-bg-primary bg-gradient fs-2 mb-3">
|
|
🚚
|
|
</div>
|
|
<h3 class="fs-2 text-body-emphasis">شاحنات واقعية</h3>
|
|
<p>مجموعة متنوعة من الشاحنات بتصميمات وفيزياء واقعية تحاكي القيادة الحقيقية.</p>
|
|
</div>
|
|
<div class="feature col">
|
|
<div class="feature-icon d-inline-flex align-items-center justify-content-center text-bg-primary bg-gradient fs-2 mb-3">
|
|
🏞️
|
|
</div>
|
|
<h3 class="fs-2 text-body-emphasis">بيئة يمنية</h3>
|
|
<p>استكشف خريطة مستوحاة من قرية الميدام والطبيعة الجبلية المحيطة بها في اليمن.</p>
|
|
</div>
|
|
<div class="feature col">
|
|
<div class="feature-icon d-inline-flex align-items-center justify-content-center text-bg-primary bg-gradient fs-2 mb-3">
|
|
📦
|
|
</div>
|
|
<h3 class="fs-2 text-body-emphasis">مهمات صعبة</h3>
|
|
<p>قم بتوصيل البضائع عبر طرق خطرة وصعبة واختبر قدرتك على التحمل والدقة.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Gallery Placeholder -->
|
|
<div class="container px-4 py-5">
|
|
<h2 class="pb-2 border-bottom">معرض الصور</h2>
|
|
<div class="row row-cols-1 row-cols-md-2 g-4 py-5">
|
|
<div class="col"><div class="card shadow-sm"><div class="preview-3d text-muted" style="min-height: 225px;"><p>صورة من اللعبة 1</p></div></div></div>
|
|
<div class="col"><div class="card shadow-sm"><div class="preview-3d text-muted" style="min-height: 225px;"><p>صورة من اللعبة 2</p></div></div></div>
|
|
<div class="col"><div class="card shadow-sm"><div class="preview-3d text-muted" style="min-height: 225px;"><p>صورة من اللعبة 3</p></div></div></div>
|
|
<div class="col"><div class="card shadow-sm"><div class="preview-3d text-muted" style="min-height: 225px;"><p>صورة من اللعبة 4</p></div></div></div>
|
|
</div>
|
|
</div>
|
|
|
|
<?php include 'includes/_footer.php'; ?>
|