From d3dfc366778b0f9b496ecf259419b0913b856e5b Mon Sep 17 00:00:00 2001 From: Abdul Kareem Date: Mon, 23 Mar 2026 02:49:00 +0300 Subject: [PATCH] perf: optimize landing page assets and reduce render cost --- assets/images/tlogo.webp | Bin 0 -> 4784 bytes assets/images/tlogoapp.webp | Bin 0 -> 5592 bytes index.html | 34 +------- nginx.conf | 11 ++- styles.css | 159 ++++-------------------------------- 5 files changed, 32 insertions(+), 172 deletions(-) create mode 100644 assets/images/tlogo.webp create mode 100644 assets/images/tlogoapp.webp diff --git a/assets/images/tlogo.webp b/assets/images/tlogo.webp new file mode 100644 index 0000000000000000000000000000000000000000..841676d2039388c5181e972ffdaf61eab99b690b GIT binary patch literal 4784 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 literal 0 HcmV?d00001 diff --git a/index.html b/index.html index 17616ea..92b4f86 100644 --- a/index.html +++ b/index.html @@ -8,19 +8,16 @@ - + - - - - +
- +
Tabeley Dining Reservation Platform @@ -57,30 +54,9 @@ حمّل التطبيق الآن
-
    -
  • تأكيد فوري للحجز
    • -
  • واجهة عربية واضحة
    • -
  • تنظيم أسهل لتجربة الطعام
    • -
-
-
- +25 - مطعمًا ومقهى في التوسع -
-
- ثوانٍ - لإتمام الحجز بخطوات واضحة -
-
- 24/7 - إمكانية طلب الحجز في أي وقت -
-
-
مختار بعناية
-
تنبيه قبل الموعد بساعة
@@ -408,6 +382,6 @@ - + diff --git a/nginx.conf b/nginx.conf index 306de3c..0925b7a 100644 --- a/nginx.conf +++ b/nginx.conf @@ -5,8 +5,17 @@ server { root /usr/share/nginx/html; index index.html; + gzip on; + gzip_vary on; + gzip_min_length 1024; + gzip_types text/plain text/css application/javascript application/json image/svg+xml; + location / { try_files $uri $uri/ =404; } -} + location ~* \.(css|js|jpg|jpeg|png|webp|svg|ico)$ { + expires 30d; + add_header Cache-Control "public, max-age=2592000"; + } +} diff --git a/styles.css b/styles.css index aab7d5e..0eca03b 100644 --- a/styles.css +++ b/styles.css @@ -9,8 +9,8 @@ --surface: #ffffff; --surface-soft: #fff5f5; --border: #f2c6c6; - --shadow: 0 20px 60px rgba(74, 30, 30, 0.08); - --shadow-soft: 0 12px 30px rgba(211, 47, 47, 0.14); + --shadow: 0 8px 20px rgba(0, 0, 0, 0.08); + --shadow-soft: 0 8px 20px rgba(0, 0, 0, 0.08); --radius-lg: 28px; --radius-md: 20px; --radius-sm: 14px; @@ -28,12 +28,9 @@ html { body { margin: 0; min-height: 100vh; - background: - radial-gradient(circle at 15% 15%, rgba(255, 255, 255, 0.8), transparent 16%), - radial-gradient(circle at top right, rgba(211, 47, 47, 0.08), transparent 22%), - linear-gradient(180deg, #fffbf7 0%, #fff7f2 58%, #fffaf6 100%); + background: #fffbf7; color: var(--text-main); - font-family: 'Cairo', sans-serif; + font-family: Arial, "Segoe UI", Tahoma, sans-serif; line-height: 1.7; overflow-x: hidden; } @@ -64,7 +61,7 @@ textarea { } .section-soft { - background: linear-gradient(180deg, rgba(255, 235, 238, 0.65) 0%, rgba(255, 251, 247, 0.95) 100%); + background: #fff7f6; } .eyebrow { @@ -124,7 +121,6 @@ textarea { position: sticky; top: 0; z-index: 1000; - backdrop-filter: blur(18px); background: rgba(255, 251, 247, 0.88); border-bottom: 1px solid rgba(43, 27, 27, 0.08); } @@ -240,7 +236,7 @@ textarea { .hero-grid { display: grid; grid-template-columns: 1.1fr 0.9fr; - gap: 48px; + gap: 32px; align-items: center; } @@ -291,85 +287,13 @@ textarea { cursor: not-allowed; } -.hero-points { - list-style: none; - margin: 0; - padding: 0; - display: flex; - flex-wrap: wrap; - gap: 12px; -} - -.hero-points li { - padding: 10px 14px; - background: rgba(255, 255, 255, 0.82); - border: 1px solid var(--border); - border-radius: 999px; - color: var(--accent); - font-weight: 700; - box-shadow: 0 10px 24px rgba(74, 30, 30, 0.06); -} - -.hero-stats { - margin-top: 28px; - display: grid; - grid-template-columns: repeat(3, minmax(0, 1fr)); - gap: 14px; -} - -.stat-card { - padding: 18px 16px; - border-radius: 20px; - background: linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(255, 245, 245, 0.92)); - border: 1px solid rgba(242, 198, 198, 0.9); - box-shadow: 0 18px 36px rgba(74, 30, 30, 0.08); -} - -.stat-card strong { - display: block; - margin-bottom: 6px; - color: var(--primary-dark); - font-size: 26px; - font-weight: 800; -} - -.stat-card span { - color: var(--text-muted); - font-size: 13px; - line-height: 1.5; -} - .hero-visual { position: relative; } -.hero-orb { - position: absolute; - border-radius: 999px; - filter: blur(8px); - opacity: 0.72; - pointer-events: none; -} - -.hero-orb-one { - top: 36px; - right: 8%; - width: 132px; - height: 132px; - background: radial-gradient(circle, rgba(211, 47, 47, 0.2), rgba(211, 47, 47, 0.02)); -} - -.hero-orb-two { - bottom: 52px; - left: 4%; - width: 180px; - height: 180px; - background: radial-gradient(circle, rgba(183, 28, 28, 0.14), rgba(183, 28, 28, 0.01)); -} - .phone-stack { position: relative; - min-height: 520px; + min-height: 420px; display: flex; align-items: center; justify-content: center; @@ -380,13 +304,13 @@ textarea { width: min(320px, 84vw); border-radius: 42px; background: linear-gradient(180deg, #1c222d 0%, #11161f 100%); - box-shadow: 0 40px 100px rgba(17, 22, 31, 0.28); + box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08); padding: 14px; border: 1px solid rgba(255, 255, 255, 0.06); } .phone-card.is-main { - transform: rotate(-7deg) translateY(-8px); + transform: none; } .phone-notch, @@ -402,11 +326,8 @@ textarea { .mockup-screen { min-height: 470px; border-radius: 30px; - background: - radial-gradient(circle at top left, rgba(255, 255, 255, 0.2), transparent 28%), - linear-gradient(180deg, #fffbf7 0%, #fff0f1 100%); + background: linear-gradient(180deg, #fffbf7 0%, #fff0f1 100%); padding: 28px 22px; - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45); } .screen-tag, @@ -472,27 +393,6 @@ textarea { background: #f57c00; } -.floating-card { - position: absolute; - padding: 14px 18px; - border-radius: 18px; - background: rgba(255, 255, 255, 0.88); - border: 1px solid var(--border); - box-shadow: 0 18px 44px rgba(43, 27, 27, 0.12); - font-weight: 700; - backdrop-filter: blur(10px); -} - -.floating-card-top { - top: 20px; - right: 10px; -} - -.floating-card-bottom { - bottom: 30px; - left: 0; -} - .screens-grid, .features-grid, .timeline, @@ -543,8 +443,8 @@ textarea { } .feature-card:hover { - transform: translateY(-5px); - box-shadow: 0 24px 48px rgba(74, 30, 30, 0.12); + transform: translateY(-2px); + box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08); } .feature-icon, @@ -626,8 +526,7 @@ textarea { grid-template-columns: 0.8fr 1.2fr; gap: 24px; align-items: center; - background: - linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(255, 243, 243, 0.92)); + background: #fff; } .faq-shell { @@ -684,15 +583,13 @@ textarea { .download-shell { padding: 40px; border-radius: 32px; - background: - radial-gradient(circle at top left, rgba(255, 255, 255, 0.18), transparent 24%), - linear-gradient(135deg, var(--primary) 0%, #e35a5a 100%); + background: linear-gradient(135deg, var(--primary) 0%, #e35a5a 100%); color: #fff; display: grid; grid-template-columns: 1.3fr 0.7fr; gap: 24px; align-items: center; - box-shadow: 0 28px 60px rgba(183, 28, 28, 0.2); + box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08); } .download-shell p { @@ -752,8 +649,8 @@ textarea { } .contact-card:hover { - transform: translateY(-4px); - box-shadow: 0 20px 40px rgba(74, 30, 30, 0.12); + transform: translateY(-2px); + box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08); } .contact-card-icon { @@ -1101,10 +998,6 @@ textarea { grid-template-columns: repeat(2, 1fr); } - .hero-stats { - grid-template-columns: 1fr; - } - .timeline::before { display: none; } @@ -1184,7 +1077,6 @@ textarea { .footer-shell, .hero-actions, - .hero-points, .badge-cloud { flex-direction: column; align-items: stretch; @@ -1207,22 +1099,7 @@ textarea { .phone-stack { min-height: auto; - padding-bottom: 90px; - } - - .phone-card.is-main { - transform: none; - } - - .floating-card-top { - top: auto; - bottom: 18px; - right: 18px; - } - - .floating-card-bottom { - bottom: -30px; - left: 18px; + padding-bottom: 0; } .feature-card,