diff --git a/public/galleryFunction.js b/public/galleryFunction.js
index b6dffc8..c5e8dfe 100644
--- a/public/galleryFunction.js
+++ b/public/galleryFunction.js
@@ -1,45 +1,45 @@
-const jsonData = [
-    {
-        "src": "/assets/back.jpeg",
-        "title": "Image Title 1",
-        "description": "Description for image 1 goes here."
-    },
-    {
-        "src": "/assets/background.jpg",
-        "title": "Image Title 2",
-        "description": "Description for image 2 goes here."
-    },
-    {
-        "src": "/assets/backgroundImage.png",
-        "title": "Image Title 3",
-        "description": "Description for image 3 goes here."
-    },
-    {
-        "src": "/assets/beanieImage.png",
-        "title": "Image Title 4",
-        "description": "Description for image 4 goes here."
+      const jsonData = [
+        {
+            "src": "/assets/back.jpeg",
+            "title": "Image Title 1",
+            "description": "Description for image 1 goes here."
+        },
+        {
+            "src": "/assets/background.jpg",
+            "title": "Image Title 2",
+            "description": "Description for image 2 goes here."
+        },
+        {
+            "src": "/assets/backgroundImage.png",
+            "title": "Image Title 3",
+            "description": "Description for image 3 goes here."
+        },
+        {
+            "src": "/assets/beanieImage.png",
+            "title": "Image Title 4",
+            "description": "Description for image 4 goes here."
+        }
+    ];
+    let currentSlide = 0;
+    function updateSlide(){
+        const slide = jsonData[currentSlide];
+        document.getElementById('slideImage').src = slide.src;
+        document.getElementById('imageTitle').textContent = slide.title;
+        document.getElementById('imageDescription').textContent = slide.description;
     }
-];
-let currentSlide = 0;
-function updateSlide(jsonData){
-    const slide = jsonData[currentSlide];
-    document.getElementById('slideImage').src = slide.src;
-    document.getElementById('imageTitle').textContent = slide.title;
-    document.getElementById('imageDescription').textContent = slide.description;
-}
-document.getElementById('nextButton').addEventListener('click', () => {
-    currentSlide = (currentSlide + 1) % jsonData.length;
-    console.log(currentSlide)
+    document.getElementById('nextButton').addEventListener('click', () => {
+        currentSlide = (currentSlide + 1) % jsonData.length;
+        console.log(currentSlide)
+        updateSlide();
+    })
+    document.getElementById('prevButton').addEventListener('click', () => {
+        currentSlide = (currentSlide - 1 + jsonData.length) % jsonData.length;
+        updateSlide();
+    })
     updateSlide();
-})
-document.getElementById('prevButton').addEventListener('click', () => {
-    currentSlide = (currentSlide - 1 + jsonData.length) % jsonData.length;
-    updateSlide();
-})
-updateSlide();
-let parentMainContainer = document.getElementById('parentMainContainer');
-let gallerySliderId = document.getElementById('gallerySliderId');
-function closeGallery(){
-    gallerySliderId.classList.add('hidden');
-    
-}
\ No newline at end of file
+    let parentMainContainer = document.getElementById('parentMainContainer');
+    let gallerySliderId = document.getElementById('gallerySliderId');
+    function closeGallery(){
+        gallerySliderId.classList.add('hidden');
+        
+    }
\ No newline at end of file
diff --git a/public/saveGameData.js b/public/saveGameData.js
index d01bea7..2393add 100644
--- a/public/saveGameData.js
+++ b/public/saveGameData.js
@@ -6,7 +6,7 @@ const queryString = window.location.search;
 const urlParams = new URLSearchParams(queryString);
 const userId = urlParams.get('userId');
 const gameVersion = urlParams.get('gameName');
-let gameId;
+const gameId = urlParams.get('id');
 let submitNotic;
 
 console.log(userId);
diff --git a/src/pages/cross/cross_phonics_v1.astro b/src/pages/cross/cross_phonics_v1.astro
index 619ee50..1dc5271 100644
--- a/src/pages/cross/cross_phonics_v1.astro
+++ b/src/pages/cross/cross_phonics_v1.astro
@@ -22,7 +22,7 @@ import Layout from "../../layouts/Layout.astro";
                 <div class="container mx-auto px-4">
                     <!-- <div class="flex flex-col">
                         <p id="LearningArea"></p>
-                        <p id="LearningSubArea_copy"></p>
+                        <p id="LearningSubArea"></p>
                     </div> -->
                     <p class="sm:text-2xl md:text-3xl lg:text-4xl text-center font-[600] text-[#60C6CB] my-4 select-none" id="gameDescription"></p>
                     <form id="contactForm">
@@ -143,7 +143,7 @@ import Layout from "../../layouts/Layout.astro";
                 document.getElementById("label6").innerHTML = gameData.label6;
             }
             // document.getElementById('LearningArea').innerHTML = gameData.LearningArea;
-            // document.getElementById('LearningSubArea_copy').innerHTML = gameData.LearningSubArea_copy;
+            // document.getElementById('LearningSubArea').innerHTML = gameData.LearningSubArea;
 
             const assetsURL = 'https://game-du.teachertrainingkolkata.in/assets/';
             for (let i = 1; i <= 6; i++) {
@@ -430,7 +430,7 @@ import Layout from "../../layouts/Layout.astro";
         color: #7C4C23;
         padding-top: 10px;
     }
-    #LearningArea, #LearningSubArea_copy{
+    #LearningArea, #LearningSubArea{
         font-size: 20px;
         color: #7C4C23;
         font-weight: bold;
diff --git a/src/pages/cross/cross_phonics_v2.astro b/src/pages/cross/cross_phonics_v2.astro
index a145f29..54af8a9 100644
--- a/src/pages/cross/cross_phonics_v2.astro
+++ b/src/pages/cross/cross_phonics_v2.astro
@@ -22,7 +22,7 @@ import Layout from "../../layouts/Layout.astro";
                 <div class="container mx-auto px-4">
                     <!-- <div class="flex flex-col">
                         <p id="LearningArea"></p>
-                        <p id="LearningSubArea_copy"></p>
+                        <p id="LearningSubArea"></p>
                     </div> -->
                     <p class="sm:text-2xl md:text-3xl lg:text-3xl text-center font-[600] text-[#60C6CB] my-2 select-none" id="gameDescription"></p>
                     <form id="contactForm">
@@ -169,7 +169,7 @@ import Layout from "../../layouts/Layout.astro";
                 document.getElementById("label9").innerHTML = gameData.label9;
             }
             // document.getElementById('LearningArea').innerHTML = gameData.LearningArea;
-            // document.getElementById('LearningSubArea_copy').innerHTML = gameData.LearningSubArea_copy;
+            // document.getElementById('LearningSubArea').innerHTML = gameData.LearningSubArea;
             const assetsURL = 'https://game-du.teachertrainingkolkata.in/assets/';
             for (let i = 1; i <= 9; i++) {
                 const imageId = `image${i}`;
@@ -464,7 +464,7 @@ import Layout from "../../layouts/Layout.astro";
         color: #7C4C23;
         padding-top: 10px;
     }
-    #LearningArea, #LearningSubArea_copy{
+    #LearningArea, #LearningSubArea{
         font-size: 20px;
         color: #7C4C23;
         font-weight: bold;
diff --git a/src/pages/cross/v1.astro b/src/pages/cross/v1.astro
index 509a3c1..e179f91 100644
--- a/src/pages/cross/v1.astro
+++ b/src/pages/cross/v1.astro
@@ -22,7 +22,7 @@ import Layout from "../../layouts/Layout.astro";
                 <div class="container mx-auto px-4">
                     <!-- <div class="flex flex-col">
                         <p id="LearningArea"></p>
-                        <p id="LearningSubArea_copy"></p>
+                        <p id="LearningSubArea"></p>
                     </div> -->
                     <p class="sm:text-2xl md:text-3xl lg:text-4xl text-center font-[600] text-[#60C6CB] my-4 select-none" id="gameDescription"></p>
                     <form id="contactForm">
@@ -144,7 +144,7 @@ import Layout from "../../layouts/Layout.astro";
                 document.getElementById("label6").innerHTML = gameData.label6;
             }
             // document.getElementById('LearningArea').innerHTML = gameData.LearningArea;
-            // document.getElementById('LearningSubArea_copy').innerHTML = gameData.LearningSubArea_copy;
+            // document.getElementById('LearningSubArea').innerHTML = gameData.LearningSubArea;
 
             const assetsURL = 'https://game-du.teachertrainingkolkata.in/assets/';
             for (let i = 1; i <= 6; i++) {
@@ -431,7 +431,7 @@ import Layout from "../../layouts/Layout.astro";
         color: #7C4C23;
         padding-top: 10px;
     }
-    #LearningArea, #LearningSubArea_copy{
+    #LearningArea, #LearningSubArea{
         font-size: 20px;
         color: #7C4C23;
         font-weight: bold;
diff --git a/src/pages/cross/v2.astro b/src/pages/cross/v2.astro
index c64e4e4..46160ec 100644
--- a/src/pages/cross/v2.astro
+++ b/src/pages/cross/v2.astro
@@ -451,7 +451,7 @@ import Layout from "../../layouts/Layout.astro";
         color: #7C4C23;
         padding-top: 10px;
     }
-    #LearningArea, #LearningSubArea_copy{
+    #LearningArea, #LearningSubArea{
         font-size: 20px;
         color: #7C4C23;
         font-weight: bold;
diff --git a/src/pages/drag/index.astro b/src/pages/drag/index.astro
index cfd45df..143f8ab 100644
--- a/src/pages/drag/index.astro
+++ b/src/pages/drag/index.astro
@@ -340,7 +340,7 @@ const numberOfTimes = starNumberOfTime;
               },
             ];
             // this.add.text(displayW / 14 - 15, 50, data.LearningArea, {font: `20px`}).setTint(0x7c4c23);
-            // this.add.text(displayW / 14 - 15, 70, data.LearningSubArea_copy, {font: `19px`}).setTint(0x7c4c23);
+            // this.add.text(displayW / 14 - 15, 70, data.LearningSubArea, {font: `19px`}).setTint(0x7c4c23);
             // Left Image Name
             this.add.text(displayW / 14 - 15, 240, data.left_image1_name).setTint(0x7c4c23);
             this.add.text(displayW / 14 - 15, 409, data.left_image2_name).setTint(0x7c4c23);      
diff --git a/src/pages/drag/match_phonics.astro b/src/pages/drag/match_phonics.astro
index f5e7ed1..b6db3dd 100644
--- a/src/pages/drag/match_phonics.astro
+++ b/src/pages/drag/match_phonics.astro
@@ -327,7 +327,7 @@ import Layout from '../../layouts/Layout.astro';
               const responsiveFontSize = (window.innerWidth / textSizeScale) * baseFontSize;
               const descrptText = this.add.text(screenCenterX, 85, data.description, { font: `${responsiveFontSize}px quicksand`, fill: '#60C6CB', align: "center", wordWrap: {width: window.innerWidth-wrapWidth}}, ).setOrigin(0.5);
             // this.add.text(displayW / 14 - 15, 50, data.LearningArea, {font: `20px`}).setTint(0x7c4c23);
-            // this.add.text(displayW / 14 - 15, 70, data.LearningSubArea_copy, {font: `19px`}).setTint(0x7c4c23);
+            // this.add.text(displayW / 14 - 15, 70, data.LearningSubArea, {font: `19px`}).setTint(0x7c4c23);
             // Left Image Name
             this.add.text(displayW / 14 - 15, 240, data.left_image1_name).setTint(0x7c4c23);
             this.add.text(displayW / 14 - 15, 409, data.left_image2_name).setTint(0x7c4c23);      
diff --git a/src/pages/drag/testv3.astro b/src/pages/drag/testv3.astro
index 2a9281d..d10ff63 100644
--- a/src/pages/drag/testv3.astro
+++ b/src/pages/drag/testv3.astro
@@ -365,7 +365,7 @@ import Layout from '../../layouts/Layout.astro';
               fill: '#7c4c23',
             }).setOrigin(0.5);
             // this.add.text(displayW / 14 - 15, 50, data.LearningArea, {font: `20px`}).setTint(0x7c4c23);
-            // this.add.text(displayW / 14 - 15, 70, data.LearningSubArea_copy, {font: `19px`}).setTint(0x7c4c23);
+            // this.add.text(displayW / 14 - 15, 70, data.LearningSubArea, {font: `19px`}).setTint(0x7c4c23);
             // Left Image Name
             this.add.text(leftTargetZoneW - 45, 240, data.left_image1_name).setTint(0x7c4c23);
             this.add.text(leftTargetZoneW - 45, 409, data.left_image2_name).setTint(0x7c4c23);      
diff --git a/src/pages/drag/v2.astro b/src/pages/drag/v2.astro
index eade52d..7bc5622 100644
--- a/src/pages/drag/v2.astro
+++ b/src/pages/drag/v2.astro
@@ -327,7 +327,7 @@ import Layout from '../../layouts/Layout.astro';
                 const responsiveFontSize = (window.innerWidth / textSizeScale) * baseFontSize;
                 const descrptText = this.add.text(screenCenterX, 110, data.description, { font: `${responsiveFontSize}px quicksand`, fill: '#60C6CB', align: "center", wordWrap: {width: window.innerWidth-wrapWidth}}, ).setOrigin(0.5);
             // this.add.text(displayW / 14 - 15, 50, data.LearningArea, {font: `20px`}).setTint(0x7c4c23);
-            // this.add.text(displayW / 14 - 15, 70, data.LearningSubArea_copy, {font: `19px`}).setTint(0x7c4c23);
+            // this.add.text(displayW / 14 - 15, 70, data.LearningSubArea, {font: `19px`}).setTint(0x7c4c23);
             // Left Image Name
             this.add.text(displayW / 14 - 15, 240, data.left_image1_name).setTint(0x7c4c23);
             this.add.text(displayW / 14 - 15, 409, data.left_image2_name).setTint(0x7c4c23);      
diff --git a/src/pages/drag/v20.astro b/src/pages/drag/v20.astro
index ec9db46..62d89b5 100644
--- a/src/pages/drag/v20.astro
+++ b/src/pages/drag/v20.astro
@@ -309,7 +309,7 @@ import Layout from '../../layouts/Layout.astro';
               fill: '#7c4c23',
             }).setOrigin(0.5);
             // this.add.text(displayW / 14 - 15, 50, data.LearningArea, {font: `20px`}).setTint(0x7c4c23);
-            // this.add.text(displayW / 14 - 15, 70, data.LearningSubArea_copy, {font: `19px`}).setTint(0x7c4c23);
+            // this.add.text(displayW / 14 - 15, 70, data.LearningSubArea, {font: `19px`}).setTint(0x7c4c23);
             // Left Image Name
             this.add.text(displayW / 14 - 15, 240, data.left_image1_name).setTint(0x7c4c23);
             this.add.text(displayW / 14 - 15, 409, data.left_image2_name).setTint(0x7c4c23);      
diff --git a/src/pages/tick/tick_phonics_v1.astro b/src/pages/tick/tick_phonics_v1.astro
index c9af2a2..fa6f25c 100644
--- a/src/pages/tick/tick_phonics_v1.astro
+++ b/src/pages/tick/tick_phonics_v1.astro
@@ -22,7 +22,7 @@ import Layout from "../../layouts/Layout.astro";
                 <div class="container mx-auto px-4">
                     <!-- <div class="flex flex-col">
                         <p id="LearningArea"></p>
-                        <p id="LearningSubArea_copy"></p>
+                        <p id="LearningSubArea"></p>
                     </div> -->
                     <p class="sm:text-2xl md:text-3xl lg:text-4xl text-center font-[600] text-[#60C6CB] my-4 select-none" id="gameDescription"></p>
                     <form id="contactForm">
@@ -194,7 +194,7 @@ import Layout from "../../layouts/Layout.astro";
                 document.getElementById("label6").innerHTML = gameData.label6;
             }
             // document.getElementById('LearningArea').innerHTML = gameData.LearningArea;
-            // document.getElementById('LearningSubArea_copy').innerHTML = gameData.LearningSubArea_copy;
+            // document.getElementById('LearningSubArea').innerHTML = gameData.LearningSubArea;
 
             const assetsURL = 'https://game-du.teachertrainingkolkata.in/assets/';
             for (let i = 1; i <= 6; i++) {
@@ -408,7 +408,7 @@ import Layout from "../../layouts/Layout.astro";
         color: #7C4C23;
         padding-top: 10px;
     }
-    #LearningArea, #LearningSubArea_copy{
+    #LearningArea, #LearningSubArea{
         font-size: 20px;
         color: #7C4C23;
         font-weight: bold;
diff --git a/src/pages/tick/tick_phonics_v2.astro b/src/pages/tick/tick_phonics_v2.astro
index 12a132d..a049855 100644
--- a/src/pages/tick/tick_phonics_v2.astro
+++ b/src/pages/tick/tick_phonics_v2.astro
@@ -22,7 +22,7 @@ import Layout from "../../layouts/Layout.astro";
                 <div class="container mx-auto px-4">
                     <!-- <div class="flex flex-col">
                         <p id="LearningArea"></p>
-                        <p id="LearningSubArea_copy"></p>
+                        <p id="LearningSubArea"></p>
                     </div> -->
                     <p class="sm:text-2xl md:text-3xl lg:text-4xl text-center font-[600] text-[#60C6CB] my-4 select-none" id="gameDescription"></p>
                     <form id="contactForm" class="flex flex-col justify-center">
@@ -226,7 +226,7 @@ import Layout from "../../layouts/Layout.astro";
                 document.getElementById("label9").innerHTML = gameData.label9;
             }
             // document.getElementById('LearningArea').innerHTML = gameData.LearningArea;
-            // document.getElementById('LearningSubArea_copy').innerHTML = gameData.LearningSubArea_copy;
+            // document.getElementById('LearningSubArea').innerHTML = gameData.LearningSubArea;
             const assetsURL = 'https://game-du.teachertrainingkolkata.in/assets/';
             for (let i = 1; i <= 9; i++) {
                 const imageId = `image${i}`;
@@ -435,7 +435,7 @@ import Layout from "../../layouts/Layout.astro";
         color: #7C4C23;
         padding-top: 10px;
     }
-    #LearningArea, #LearningSubArea_copy{
+    #LearningArea, #LearningSubArea{
         font-size: 20px;
         color: #7C4C23;
         font-weight: bold;
diff --git a/src/pages/tick/v1.astro b/src/pages/tick/v1.astro
index 1780780..bc11a16 100644
--- a/src/pages/tick/v1.astro
+++ b/src/pages/tick/v1.astro
@@ -152,7 +152,7 @@ import Layout from "../../layouts/Layout.astro";
                 document.getElementById("label6").innerHTML = gameData.label6;
             }
             // document.getElementById('LearningArea').innerHTML = gameData.LearningArea;
-            // document.getElementById('LearningSubArea_copy').innerHTML = gameData.LearningSubArea_copy;
+            // document.getElementById('LearningSubArea').innerHTML = gameData.LearningSubArea;
 
             const assetsURL = 'https://game-du.teachertrainingkolkata.in/assets/';
             for (let i = 1; i <= 6; i++) {
@@ -396,7 +396,7 @@ import Layout from "../../layouts/Layout.astro";
         color: #7C4C23;
         padding-top: 10px;
     }
-    #LearningArea, #LearningSubArea_copy{
+    #LearningArea, #LearningSubArea{
         font-size: 20px;
         color: #7C4C23;
         font-weight: bold;
diff --git a/src/pages/tick/v2.astro b/src/pages/tick/v2.astro
index 02dd68f..cc06da9 100644
--- a/src/pages/tick/v2.astro
+++ b/src/pages/tick/v2.astro
@@ -22,7 +22,7 @@ import Layout from "../../layouts/Layout.astro";
                 <div class="container mx-auto px-4">
                     <!-- <div class="flex flex-col">
                         <p id="LearningArea"></p>
-                        <p id="LearningSubArea_copy"></p>
+                        <p id="LearningSubArea"></p>
                     </div> -->
                     <p class="sm:text-2xl md:text-3xl lg:text-4xl text-center  font-[600] text-[#60C6CB] my-4 select-none" id="gameDescription"></p>
                     <form id="contactForm" class="flex flex-col justify-center">
@@ -223,7 +223,7 @@ import Layout from "../../layouts/Layout.astro";
                 document.getElementById("label9").innerHTML = gameData.label9;
             }
             // document.getElementById('LearningArea').innerHTML = gameData.LearningArea;
-            // document.getElementById('LearningSubArea_copy').innerHTML = gameData.LearningSubArea_copy;
+            // document.getElementById('LearningSubArea').innerHTML = gameData.LearningSubArea;
             const assetsURL = 'https://game-du.teachertrainingkolkata.in/assets/';
             for (let i = 1; i <= 9; i++) {
                 const imageId = `image${i}`;
@@ -437,7 +437,7 @@ import Layout from "../../layouts/Layout.astro";
         color: #7C4C23;
         padding-top: 10px;
     }
-    #LearningArea, #LearningSubArea_copy{
+    #LearningArea, #LearningSubArea{
         font-size: 20px;
         color: #7C4C23;
         font-weight: bold;