perf: optimize landing page assets and reduce render cost
هذا الالتزام موجود في:
34
index.html
34
index.html
@@ -8,19 +8,16 @@
|
||||
<meta property="og:title" content="Tabeley | احجز طاولتك خلال ثوانٍ">
|
||||
<meta property="og:description" content="منصة ذكية لحجز المطاعم والمقاهي بتجربة عربية حديثة، تأكيد فوري، وخطوات واضحة من اختيار المطعم حتى تأكيد الحجز.">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:image" content="/assets/images/tlogoapp.png">
|
||||
<meta property="og:image" content="/assets/images/tlogoapp.webp">
|
||||
<meta property="og:locale" content="ar_AR">
|
||||
<link rel="icon" href="/assets/images/tlogoapp.png" type="image/png">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&display=swap" rel="stylesheet">
|
||||
<link rel="icon" href="/assets/images/tlogoapp.webp" type="image/webp">
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<header class="site-header">
|
||||
<div class="container header-shell">
|
||||
<a href="#top" class="brand">
|
||||
<img src="assets/images/tlogoapp.png" alt="شعار Tabeley" class="brand-logo">
|
||||
<img src="assets/images/tlogoapp.webp" alt="شعار Tabeley" class="brand-logo">
|
||||
<div class="brand-copy">
|
||||
<strong class="brand-name">Tabeley</strong>
|
||||
<small>Dining Reservation Platform</small>
|
||||
@@ -57,30 +54,9 @@
|
||||
<a href="#download" class="btn btn-primary">حمّل التطبيق الآن</a>
|
||||
<button class="btn btn-secondary" disabled>قريباً على iPhone</button>
|
||||
</div>
|
||||
<ul class="hero-points" aria-label="مميزات سريعة">
|
||||
<li>تأكيد فوري للحجز</li>
|
||||
<li>واجهة عربية واضحة</li>
|
||||
<li>تنظيم أسهل لتجربة الطعام</li>
|
||||
</ul>
|
||||
<div class="hero-stats" aria-label="مؤشرات المنصة">
|
||||
<div class="stat-card">
|
||||
<strong>+25</strong>
|
||||
<span>مطعمًا ومقهى في التوسع</span>
|
||||
</div>
|
||||
<div class="stat-card">
|
||||
<strong>ثوانٍ</strong>
|
||||
<span>لإتمام الحجز بخطوات واضحة</span>
|
||||
</div>
|
||||
<div class="stat-card">
|
||||
<strong>24/7</strong>
|
||||
<span>إمكانية طلب الحجز في أي وقت</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="hero-visual reveal reveal-delay-1" aria-hidden="true">
|
||||
<div class="hero-orb hero-orb-one"></div>
|
||||
<div class="hero-orb hero-orb-two"></div>
|
||||
<div class="phone-stack">
|
||||
<article class="phone-card is-main">
|
||||
<div class="phone-notch"></div>
|
||||
@@ -109,8 +85,6 @@
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
<div class="floating-card floating-card-top">مختار بعناية</div>
|
||||
<div class="floating-card floating-card-bottom">تنبيه قبل الموعد بساعة</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -408,6 +382,6 @@
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="script.js"></script>
|
||||
<script src="script.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
المرجع في مشكلة جديدة
حظر مستخدم