<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>لعبة المغامرة — حملها الآن</title>
<style>
body {
margin: 0;
font-family: "Tajawal", sans-serif;
background: #0c0c0c;
color: #fff;
}
header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px 30px;
background: #111;
}
header h1 { color: #ff4757; margin: 0; }
nav a {
margin: 0 10px;
color: #fff;
text-decoration: none;
font-size: 14px;
}
.hero {
text-align: center;
padding: 80px 20px;
background: url('https://i.ibb.co/7jGv1vZ/game-bg.jpg') no-repeat center/cover;
}
.hero h2 {
font-size: 40px;
margin-bottom: 15px;
color: #ff4757;
}
.hero p { font-size: 18px; margin-bottom: 25px; }
.btn {
display: inline-block;
padding: 12px 25px;
background: #ff4757;
color: #fff;
border-radius: 8px;
text-decoration: none;
font-weight: bold;
transition: 0.3s;
}
.btn:hover { background: #e84118; }
.features {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
padding: 40px 20px;
background: #1a1a1a;
}
.feature {
width: 250px;
margin: 10px;
background: #222;
padding: 20px;
border-radius: 10px;
text-align: center;
}
.feature h3 { color: #ff4757; }
.screenshots {
padding: 40px 20px;
text-align: center;
}
.screenshots img {
width: 250px;
border-radius: 10px;
margin: 10px;
border: 2px solid #ff4757;
}
footer {
text-align: center;
padding: 20px;
background: #111;
font-size: 14px;
color: #aaa;
}
</style>
</head>
<body>
<header>
<h1>🔥 GameX</h1>
<nav>
<a href="#features">المزايا</a>
<a href="#screenshots">صور</a>
<a href="#download">تحميل</a>
</nav>
</header>
<section class="hero">
<h2>أدخل عالم المغامرة الآن!</h2>
<p>قاتل، استكشف، وابنِ أسطورتك — اللعبة المجانية رقم #1 في 2025</p>
<a href="#download" class="btn">🚀 حمل اللعبة الآن</a>
</section>
<section id="features" class="features">
<div class="feature">
<h3>🎮 جرافيكس مذهل</h3>
<p>رسومات عالية الدقة تنقلك لعالم واقعي مليء بالإثارة.</p>
</div>
<div class="feature">
<h3>🌍 لعب جماعي</h3>
<p>واجه أصدقائك أو كون تحالفات قوية عبر الإنترنت.</p>
</div>
<div class="feature">
<h3>⚡ تحديثات مستمرة</h3>
<p>مراحل جديدة ومحتويات حصرية كل شهر.</p>
</div>
</section>
<section id="screenshots" class="screenshots">
<h2>📸 لقطات من داخل اللعبة</h2>
<img src="https://i.ibb.co/kqM2YhF/game1.jpg" alt="صورة لعبة">
<img src="https://i.ibb.co/GF8bRkP/game2.jpg" alt="صورة لعبة">
<img src="https://i.ibb.co/j6NsznJ/game3.jpg" alt="صورة لعبة">
</section>
<section id="download" class="hero" style="background:#111;">
<h2>🚀 جاهز تبدأ اللعب؟</h2>
<p>اضغط على زر التحميل وابدأ رحلتك الآن.</p>
<a href="#" class="btn">تحميل من Google Play</a>
<a href="#" class="btn">تحميل من App Store</a>
</section>
<footer>
© 2025 GameX — جميع الحقوق محفوظة.
</footer>
</body>
</html>
