113 أسطر
4.6 KiB
HTML
113 أسطر
4.6 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 rel="icon" href="/assets/images/tlogoapp.png" type="image/png">
|
||
<link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&display=swap" rel="stylesheet">
|
||
</head>
|
||
<body>
|
||
|
||
<!-- Hero Section -->
|
||
<section class="hero">
|
||
<div class="hero-brand">
|
||
<img src="assets/images/tlogoapp.png" alt="Tabeley App Logo" class="brand-logo">
|
||
<span class="brand-name">Tabeley</span>
|
||
</div>
|
||
|
||
<h1>احجز طاولتك بكل سهولة واحترافية</h1>
|
||
<p>
|
||
منصة Tabeley هي الحل الذكي لحجز الطاولات في المطاعم والمقاهي.
|
||
اختر المكان المناسب، حدّد الوقت الذي يناسبك، وأكّد حجزك خلال ثوانٍ
|
||
دون الحاجة إلى الاتصال أو الانتظار.
|
||
</p>
|
||
|
||
<div class="buttons">
|
||
<a href="#" class="btn android">تحميل تطبيق الأندرويد</a>
|
||
<button class="btn ios" disabled>تطبيق iPhone قريباً</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>١. اختر المطعم المناسب لك</div>
|
||
<div>٢. حدّد التاريخ والوقت وعدد الأشخاص</div>
|
||
<div>٣. أكّد الحجز واستمتع بتجربتك</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Contact -->
|
||
<section class="contact">
|
||
<h2>تواصل معنا</h2>
|
||
<div class="contact-links">
|
||
<a href="tel:+963983233965" class="contact-link" aria-label="اتصال هاتفي">
|
||
<span class="contact-icon" aria-hidden="true">☎</span>
|
||
<span class="contact-copy">
|
||
<strong>رقم الهاتف</strong>
|
||
<span dir="ltr">+963983233965</span>
|
||
</span>
|
||
</a>
|
||
|
||
<a href="mailto:Tabeley0@gmail.com" class="contact-link" aria-label="إرسال بريد إلكتروني">
|
||
<span class="contact-icon" aria-hidden="true">✉</span>
|
||
<span class="contact-copy">
|
||
<strong>البريد الإلكتروني</strong>
|
||
<span dir="ltr">Tabeley0@gmail.com</span>
|
||
</span>
|
||
</a>
|
||
</div>
|
||
|
||
<p>
|
||
<a href="https://www.instagram.com/tabeley_reservations?igsh=MTQ4ZzNxMzR0anExNA==" target="_blank" rel="noopener">
|
||
حسابنا على إنستغرام
|
||
</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
|
||
</footer>
|
||
|
||
<script src="script.js"></script>
|
||
</body>
|
||
</html>
|