edit arabic version

thebase/thebase/the/index.html

@@ -21,7 +21,7 @@
   <header id="header">
     <div class="left_side">
       <div class="logo_cont">
-        <img src="./images/logo.png" alt="Logo">
+        <img src="./images/logo  (4).png" alt="Logo">
         <!-- <p class="logo">
           <span id="logo_the">The </span>
           <span id="logo_base">base</span>
@@ -30,17 +30,18 @@
       </div>
       <i class="fa-solid fa-bars list_icon" id="open_list"></i>
       <div class="right_side_h hidden ">
-        <a id="ticketing_btn1">حجز التذاكر</a>
+        <a id="ticketing_btn1"> التذاكر</a>
         <a><i class="fa-solid fa-bars"></i></a>
 
-        <a class="en_lang1">EN</a>
-        <a class="ar_lang1 colored">AR</a>
+        <a class="en_lang1 colored">EN</a>
+        <a class="ar_lang1 ">AR</a>
       </div>
       <p class="date">
         <span id="from">from</span>
         <span id="date_from">feb 5TH</span>
         <span id="to">to</span>
-        <span id="date_to">feb 7TH 2025</span>
+        <span id="date_to">feb 7TH <span>2025</span> </span>
+        
       </p>
       <p class="place" id="place">
         <span>HALL 8 -</span>
@@ -51,15 +52,15 @@
     </div>
     <div class="right_side">
       <a id="ticketing_bnt_en" href="#ticketing_section" class="ticketing_bnt_en hidden1">ticketing</a>
-      <a id="ticketing_ar" href="#ticketing_section_ar" class=" ticketing_ar">حجز التذاكر</a>
+      <a id="ticketing_ar" href="#ticketing_section_ar" class=" ticketing_ar"> التذاكر</a>
       <a class="lines">
         <span></span>
         <span></span>
         <span></span>
 
       </a>
-      <a class="en_lang">EN</a>
-      <a class="ar_lang colored">AR</a>
+      <a class="en_lang colored">EN</a>
+      <a class="ar_lang ">AR</a>
     </div>
 
   </header>
@@ -164,7 +165,9 @@
           <div class="swiper-slide"><img src="/images/game4.png" alt=""></div>
           <div class="swiper-slide"><img src="/images/game5.webp" alt=""></div>
           <div class="swiper-slide"><img src="/images/game6.webp" alt=""></div>
-          <div class="swiper-slide"><img src="/images/game6.webp" alt=""></div>
+          <div class="swiper-slide"><img src="/images/website_landing_page-02.webp" alt=""></div>
+          <div class="swiper-slide"><img src="/images/website_landing_page-03.webp" alt=""></div>
+          <div class="swiper-slide"><img src="/images/website_landing_page-04.webp" alt=""></div>
         </div>
 
         <div class="swiper-pagination"> next</div>
@@ -232,11 +235,17 @@
         <h1>CASUAL ACTIVITIES</h1>
         <h1> THIS IS WHERE <span>THE REAL
             FUN BEGINS! </span> </h1>
-
-        <p>ENJOY THE FREE-PLAY VIBES WITH OVER 20 GAMING PCS AND 10 PLAYSTATION 5 CONSOLES OPEN FOR EVERYONE.</p>
-        <p>JUMP INTO QUICK CHALLENGES, FRIENDLY MATCHES WITH YOUR FRIENDS, OR TRY YOUR FAVORITE GAMES WITHOUT LIMITS.
+         <p>THIS IS WHERE THE REAL FUN BEGINS!</p>
+        <p>ENJOY THE FREE-PLAY VIBES WITH OVER
+20 GAMING PCS AND 10 PLAYSTATION 5
+CONSOLES OPEN FOR EVERYONE.</p>
+        <p>JOIN SPONTANEOUS MINI TOURNAMENTS,
+WIN EXCITING PRIZES, OR CHALLENGE YOUR
+FRIENDS TO FRIENDLY MATCHES — IT’S ALL
+ABOUT THE THRILL OF PLAY.
         </p>
-        <p>A ZONE THAT BLENDS EXCITEMENT AND COMFORT — WHERE GAMING IS PURE JOY.</p>
+        <p>A ZONE THAT BLENDS EXCITEMENT AND
+COMFORT — WHERE GAMING IS PURE JOY!</p>
 
       </div>
       <div class="main_img">
@@ -262,9 +271,8 @@
           ً
 
           والمستقبل
-          ّ متطورة، استعد لمغامرات VR مع 6 محطات
-          ستعيشها بكل حواسك — تجربة تنقلك من
-          المشاهدة إلى قلب الحدث</p>
+          <p> ّ متطورة، استعد لمغامرات VR مع 6 محطات ستعيشها بكل حواسك — تجربة تنقلك من المشاهدة إلى قلب الحدث</p>
+        </p>
 
       </div>
       <div class="main_img">
@@ -286,11 +294,11 @@
             YOU’VE EXPERIENCED BEFORE.</span></h1>
         <p>A FUSION OF VIRTUAL REALITY AND CLASSIC
       ARCADE GAMES, BLENDING NOSTALGIA WITH
-          THE THRILL OF THE FUTURE.
-          WITH 6 ADVANCED VR STATIONS, GET READY
+      THE THRILL OF THE FUTURE.</p>
+      <p>WITH 6 ADVANCED VR STATIONS, GET READY
       FOR ADVENTURES THAT ENGAGE ALL YOUR
-          SENSES — AN EXPERIENCE
-          THAT PULLS YOU STRAIGHT INTO THE HEART
+      SENSES — AN EXPERIENCE</p>
+      <p>THAT PULLS YOU STRAIGHT INTO THE HEART
       OF THE ACTION.</p>
 
       </div>
@@ -373,9 +381,9 @@
             STOP AT BIG SCREENS! </span></h1>
             <p>JOIN THE DAILY PUBG MOBILE TOURNAMENTS,
             WHETHER YOU’RE PLAYING SOLO OR WITH
-          YOUR SQUAD.
-          THE COMPETITION HERE IS FAST, THRILLING,
-          AND ONLY THE BEST REACH THE TOP.</p>
+            YOUR SQUAD.</p>
+        <p>THE COMPETITION HERE IS FAST, THRILLING,
+AND ONLY THE BEST REACH THE TOP.</p>
         <div class="a_parent">
           <a>MOBILE AREA</a>
         </div>
@@ -394,7 +402,7 @@
 
             جزءا من عالمها</span></h1>
         <p>في منطقة الكوسبلاي، يتحوّل الإبداع
-         إلى عرض حي ّ من الأزياء، الألوان، والخيال
+         <span>الى عرض حي ّ من الأزياء، الألوان، والخيال</span>
           شارك، التقط الصور، وكن أنت البطل
           الذي يعشقه الجميع</p>
       </div>
@@ -617,11 +625,11 @@
           <span>15 KD</span>
         </div>
         <div class="text">
-          <p class="first-p">على مدار الأيام الثلاثة — البطولات، BASE THE احصل على دخول كامل إلى
-            والعروض، والكوسبلاي، ومنطقة الواقع الافتراضي، والآركيد، وجميع مناطق
-            الألعاب. استمتع بدخول غير محدود إلى جميع المناطق الترفيهية والتنافسية
-            وأنشطة المسرح الرئيسي وفعاليات المجتمع طوال المهرجان
-          </p>
+          <p class="first-p">
+            على مدار الأيام الثلاثة — البطولات، BASE THE احصل على دخول كامل إلى
+والعروض، والكوسبلاي، ومنطقة الواقع الافتراضي، والآركيد، وجميع مناطق
+الألعاب. استمتع بدخول غير محدود إلى جميع المناطق الترفيهية والتنافسية
+وأنشطة المسرح الرئيسي وفعاليات المجتمع طوال المهرجان          </p>
 
 
         </div>
@@ -637,19 +645,19 @@
           <span>10 KD</span>
         </div>
         <div class="text">
-          <p class="first-p">مثالي لعشاق الألعاب الذين يرغبون
-            في خوض التجربة بيوم واحد مكثف.
-            ّ
+          <p class="first-p">مثالي لعشاق الألعاب الذين يرغبونمثالي لعشاق الألعاب الذين يرغبون
+في خوض التجربة بيوم واحد مكثف.
+ّ
 
-            يوما ً كاملا تستكشف فيه جميع
+يوما ً كاملا تستكشف فيه جميع
 
-            ً
+ً
 
-            ِ اقض
-            البطولات، والواقع :BASE THE أركان
-            الافتراضي، وألعاب الطاولة، وعروض
-            الكوسبلاي، والمزيد — كل ذلك
-            بتذكرة واحدة
+ِ اقض
+البطولات، والواقع :BASE THE أركان
+الافتراضي، وألعاب الطاولة، وعروض
+الكوسبلاي، والمزيد — كل ذلك
+بتذكرة واحدة
           </p>
 
 
@@ -669,9 +677,10 @@
       </div>
       <div class="text">
         <p class="arab-p">
-          .على مدار الأيام الثلاثة - البطولات THE BASE احصل على دخول كامل إلى العروض، والكوسبلاي، ومنطقة الواقع
-          الافتراضي، والأركيد، وجميع مناطق الألعاب. استمتع بدخول غير محدود إلى جميع المناطق الترفيهية والتنافسية وأنشطة
-          المسرح الرئيسي وفعاليات المجتمع طوال المهرجان
+       حصري يتضمن أولوية VIP لمن يبحث عن تجربة استثنائية وشاملة. استمتع بدخول
+الدخول، ومقاعد محجوزة في المسرح الرئيسي، وفرص لقاء خلف الكواليس، وباقة
+منتجات مميزة. ثلاثة أيام من الألعاب، والرفاهية، والوصول إلى أعلى مستويات
+التجربة فيBASE THE
         </p>
 
 
@@ -744,7 +753,7 @@
     <h1 id="newsletter">NEWS LETTER</h1>
     <div>
       <div class="image">
-        <img src="./images/logo.png">
+        <img src="./images/logo.png" alt="Logo">
       </div>
       <div class="info">
         <p id="newsletter_text">RECEIVE THE LATEST NEWS FROM THE BASE - GAMING FESTIVAL</p>
@@ -757,7 +766,7 @@
             <label for="phone">Phone:</label>
             <input type="text" id="phone" name="phone" />
           </div>
-          <button type="submit">send message</button>
+          <button type="submit" onclick=>send message</button>
         </form>
 
       </div>

thebase/thebase/the/index.js

@@ -114,10 +114,10 @@ function changeLanguage(lang) {
            {
             location.href =  "#ticketing_section_ar"
            }
-           document.querySelector(".en_lang").classList.remove("colored")
-        document.querySelector(".en_lang1").classList.remove("colored")
-        document.querySelector(".ar_lang").classList.add("colored")
-        document.querySelector(".ar_lang1").classList.add("colored")
+           document.querySelector(".en_lang").classList.add("colored")
+        document.querySelector(".en_lang1").classList.add("colored")
+        document.querySelector(".ar_lang").classList.remove("colored")
+        document.querySelector(".ar_lang1").classList.remove("colored")
 
 
 
@@ -150,16 +150,16 @@ function changeLanguage(lang) {
            esports_title.innerHTML="E-SPORTS TOURNAMENTS"
            e_sport_btn.innerHTML="BOOK NOW"
        
-        document.querySelector(".en_lang").classList.add("colored")
-        document.querySelector(".en_lang1").classList.add("colored")
-        document.querySelector(".ar_lang").classList.remove("colored")
-        document.querySelector(".ar_lang1").classList.remove("colored")
+        document.querySelector(".en_lang").classList.remove("colored")
+        document.querySelector(".en_lang1").classList.remove("colored")
+        document.querySelector(".ar_lang").classList.add("colored")
+        document.querySelector(".ar_lang1").classList.add("colored")
 
   }
 }
  
-document.querySelector(".en_lang").addEventListener("click", () => changeLanguage("en"));
-document.querySelector(".en_lang1").addEventListener("click", () => changeLanguage("en"));
+// document.querySelector(".en_lang").addEventListener("click", () => changeLanguage("en"));
+// document.querySelector(".en_lang1").addEventListener("click", () => changeLanguage("en"));
 document.querySelector(".ar_lang").addEventListener("click", () => changeLanguage("ar"));
 document.querySelector(".ar_lang1").addEventListener("click", () => changeLanguage("ar"));
 // =========================
@@ -191,8 +191,16 @@ let lastScrollTop = 0;
     lastScrollTop = scrollTop <= 0 ? 0 : scrollTop; 
   });
   // ======================= Organize Logic
- function openNewWindow(url) {
+ function openNewWindow(url,target) {
     // Opens a new tab with example.com, specifying dimensions
+    if(target=="self")
+    {
+        window.open(url, "_self");
+          history.pushState("", document.title, window.location.pathname + window.location.search);
+    }
+     
+    
+  else 
     window.open(url, "_blank");
   }
  e_sport_btn.onclick=function  ()