routing

.gitignore

@@ -9,6 +9,7 @@ lerna-debug.log*
 
 node_modules
 dist
+build
 dist-ssr
 *.local
 

public/StreamingAssets/aa/AddressablesLink/link.xml

@@ -1,5 +1,6 @@
 <linker>
   <assembly fullname="Assembly-CSharp, Version=0.0.0.0, Culture=neutral, PublicKeyToken=null">
+    <type fullname="ArabicText" preserve="all" />
     <type fullname="BalconyButton" preserve="all" />
     <type fullname="CameraAdjustment" preserve="all" />
     <type fullname="CameraZoom" preserve="all" />
@@ -36,6 +37,7 @@
     <type fullname="StarterAssets.StarterAssetsInputs" preserve="all" />
     <type fullname="StarterAssets.ThirdPersonController" preserve="all" />
     <type fullname="StarterAssets.UICanvasControllerInput" preserve="all" />
+    <type fullname="TapToMove" preserve="all" />
     <type fullname="UIVirtualTouchZone" preserve="all" />
     <type fullname=".SceneFloor" preserve="nothing" serialized="true" />
     <type fullname=".UIVirtualTouchZone/Event" preserve="nothing" serialized="true" />
@@ -73,6 +75,10 @@
     <type fullname="Cinemachine.NoiseSettings/NoiseParams" preserve="nothing" serialized="true" />
     <type fullname="Cinemachine.NoiseSettings/TransformNoiseParams" preserve="nothing" serialized="true" />
   </assembly>
+  <assembly fullname="RTLTMPro, Version=0.0.0.0, Culture=neutral, PublicKeyToken=null">
+    <type fullname="RTLTMPro.RTLTextMeshPro" preserve="all" />
+    <type fullname="RTLTMPro.RTLTextMeshPro3D" preserve="all" />
+  </assembly>
   <assembly fullname="Unity.Addressables, Version=0.0.0.0, Culture=neutral, PublicKeyToken=null" preserve="all">
     <type fullname="UnityEngine.AddressableAssets.Addressables" preserve="all" />
     <type fullname="UnityEngine.AddressableAssets.AssetReference" preserve="nothing" serialized="true" />
@@ -125,15 +131,17 @@
     <type fullname="UnityEngine.ResourceManagement.ResourceProviders.SceneProvider" preserve="all" />
   </assembly>
   <assembly fullname="Unity.TextMeshPro, Version=0.0.0.0, Culture=neutral, PublicKeyToken=null">
+    <type fullname="TMPro.TextMeshPro" preserve="all" />
     <type fullname="TMPro.TextMeshProUGUI" preserve="all" />
     <type fullname="TMPro.TMP_FontAsset" preserve="all" />
-    <type fullname="TMPro.VertexGradient" preserve="nothing" serialized="true" />
     <type fullname="TMPro.FaceInfo_Legacy" preserve="nothing" serialized="true" />
     <type fullname="TMPro.FontAssetCreationSettings" preserve="nothing" serialized="true" />
     <type fullname="TMPro.KerningTable" preserve="nothing" serialized="true" />
     <type fullname="TMPro.TMP_Character" preserve="nothing" serialized="true" />
     <type fullname="TMPro.TMP_FontFeatureTable" preserve="nothing" serialized="true" />
     <type fullname="TMPro.TMP_FontWeightPair" preserve="nothing" serialized="true" />
+    <type fullname="TMPro.TMP_Glyph" preserve="nothing" serialized="true" />
+    <type fullname="TMPro.VertexGradient" preserve="nothing" serialized="true" />
   </assembly>
   <assembly fullname="UnityEngine.AnimationModule, Version=0.0.0.0, Culture=neutral, PublicKeyToken=null">
     <type fullname="UnityEngine.Animations.AimConstraint" preserve="all" />

public/TemplateData/diagnostics.css

@@ -1,105 +0,0 @@
-#diagnostics-overlay {
-  resize: vertical;
-  overflow: auto;
-  position:fixed;
-  left:0px;
-  bottom:0px;
-  height:20%;
-  width:100%;
-  color: #090909;
-  background:rgba(200, 200, 200, .90);
-  display: flex;
-  align-items: stretch;
-}
-
-#diagnostics-btn {
-  float: left;
-  font-family: arial;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  border: 1px solid #CCC;
-  background: #DDD;
-  box-shadow: 0 0 5px -1px rgba(0,0,0,0.2);
-  cursor: pointer;
-  width: 38px;
-  height: 38px;
-}
-
-#diagnostics-icon {
-  display: flex;
-  float: right;
-  width:38px;
-  height: 38px;
-  cursor:pointer;
-}
-
-#diagnostics-icon:hover {
-  background-color:#D3D3D3;
-}
-#diagnostics-summary {
-  display: inline-flex;
-  font-family: arial;
-  flex-flow: column;
-  column-gap: 1em;
-  margin: 1em;
-  padding: 1em;
-  max-width: 33em;
-  row-gap: 0.2em;
-  width: 20%;
-  resize: horizontal;
-  overflow-y: auto;
-  float: left;
-  border-right: 4px solid gray;
-  min-width: fit-content;  
-  height: 60%;    
-}
-
-#diagnostics-summary::-webkit-scrollbar {
-  -webkit-appearance: none;
-}
-
-#diagnostics-summary::-webkit-scrollbar:vertical {
-  width: 8px;
-}
-
-#diagnostics-summary::-webkit-scrollbar-thumb {
-  border-radius: 8px;
-  border: 1px solid white;
-  background-color: rgba(0, 0, 0, .5);
-}
-
-#diagnostics-graph {
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  vertical-align: top;
-  height: 100%;
-  margin-left: 2%;
-}
-
-#diagnostics-graph-canvas{
-  width: 210px;
-  height: 120px;
-}
-
-.data-row {
-  display: flex;
-}
-
-.label {
-  display: flex;
-  flex: 2 1 auto;
-}
-
-.indented {
-  display: flex;
-  flex: 2 1 auto;
-  margin-left: 1em;
-}
-
-.data {
-  display: flex;
-  flex: 1 1 auto;
-  justify-content: right;
-}

public/TemplateData/diagnostics.js

@@ -1,280 +0,0 @@
-var unityDiagnostics = (function () {
-  var overlayOpen = false;
-  var intervalId = 0;
-  var graph_stats;
-  function openDiagnosticsDiv(GetMetricsInfoFunc) {
-    // if not open, open!
-    if (!overlayOpen) {
-      var diagnostics_div = document.getElementById('diagnostics-overlay');
-      if (!diagnostics_div) {
-        createDiagnosticsLayout();
-      }
-
-      var totalJSMemDiv = document.getElementById("jsTotalMem");
-      var usedJSMemDiv = document.getElementById("jsUsedMem");
-      var totalWASMHeapDiv = document.getElementById("wasmTotalMem");
-      var usedWASMHeapDiv = document.getElementById("wasmUsedMem");
-      var pageLoadTimeDiv = document.getElementById("pageLoadTime");
-      var pageLoadTimeToFrame1Div = document.getElementById("pageLoadTimeToFrame1");
-      var movingAverageFpsDiv = document.getElementById("movingAverageFps");
-      var fpsDiv = document.getElementById("fps");
-      var numJankedFramesDiv = document.getElementById("numJankedFrames");
-      var webAssemblyStartupTimeDiv = document.getElementById("webAssemblyStartupTime");
-      var codeDownloadTimeDiv = document.getElementById("codeDownloadTime");
-      var gameStartupTimeDiv = document.getElementById("gameStartupTime");
-      var assetLoadTimeDiv = document.getElementById("assetLoadTime");
-
-      intervalId = setInterval(updateWebMetricInfo, 1000);
-      document.getElementById("diagnostics-overlay").style.height = "20%";
-      diagnostics_icon.style.filter = "grayscale(1)";
-      overlayOpen = true;
-    }
-
-    function createDiagnosticsLayout() {
-      diagnostics_div = document.createElement("div");
-      diagnostics_div.id = "diagnostics-overlay";
-
-      document.body.appendChild(diagnostics_div);
-
-      var diagnostics_btn = document.createElement("div");
-      diagnostics_btn.id = "diagnostics-btn";
-      diagnostics_btn.innerHTML = "X";
-      diagnostics_btn.addEventListener("click", closeOverlay);
-
-      diagnostics_div.appendChild(diagnostics_btn);
-
-      var diagnostics_summary = document.createElement("div");
-      diagnostics_summary.id = "diagnostics-summary";
-
-      var diagnostics_graph = document.createElement("div");
-      diagnostics_graph.id = "diagnostics-graph";
-
-      diagnostics_div.appendChild(diagnostics_summary);
-      diagnostics_div.appendChild(diagnostics_graph);
-
-      createDiagnosticsRow(diagnostics_summary, "Total JS Memory", "jsTotalMem", false);
-      createDiagnosticsRow(diagnostics_summary, "Used JS Memory", "jsUsedMem", true);
-      createDiagnosticsRow(diagnostics_summary, "Total WASM Heap", "wasmTotalMem", false);
-      createDiagnosticsRow(diagnostics_summary, "Used WASM Heap", "wasmUsedMem", true);
-      createDiagnosticsRow(diagnostics_summary, "Page Load Time To First Frame", "pageLoadTimeToFrame1", false);
-      createDiagnosticsRow(diagnostics_summary, "Page Load Time", "pageLoadTime", true);
-      createDiagnosticsRow(diagnostics_summary, "Code Download Time", "codeDownloadTime", true);
-      createDiagnosticsRow(diagnostics_summary, "Load time of asset file(.data)", "assetLoadTime", true);
-      createDiagnosticsRow(diagnostics_summary, "WebAssembly Startup Time", "webAssemblyStartupTime", true);
-      createDiagnosticsRow(diagnostics_summary, "Game Startup Time", "gameStartupTime", true);
-      createDiagnosticsRow(diagnostics_summary, "Average FPS (10 seconds)", "movingAverageFps", false);
-      createDiagnosticsRow(diagnostics_summary, "Current frames per second", "fps", true);
-      createDiagnosticsRow(diagnostics_summary, "Number of Frame Stalls", "numJankedFrames", false);
-
-      graph_stats = new createGraph();
-      diagnostics_graph.appendChild(graph_stats.graph_dom);
-    }
-
-    function createDiagnosticsRow(diagnostics_summary, labelInnerHtml, spanId, indent) {
-      var data_row = document.createElement("div");
-      data_row.className = "data-row";
-      diagnostics_summary.appendChild(data_row);
-
-      var label = document.createElement("div");
-      label.className = "label";
-
-      var data = document.createElement("div");
-      data.className = "data";
-      data_row.appendChild(data);
-
-      var span = document.createElement("span");
-      data.appendChild(span);
-
-      label.innerHTML = labelInnerHtml;
-      span.id = spanId;
-      if (indent) {
-        var indent = document.createElement("div");
-        indent.className = "indented";
-        data_row.appendChild(indent);
-        indent.appendChild(label);
-      } else {
-        data_row.append(label);
-      }
-      data_row.append(data);
-    }
-
-    function updateWebMetricInfo(){
-      var metricsInfo = GetMetricsInfoFunc();
-      if (isNaN(metricsInfo.totalJSHeapSize) && isNaN(metricsInfo.usedJSHeapSize)) {
-        totalJSMemDiv.textContent = "N/A";
-        usedJSMemDiv.textContent = "N/A";
-      } else {
-        totalJSMemDiv.textContent = formatBytes(metricsInfo.totalJSHeapSize);
-        usedJSMemDiv.textContent = formatBytes(metricsInfo.usedJSHeapSize);
-      }
-      totalWASMHeapDiv.textContent = formatBytes(metricsInfo.totalWASMHeapSize);
-      usedWASMHeapDiv.textContent = formatBytes(metricsInfo.usedWASMHeapSize);
-      pageLoadTimeDiv.textContent = (metricsInfo.pageLoadTime/1000).toFixed(2) + ' sec';
-      pageLoadTimeToFrame1Div.textContent = (metricsInfo.pageLoadTimeToFrame1/1000).toFixed(2) + ' sec';
-      assetLoadTimeDiv.textContent = (metricsInfo.assetLoadTime/1000).toFixed(2) + ' sec';
-      webAssemblyStartupTimeDiv.textContent = (metricsInfo.webAssemblyStartupTime/1000).toFixed(2) + ' sec';
-      codeDownloadTimeDiv.textContent = (metricsInfo.codeDownloadTime/1000).toFixed(2) + ' sec';
-      gameStartupTimeDiv.textContent = (metricsInfo.gameStartupTime/1000).toFixed(2) + ' sec';
-      movingAverageFpsDiv.textContent = (metricsInfo.movingAverageFps).toFixed(2);
-      fpsDiv.textContent = (metricsInfo.fps).toFixed(2);
-      numJankedFramesDiv.textContent = metricsInfo.numJankedFrames;
-
-      graph_stats.plotGraph(metricsInfo, true);
-    }
-
-    function closeOverlay() {
-      clearInterval(intervalId);
-      intervalId = 0;
-      document.getElementById("diagnostics-overlay").style.height = "0px";
-      diagnostics_icon.style.filter = "grayscale(0)";
-      overlayOpen = false;
-    }
-
-    function formatNumber(num) {
-      num = num || 0;
-      var num_str = num.toString();
-      if (num >= 1000) return num_str.substr(0, 4);
-      else return num_str.substr(0, 5);
-    }
-
-    function formatBytes(bytes) {
-      if (bytes >= 1024 * 1024 * 1024) return formatNumber(bytes / (1024 * 1024 * 1024)) + '\xa0GB';
-      else if (bytes >= 1024 * 1024) return formatNumber(bytes / (1024 * 1024)) + '\xa0MB';
-      else if (bytes >= 1024) return formatNumber(bytes / 1024) + '\xa0KB';
-      else return formatNumber(bytes) + ' B';
-    }
-
-    function formatBytesInfo(bytes) {
-      if (bytes >= 1024 * 1024 * 1024) return {
-        bytesValue: formatNumber(bytes / (1024 * 1024 * 1024)),
-        unitMeasure: 'GB'
-      };
-      else if (bytes >= 1024 * 1024) return {
-        bytesValue: formatNumber(bytes / (1024 * 1024)),
-        unitMeasure: 'MB'
-      };
-      else if (bytes >= 1024) return {
-        bytesValue: formatNumber(bytes / 1024),
-        unitMeasure: 'KB'
-      };
-      else return {
-        bytesValue: formatNumber(bytes),
-        unitMeasure: 'B'
-      };
-    }
-
-    function GraphPanel(name, fontColor, backgroundColor) {
-      var min = Infinity, max = 0, round = Math.round;
-
-      var pixel_ratio = round( window.devicePixelRatio || 1);
-      if (/iPhone|iPad|iPod|Android/i.test(navigator.userAgent)) {
-        pixel_ratio = 1;
-      }
-    
-      var canvas_width = 250 * pixel_ratio, canvas_height = 180 * pixel_ratio,
-          textname_xpos = 6 * pixel_ratio, textname_ypos = 6 * pixel_ratio,
-          graph_area_xpos = 8 * pixel_ratio, graph_area_ypos = 30 * pixel_ratio,
-          graph_area_width = 234 * pixel_ratio, graph_area_height = 140 * pixel_ratio;
-    
-      var graph_canvas = document.createElement('canvas');
-      graph_canvas.id = "diagnostics-graph-canvas";
-      graph_canvas.width = canvas_width;
-      graph_canvas.height = canvas_height;
-    
-      var graph_ctx = graph_canvas.getContext('2d');
-      graph_ctx.font = 'bold ' + ( 16 * pixel_ratio) + 'px Helvetica,Arial,sans-serif';
-      graph_ctx.textBaseline = 'top';
-    
-      graph_ctx.fillStyle = backgroundColor;
-      graph_ctx.fillRect( 0, 0, canvas_width, canvas_height);
-
-      graph_ctx.fillStyle = fontColor;
-      graph_ctx.fillText( name, textname_xpos, textname_ypos);
-      graph_ctx.fillRect( graph_area_xpos, graph_area_ypos, graph_area_width, graph_area_height);
-    
-      
-      graph_ctx.fillStyle = backgroundColor;
-      graph_ctx.globalAlpha = 0.5;
-      graph_ctx.fillRect( graph_area_xpos, graph_area_ypos, graph_area_width, graph_area_height);
-
-      return {
-        graph_dom: graph_canvas,
-        update: function (value, unitMeasure) {
-          min = Math.min(min, value);
-          max = Math.max(max, value);
-          
-          graph_ctx.fillStyle = backgroundColor;
-          graph_ctx.globalAlpha = 1;
-          graph_ctx.fillRect(0, 0, canvas_width, graph_area_ypos);
-          
-          graph_ctx.fillStyle = fontColor;
-          graph_ctx.textAlign = 'left';
-          graph_ctx.fillText(name, textname_xpos, textname_ypos);
-
-          graph_ctx.textAlign = 'right';
-          if(unitMeasure){
-            graph_ctx.fillText(formatNumber(value) + unitMeasure + ' (' + round( min ) + '-' + round( max ) + ')', canvas_width-10, textname_ypos);
-          }
-          else{
-            graph_ctx.fillText(formatNumber(value) + ' (' + round( min ) + '-' + round( max ) + ')', canvas_width-10, textname_ypos);
-          }
-
-          graph_ctx.drawImage(graph_canvas, graph_area_xpos + pixel_ratio, graph_area_ypos, graph_area_width - pixel_ratio, graph_area_height, graph_area_xpos, graph_area_ypos, graph_area_width - pixel_ratio, graph_area_height);
-    
-          graph_ctx.fillRect(graph_area_xpos + graph_area_width - pixel_ratio, graph_area_ypos, pixel_ratio, graph_area_height);
-    
-          graph_ctx.fillStyle = backgroundColor;
-          graph_ctx.globalAlpha = 0.5;
-          graph_ctx.fillRect(graph_area_xpos + graph_area_width - pixel_ratio, graph_area_ypos, pixel_ratio, round((1 - (value / max)) * graph_area_height));
-        }
-      };
-    }
-
-    function createGraph(){
-      var numGraphPanel = 4;
-      var graphContainer = document.createElement('div');
-      if(graphContainer === undefined) return;
-
-      graphContainer.style.cssText = 'cursor:pointer;';
-      graphContainer.style.display = 'contents';
-
-
-      function addGraphPanel(graph_panel) {
-        graphContainer.appendChild(graph_panel.graph_dom);
-        return graph_panel;
-      }
-
-      function showGraphPanel(id) {
-        graphContainer.children[id].style.margin = '1em';
-      }
-      var fpsGraphPanel = addGraphPanel(new GraphPanel('FPS', '#0ff', '#002'));
-      var movingAvgFpsGraphPanel = addGraphPanel(new GraphPanel('Average FPS', '#0f0', '#020'));
-      var usedJsMemGraphPanel = addGraphPanel(new GraphPanel('Used JS Mem', '#f60', '#201'));
-      var usedWasmMemGraphPanel = addGraphPanel(new GraphPanel('Used Wasm', '#ff0', '#020'));
-
-      for(var i=0;i<numGraphPanel;i++){
-        showGraphPanel(i);
-      }
-
-      return {
-        graph_dom: graphContainer,
-        plotGraph: function (metrics) {
-          fpsGraphPanel.update(metrics.fps);
-          movingAvgFpsGraphPanel.update(metrics.movingAverageFps);
-
-          var formattedBytesInfo = formatBytesInfo(metrics.usedWASMHeapSize);
-          usedWasmMemGraphPanel.update(formattedBytesInfo.bytesValue, formattedBytesInfo.unitMeasure);
-          if(!isNaN(metrics.usedJSHeapSize)){
-            formattedBytesInfo = formatBytesInfo(metrics.usedJSHeapSize);
-            usedJsMemGraphPanel.update(formattedBytesInfo.bytesValue, formattedBytesInfo.unitMeasure); 
-          } 
-        }
-      };
-    }
-  }
-
-  return {
-    openDiagnosticsDiv: openDiagnosticsDiv
-  };
-
-})();

public/TemplateData/style.css

@@ -1,16 +0,0 @@
-body { padding: 0; margin: 0 }
-#unity-container { position: absolute }
-#unity-container.unity-desktop { left: 50%; top: 50%; transform: translate(-50%, -50%) }
-#unity-container.unity-mobile { position: fixed; width: 100%; height: 100% }
-#unity-canvas { background: #231F20 }
-.unity-mobile #unity-canvas { width: 100%; height: 100% }
-#unity-loading-bar { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none }
-#unity-logo { width: 154px; height: 130px; background: url('unity-logo-dark.png') no-repeat center }
-#unity-progress-bar-empty { width: 141px; height: 18px; margin-top: 10px; margin-left: 6.5px; background: url('progress-bar-empty-dark.png') no-repeat center }
-#unity-progress-bar-full { width: 0%; height: 18px; margin-top: 10px; background: url('progress-bar-full-dark.png') no-repeat center }
-#unity-footer { position: relative }
-.unity-mobile #unity-footer { display: none }
-#unity-logo-title-footer { float:left; width: 102px; height: 38px; background: url('unity-logo-title-footer.png') no-repeat center }
-#unity-build-title { float: right; margin-right: 10px; line-height: 38px; font-family: arial; font-size: 18px }
-#unity-fullscreen-button { cursor:pointer; float: right; width: 38px; height: 38px; background: url('fullscreen-button.png') no-repeat center }
-#unity-warning { position: absolute; left: 50%; top: 5%; transform: translate(-50%); background: white; padding: 10px; display: none }

src/components/HouseItem.tsx

@@ -18,7 +18,7 @@ const HouseItem = ({ villa }: HouseItemProps) => {
 
   const handleOnKnowMoreButton = () => {
     setModal(null);
-    navigate(`/${villa.type}`);
+    navigate(`../villa/${villa.type}`);
   };
 
   return (

src/components/Layout.tsx

@@ -2,10 +2,16 @@ import { FullScreen, useFullScreenHandle } from "react-full-screen";
 import { useEffect } from "react";
 import { Outlet } from "react-router-dom";
 import useStore from "../store/store";
+import { useParams } from "react-router-dom";
 
 const Layout = () => {
   const { loader, setOnFullscreen, modal, hintModal } = useStore();
   const onFullscreenHandle = useFullScreenHandle();
+  const { lang } = useParams();
+
+  useEffect(() => {
+    console.log("lang", lang);
+  }, []);
 
   useEffect(() => {
     setOnFullscreen(onFullscreenHandle);

src/components/ListButton.tsx

@@ -14,7 +14,7 @@ const ListButton = ({ className, onClick }: ListButtonProps) => {
       } items-center select-none cursor-pointer pl-2 pr-4 py-[6px] bg-[#EFE4DE] rounded-[32px] flex w-fit font-medium absolute`}
     >
       <ListIcon />
-      List
+      قائمة الفلل
     </button>
   );
 };

src/components/mobile/Main/HouseListModal.tsx

@@ -4,7 +4,7 @@ import HouseList from "./HouseList";
 const HouseListModal = () => {
   return (
     <div className="w-screen bg-white absolute z-30">
-      <MainPagePanel title="Select a House" />
+      <MainPagePanel title="اختر فيلا" />
       <HouseList />
     </div>
   );

src/components/mobile/Main/SelectedHouseModal.tsx

@@ -26,10 +26,10 @@ const SelectedHouseModal = () => {
                 )}
               </div>
               <div className="w-full flex flex-col justify-center gap-1 text-[#666668]">
-                <p>Type</p>
-                <p>House Size</p>
-                <p>Bedrooms</p>
-                <p>Villa Theme</p>
+                <p>النوع</p>
+                <p>مساحة الفيلا (متر مربع)</p>
+                <p>غرف النوم</p>
+                <p>تصميم واجهة الفيلا</p>
               </div>
               <div className="flex flex-col w-[82px] pr-4 justify-center ">
                 <div className="uppercase">{selectedOnMapVilla?.type}</div>

src/hooks/useUnity.ts

@@ -2,11 +2,11 @@ import { useUnityContext } from "react-unity-webgl";
 
 function useUnity() {
   return useUnityContext({
-    loaderUrl: "Build/estate-webgl-dev.loader.js",
-    dataUrl: "Build/estate-webgl-dev.data.unityweb",
-    frameworkUrl: "Build/estate-webgl-dev.framework.js.unityweb",
-    codeUrl: "Build/estate-webgl-dev.wasm.unityweb",
-    streamingAssetsUrl: "StreamingAssets",
+    loaderUrl: "../../Build/estate-webgl-dev.loader.js",
+    dataUrl: "../../Build/estate-webgl-dev.data.unityweb",
+    frameworkUrl: "../../Build/estate-webgl-dev.framework.js.unityweb",
+    codeUrl: "../../Build/estate-webgl-dev.wasm.unityweb",
+    streamingAssetsUrl: "../../StreamingAssets",
   });
 }
 

src/main.tsx

@@ -7,15 +7,15 @@ import Layout from "./components/Layout";
 
 const router = createBrowserRouter([
   {
-    path: "/",
+    path: "/:lang/",
     element: <Layout />,
     children: [
       {
-        path: "/:villaTitle",
+        path: "villa/:villaTitle",
         element: <ApartmentPage />,
       },
       {
-        path: "/",
+        index: true,
         element: <MainPage />,
       },
     ],

src/pages/Desktop/DesktopApartmentPage.tsx

@@ -77,6 +77,7 @@ const DesktopApartmentPage = () => {
 
     if (isContainerLoaded) {
       sendMessage("JsConnector", "SetCurrentVilla", villa.type);
+      sendMessage("JsConnector", "SeCurrentLang", "ar");
     }
   }, [isContainerLoaded]);
 

src/pages/Mobile/MobileApartmentPage.tsx

@@ -97,6 +97,7 @@ const MobileApartmentPage = () => {
     setSendMessageToUnity(sendMessage);
     if (isContainerLoaded) {
       sendMessage("JsConnector", "SetCurrentVilla", villa.type);
+      sendMessage("JsConnector", "SeCurrentLang", "ar");
     }
   }, [isContainerLoaded]);