80 أسطر
2.7 KiB
HTML
80 أسطر
2.7 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ar" dir="rtl">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Tabeley</title>
|
||
<link rel="stylesheet" href="styles.css">
|
||
<link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&display=swap" rel="stylesheet">
|
||
</head>
|
||
<body>
|
||
|
||
<!-- Hero Section -->
|
||
<section class="hero">
|
||
<img src="../Tabeleymvpfront-end/assets/images/tlogo.jpg" alt="Tabeley Logo" class="logo">
|
||
|
||
<h1>احجز طاولتك بسهولة</h1>
|
||
<p>منصة ذكية لحجز أفضل المطاعم بدون انتظار</p>
|
||
|
||
<div class="buttons">
|
||
<a href="#" class="btn android">تحميل للأندرويد</a>
|
||
<button class="btn ios" disabled>iPhone - Coming Soon</button>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Features -->
|
||
<section class="features">
|
||
<h2>ليش تختار Tabeley؟</h2>
|
||
<div class="features-grid">
|
||
<div class="card">
|
||
<h3>حجز فوري</h3>
|
||
<p>أكد حجزك بثواني بدون اتصال أو انتظار.</p>
|
||
</div>
|
||
<div class="card">
|
||
<h3>أفضل المطاعم</h3>
|
||
<p>اختر من بين مجموعة مطاعم مختارة بعناية.</p>
|
||
</div>
|
||
<div class="card">
|
||
<h3>إدارة حجوزاتك</h3>
|
||
<p>تحكم بجميع حجوزاتك من مكان واحد.</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- How It Works -->
|
||
<section class="how">
|
||
<h2>كيف بيشتغل؟</h2>
|
||
<div class="steps">
|
||
<div>1️⃣ اختر المطعم</div>
|
||
<div>2️⃣ حدّد الوقت</div>
|
||
<div>3️⃣ استمتع بتجربتك</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Contact -->
|
||
<section class="contact">
|
||
<h2>تواصل معنا</h2>
|
||
<p>📧 Tabeley0@gmail.com</p>
|
||
<p>📞 +963983233965</p>
|
||
<p>
|
||
<a href="https://www.instagram.com/tabeley_reservations?igsh=MTQ4ZzNxMzR0anExNA==" target="_blank" rel="noopener">
|
||
Instagram
|
||
</a>
|
||
</p>
|
||
|
||
<form id="contactForm">
|
||
<input type="text" placeholder="اسمك" required>
|
||
<input type="email" placeholder="بريدك الإلكتروني" required>
|
||
<textarea placeholder="رسالتك" required></textarea>
|
||
<button type="submit">إرسال</button>
|
||
</form>
|
||
</section>
|
||
|
||
<footer>
|
||
© 2026 Tabeley. All rights reserved.
|
||
</footer>
|
||
|
||
<script src="script.js"></script>
|
||
</body>
|
||
</html>
|