Merge remote main into release history

.ghaymah.example.json

@@ -0,0 +1,18 @@
+{
+  "name": "tabeley-landing",
+  "ports": [
+    {
+      "expose": true,
+      "number": 80
+    }
+  ],
+  "publicAccess": {
+    "enabled": true,
+    "domain": "auto"
+  },
+  "resourceTier": "t1",
+  "dockerFileName": "Dockerfile",
+  "env": {
+    "TABELEY_API_BASE_URL": "https://your-backend-domain.example.com/api"
+  }
+}

.ghaymah.json

@@ -0,0 +1,18 @@
+{
+  "name": "tabeley-landing",
+  "ports": [
+    {
+      "expose": true,
+      "number": 80
+    }
+  ],
+  "publicAccess": {
+    "enabled": true,
+    "domain": "auto"
+  },
+  "resourceTier": "t1",
+  "dockerFileName": "Dockerfile",
+  "env": {
+    "TABELEY_API_BASE_URL": "https://your-backend-domain.example.com/api"
+  }
+}

Dockerfile

@@ -3,6 +3,6 @@ FROM nginx:1.27-alpine
 # Serve the static landing page through Nginx on port 80.
 COPY nginx.conf /etc/nginx/conf.d/default.conf
 COPY . /usr/share/nginx/html
+COPY docker-entrypoint.d/40-render-config.sh /docker-entrypoint.d/40-render-config.sh
 
 EXPOSE 80
-

config.js

@@ -0,0 +1 @@
+window.TABELEY_API_BASE_URL = "";

config.js.template

@@ -0,0 +1 @@
+window.TABELEY_API_BASE_URL = "${TABELEY_API_BASE_URL}";

docker-entrypoint.d/40-render-config.sh

@@ -0,0 +1,6 @@
+#!/bin/sh
+set -eu
+
+envsubst '${TABELEY_API_BASE_URL}' \
+  < /usr/share/nginx/html/config.js.template \
+  > /usr/share/nginx/html/config.js

index.html

@@ -51,9 +51,10 @@
                         دون انتظار أو اتصالات متكررة، لتستمتع بتجربة تناول أكثر راحة واحترافية.
                     </p>
                     <div class="hero-actions">
-                        <a href="#download" class="btn btn-primary">حمّل التطبيق الآن</a>
+                        <a href="/files/tabeley.apk" class="btn btn-primary" download>حمّل التطبيق الآن</a>
                         <button class="btn btn-secondary" disabled>قريباً على iPhone</button>
                     </div>
+                    <p class="download-note">تنزيل مباشر لنسخة Android APK.</p>
                 </div>
 
                 <div class="hero-visual reveal reveal-delay-1" aria-hidden="true">
@@ -319,12 +320,13 @@
                     <span class="eyebrow eyebrow-light">جاهز للتجربة؟</span>
                     <h2>ابدأ تجربة حجز أسهل اليوم</h2>
                     <p>نزّل التطبيق وابدأ بتنظيم حجوزاتك بطريقة أسرع وأوضح وأكثر راحة.</p>
+                    <p class="download-note download-note-light">رابط مباشر وآمن لتحميل نسخة Android APK.</p>
                 </div>
-                <a href="#" class="play-badge" aria-label="Google Play">
+                <a href="/files/tabeley.apk" class="play-badge" aria-label="تحميل تطبيق Tabeley لأندرويد" download>
                     <span class="play-icon">▶</span>
                     <span>
-                        <small>احصل عليه عبر</small>
-                        <strong>Google Play</strong>
+                        <small>تنزيل مباشر</small>
+                        <strong>Android APK</strong>
                     </span>
                 </a>
             </div>
@@ -337,11 +339,11 @@
                     <h2>نرحّب باستفساراتكم وشراكاتكم</h2>
                     <p>إذا كنت مطعمًا مهتمًا بالانضمام أو مستخدمًا لديه استفسار، يمكنك التواصل معنا مباشرة عبر القنوات التالية.</p>
                     <div class="contact-cards">
-                        <a href="mailto:Tabeley0@gmail.com" class="contact-card">
+                        <a href="mailto:support@tabeley.com" class="contact-card">
                             <span class="contact-card-icon">✉</span>
                             <span>
                                 <strong>البريد الإلكتروني</strong>
-                                <span dir="ltr">Tabeley0@gmail.com</span>
+                                <span dir="ltr">support@tabeley.com</span>
                             </span>
                         </a>
                         <a href="tel:+963983233965" class="contact-card">

styles.css

@@ -257,6 +257,17 @@ textarea {
     margin: 28px 0 24px;
 }
 
+.download-note {
+    margin: 0;
+    color: var(--muted);
+    font-size: 14px;
+    font-weight: 600;
+}
+
+.download-note-light {
+    color: rgba(255, 255, 255, 0.86);
+}
+
 .btn {
     min-height: 58px;
     padding: 0 24px;