Default language to Arabic (RTL) with Arabic titles; defer app.js to head

app.js

@@ -561,7 +561,7 @@ function applyLang(lang) {
   localStorage.setItem("ordenax-lang", lang);
 }
 
-let lang = localStorage.getItem("ordenax-lang") || "en";
+let lang = localStorage.getItem("ordenax-lang") || "ar";
 applyLang(lang);
 
 function refreshHeroReveal() {

contact.html

@@ -1,11 +1,11 @@
 <!doctype html>
-<html lang="en" dir="ltr">
+<html lang="ar" dir="rtl">
 <head>
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <title>Contact — Ordenax</title>
+  <title>تواصل — أورديناكس</title>
   <meta name="description" content="Get in touch with Ordenax. Request a demo, become a partner store, or join our wholesale supplier network in Saudi Arabia." />
-  <meta property="og:title" content="Contact — Ordenax" />
+  <meta property="og:title" content="تواصل — أورديناكس" />
   <meta property="og:description" content="Let's talk grocery. Request a demo or partnership call." />
   <meta property="og:type" content="website" />
   <link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='30' fill='%230F3D2C'/%3E%3Ccircle cx='32' cy='32' r='29' fill='none' stroke='%23C6A15B' stroke-width='1.5'/%3E%3Ctext x='32' y='42' font-family='Georgia,serif' font-size='30' fill='%23C6A15B' text-anchor='middle'%3EO%3C/text%3E%3C/svg%3E" />
@@ -13,6 +13,7 @@
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
   <link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Inter:wght@400;500;600;700&family=Almarai:wght@400;700;800&display=swap" rel="stylesheet" />
   <link rel="stylesheet" href="styles.css" />
+  <script src="app.js" defer></script>
 </head>
 <body data-page="contact">
   <header class="site-header" data-animate="nav">
@@ -148,6 +149,5 @@
     </div>
   </footer>
 
-  <script src="app.js"></script>
 </body>
 </html>

index.html

@@ -1,11 +1,11 @@
 <!doctype html>
-<html lang="en" dir="ltr">
+<html lang="ar" dir="rtl">
 <head>
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <title>Ordenax — Groceries from your local stores, delivered</title>
+  <title>أورديناكس — بقالتك من متاجر حيّك، حتى باب البيت</title>
   <meta name="description" content="Ordenax is the Saudi grocery platform that lets shoppers buy from local stores, helps stores sell smarter, and powers wholesale restocking — bilingual EN/AR." />
-  <meta property="og:title" content="Ordenax — Groceries from your local stores, delivered" />
+  <meta property="og:title" content="أورديناكس — بقالتك من متاجر حيّك، حتى باب البيت" />
   <meta property="og:description" content="Shop local, run your store, and restock wholesale on one platform built for Saudi Arabia." />
   <meta property="og:type" content="website" />
   <link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='30' fill='%230F3D2C'/%3E%3Ccircle cx='32' cy='32' r='29' fill='none' stroke='%23C6A15B' stroke-width='1.5'/%3E%3Ctext x='32' y='42' font-family='Georgia,serif' font-size='30' fill='%23C6A15B' text-anchor='middle'%3EO%3C/text%3E%3C/svg%3E" />
@@ -13,6 +13,7 @@
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
   <link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Inter:wght@400;500;600;700&family=Almarai:wght@400;700;800&display=swap" rel="stylesheet" />
   <link rel="stylesheet" href="styles.css" />
+  <script src="app.js" defer></script>
 </head>
 <body data-page="home">
   <header class="site-header" data-animate="nav">
@@ -289,6 +290,5 @@
     </div>
   </footer>
 
-  <script src="app.js"></script>
 </body>
 </html>

shoppers.html

@@ -1,11 +1,11 @@
 <!doctype html>
-<html lang="en" dir="ltr">
+<html lang="ar" dir="rtl">
 <head>
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <title>For shoppers — Ordenax</title>
+  <title>للمتسوّقين — أورديناكس</title>
   <meta name="description" content="Order groceries from local stores on Ordenax. Same-day delivery, real stock, bilingual Arabic/English support." />
-  <meta property="og:title" content="For shoppers — Ordenax" />
+  <meta property="og:title" content="للمتسوّقين — أورديناكس" />
   <meta property="og:description" content="Your neighborhood grocery store, now in your pocket." />
   <meta property="og:type" content="website" />
   <link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='30' fill='%230F3D2C'/%3E%3Ccircle cx='32' cy='32' r='29' fill='none' stroke='%23C6A15B' stroke-width='1.5'/%3E%3Ctext x='32' y='42' font-family='Georgia,serif' font-size='30' fill='%23C6A15B' text-anchor='middle'%3EO%3C/text%3E%3C/svg%3E" />
@@ -13,6 +13,7 @@
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
   <link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Inter:wght@400;500;600;700&family=Almarai:wght@400;700;800&display=swap" rel="stylesheet" />
   <link rel="stylesheet" href="styles.css" />
+  <script src="app.js" defer></script>
 </head>
 <body data-page="shoppers">
   <header class="site-header" data-animate="nav">
@@ -184,6 +185,5 @@
     </div>
   </footer>
 
-  <script src="app.js"></script>
 </body>
 </html>

stores.html

@@ -1,11 +1,11 @@
 <!doctype html>
-<html lang="en" dir="ltr">
+<html lang="ar" dir="rtl">
 <head>
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <title>For stores — Ordenax</title>
+  <title>للمتاجر — أورديناكس</title>
   <meta name="description" content="Grow your grocery store with Ordenax. More orders, simple point-of-sale, direct payments, and wholesale restocking — bilingual for Saudi Arabia." />
-  <meta property="og:title" content="For stores — Ordenax" />
+  <meta property="og:title" content="للمتاجر — أورديناكس" />
   <meta property="og:description" content="Turn your counter into a modern grocery business with Ordenax." />
   <meta property="og:type" content="website" />
   <link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='30' fill='%230F3D2C'/%3E%3Ccircle cx='32' cy='32' r='29' fill='none' stroke='%23C6A15B' stroke-width='1.5'/%3E%3Ctext x='32' y='42' font-family='Georgia,serif' font-size='30' fill='%23C6A15B' text-anchor='middle'%3EO%3C/text%3E%3C/svg%3E" />
@@ -13,6 +13,7 @@
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
   <link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Inter:wght@400;500;600;700&family=Almarai:wght@400;700;800&display=swap" rel="stylesheet" />
   <link rel="stylesheet" href="styles.css" />
+  <script src="app.js" defer></script>
 </head>
 <body data-page="stores">
   <header class="site-header" data-animate="nav">
@@ -208,6 +209,5 @@
     </div>
   </footer>
 
-  <script src="app.js"></script>
 </body>
 </html>

wholesale.html

@@ -1,11 +1,11 @@
 <!doctype html>
-<html lang="en" dir="ltr">
+<html lang="ar" dir="rtl">
 <head>
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <title>Wholesale supply — Ordenax</title>
+  <title>التوريد بالجملة — أورديناكس</title>
   <meta name="description" content="Supply stores across Saudi Arabia through Ordenax. Digital catalog, demand insights, reliable logistics and clear invoicing." />
-  <meta property="og:title" content="Wholesale supply — Ordenax" />
+  <meta property="og:title" content="التوريد بالجملة — أورديناكس" />
   <meta property="og:description" content="Supply the stores that feed the Kingdom with Ordenax wholesale." />
   <meta property="og:type" content="website" />
   <link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='30' fill='%230F3D2C'/%3E%3Ccircle cx='32' cy='32' r='29' fill='none' stroke='%23C6A15B' stroke-width='1.5'/%3E%3Ctext x='32' y='42' font-family='Georgia,serif' font-size='30' fill='%23C6A15B' text-anchor='middle'%3EO%3C/text%3E%3C/svg%3E" />
@@ -13,6 +13,7 @@
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
   <link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Inter:wght@400;500;600;700&family=Almarai:wght@400;700;800&display=swap" rel="stylesheet" />
   <link rel="stylesheet" href="styles.css" />
+  <script src="app.js" defer></script>
 </head>
 <body data-page="wholesale">
   <header class="site-header" data-animate="nav">
@@ -187,6 +188,5 @@
     </div>
   </footer>
 
-  <script src="app.js"></script>
 </body>
 </html>