From 629a1fba25f0a0fb37275722e8acf16a805abd3d Mon Sep 17 00:00:00 2001
From: dev sp <dev2@ns1.cicdhosting.com>
Date: Fri, 9 Feb 2024 05:59:06 +0000
Subject: [PATCH 01/12] chamge

---
 src/components/EditNews.vue             | 19 ++++++++++---------
 src/pages/editor/ad-file.astro          |  2 +-
 src/pages/editor/add-news.astro         |  4 ++--
 src/pages/editor/gen-news.astro         |  2 +-
 src/pages/{ => editor}/multi-lang.astro |  4 ++--
 5 files changed, 16 insertions(+), 15 deletions(-)
 rename src/pages/{ => editor}/multi-lang.astro (98%)

diff --git a/src/components/EditNews.vue b/src/components/EditNews.vue
index fe4e000..cd71703 100644
--- a/src/components/EditNews.vue
+++ b/src/components/EditNews.vue
@@ -2,11 +2,12 @@
     <div class="my-10">
       <section class="container mx-auto px-4 max-w-2xl shadow-lg rounded-xl p-6">
         <div class="flex flex-row place-content-evenly">
+            <a :href="'?edit=' + bartaData.slug + '&lang=en'" class="bg-[#580a0a] text-white px-4 py-2 rounded-lg">English</a>
             <a :href="'?edit=' + bartaData.slug + '&lang=bn'" class="bg-[#580a0a] text-white px-4 py-2 rounded-lg">Bengali</a>
-            <!-- <a href={{ `` + slugURLbn }} class="bg-[#580a0a] text-white px-4 py-2 rounded-lg">Bengali</a> -->
-            <a href={{slugURLbn}} class="bg-[#580a0a] text-white px-4 py-2 rounded-lg">Hindi</a>
-            <a href="" class="bg-[#580a0a] text-white px-4 py-2 rounded-lg">Mandarin</a>
-            <a href="" class="bg-[#580a0a] text-white px-4 py-2 rounded-lg">Espanish</a>
+            <a :href="'?edit=' + bartaData.slug + '&lang=hi'" class="bg-[#580a0a] text-white px-4 py-2 rounded-lg">Hindi</a>
+            <a :href="'?edit=' + bartaData.slug + '&lang=zh'" class="bg-[#580a0a] text-white px-4 py-2 rounded-lg">Mandarin</a>
+            <a :href="'?edit=' + bartaData.slug + '&lang=es'" class="bg-[#580a0a] text-white px-4 py-2 rounded-lg">Spanish</a>
+
         </div>
         <p class="text-2xl py-4">Edit News</p>
         <form id="newsForm" class="flex flex-col space-y-4">
@@ -39,7 +40,7 @@
             </div>
             <div class="flex flex-col">
                 <label for="title">Title<span class="text-[#580a0a] font-bold">*</span></label>
-                <input name="title" id="title" class="border-2 border-[#580a0a] focus:outline-none focus:border-4 focus:border-[#580a0a] rounded-xl p-2" type="text" required>
+                <input :value="bartaData.title" name="title" id="title" class="border-2 border-[#580a0a] focus:outline-none focus:border-4 focus:border-[#580a0a] rounded-xl p-2" type="text" required>
             </div>
             <div class="flex flex-col">
                 <label for="slug">Slug<span class="text-[#580a0a] font-bold">*</span></label>
@@ -47,19 +48,19 @@
             </div>
             <div class="flex flex-col">
                 <label for="heading">Heading<span class="text-[#580a0a] font-bold">*</span></label>
-                <input name="heading"  id="heading" class="border-2 border-[#580a0a] focus:outline-none focus:border-4 focus:border-[#580a0a] rounded-xl p-2" type="text" required>
+                <input :value="bartaData.heading" name="heading"  id="heading" class="border-2 border-[#580a0a] focus:outline-none focus:border-4 focus:border-[#580a0a] rounded-xl p-2" type="text" required>
             </div>
             <div class="flex flex-col">
                 <label for="meta_title">Meta Title<span class="text-[#580a0a] font-bold">*</span></label>
-                <input name="meta_title" id="meta_title" class="border-2 border-[#580a0a] focus:outline-none focus:border-4 focus:border-[#580a0a] rounded-xl p-2" type="text" placeholder="max: length 60 characters & try to use common words" required>
+                <input :value="bartaData.meta_title" name="meta_title" id="meta_title" class="border-2 border-[#580a0a] focus:outline-none focus:border-4 focus:border-[#580a0a] rounded-xl p-2" type="text" placeholder="max: length 60 characters & try to use common words" required>
             </div>
             <div class="flex flex-col">
                 <label for="meta_description">Meta Description<span class="text-[#580a0a] font-bold">*</span></label>
-                <input name="meta_description" id="meta_description" class="border-2 border-[#580a0a] focus:outline-none focus:border-4 focus:border-[#580a0a] rounded-xl p-2" type="text" placeholder="max: length 160 characters & try to use common words" required>
+                <input :value="bartaData.meta_description" name="meta_description" id="meta_description" class="border-2 border-[#580a0a] focus:outline-none focus:border-4 focus:border-[#580a0a] rounded-xl p-2" type="text" placeholder="max: length 160 characters & try to use common words" required>
             </div>
             <div class="flex flex-col">
                 <label for="in_brief">In Brief<span class="text-[#580a0a] font-bold">*</span></label>
-                <input name="in_brief" id="in_brief" class="border-2 border-[#580a0a] focus:outline-none focus:border-4 focus:border-[#580a0a] rounded-xl p-2" type="text" placeholder="max: length 280 characters & try to descibe" required>
+                <input :value="bartaData.in_brief" name="in_brief" id="in_brief" class="border-2 border-[#580a0a] focus:outline-none focus:border-4 focus:border-[#580a0a] rounded-xl p-2" type="text" placeholder="max: length 280 characters & try to descibe" required>
             </div>
             <div class="flex flex-col">
                 <label class="text-lg" for="content">News Description<span class="text-[#580a0a] font-bold">*</span></label>
diff --git a/src/pages/editor/ad-file.astro b/src/pages/editor/ad-file.astro
index ad58f0a..f94312d 100644
--- a/src/pages/editor/ad-file.astro
+++ b/src/pages/editor/ad-file.astro
@@ -1,5 +1,5 @@
 ---
-import Layout from "../layouts/Layout.astro";
+import Layout from "../../layouts/Layout.astro";
 ---
 <Layout title="Upload File | Barta-India">
     <main>
diff --git a/src/pages/editor/add-news.astro b/src/pages/editor/add-news.astro
index 3d7e9a1..67b99df 100644
--- a/src/pages/editor/add-news.astro
+++ b/src/pages/editor/add-news.astro
@@ -1,6 +1,6 @@
 ---
-import Layout from "../layouts/Layout.astro";
-import ImageUpload from "../components/ImageUpload.vue";
+import Layout from "../../layouts/Layout.astro";
+// import ImageUpload from "../../components/ImageUpload.vue";
 ---
 
 <Layout title="Add News | Barta India">
diff --git a/src/pages/editor/gen-news.astro b/src/pages/editor/gen-news.astro
index cad6e6b..b76f971 100644
--- a/src/pages/editor/gen-news.astro
+++ b/src/pages/editor/gen-news.astro
@@ -1,5 +1,5 @@
 ---
-import Layout from "../layouts/Layout.astro";
+import Layout from "../../layouts/Layout.astro";
 ---
 <Layout title="">
     <main>
diff --git a/src/pages/multi-lang.astro b/src/pages/editor/multi-lang.astro
similarity index 98%
rename from src/pages/multi-lang.astro
rename to src/pages/editor/multi-lang.astro
index 286392b..cf86387 100644
--- a/src/pages/multi-lang.astro
+++ b/src/pages/editor/multi-lang.astro
@@ -1,6 +1,6 @@
 ---
-import Layout from "../layouts/Layout.astro";
-import ImageUpload from "../components/ImageUpload.vue";
+import Layout from "../../layouts/Layout.astro";
+import ImageUpload from "../../components/ImageUpload.vue";
 ---
 
 <Layout title="Add News | Barta India">

From d920cba44992df84ebbdd01188e1ce9210074b8d Mon Sep 17 00:00:00 2001
From: dev sp <dev2@ns1.cicdhosting.com>
Date: Fri, 9 Feb 2024 11:21:41 +0000
Subject: [PATCH 02/12] resolve chors issue in production server

---
 src/components/EditNews.vue       |   2 +-
 src/pages/editor/add-news.astro   | 166 ++++---------------
 src/pages/editor/multi-lang.astro | 158 ------------------
 src/pages/editor/single-gen.astro | 267 ++++++++++++++++++++++++++++++
 4 files changed, 300 insertions(+), 293 deletions(-)
 delete mode 100644 src/pages/editor/multi-lang.astro
 create mode 100644 src/pages/editor/single-gen.astro

diff --git a/src/components/EditNews.vue b/src/components/EditNews.vue
index cd71703..b865104 100644
--- a/src/components/EditNews.vue
+++ b/src/components/EditNews.vue
@@ -100,7 +100,7 @@
             let currentUrl = window.location.href;
             let langValue = currentUrl.split("/")[4].split("lang=")[1];
             let spliturl = currentUrl.split("/")[4].split("edit=")[1].split(`lang=${langValue}`)[0].split(`&`)[0];
-            console.log(spliturl);
+            console.log(spliturl, langValue);
             let formData = new FormData();
             formData.append('slug', spliturl);
             fetch(`https://apisp.dev2.cicdhosting.com/_dedicated/dwd/edit-news/?action=news_${langValue}`, {
diff --git a/src/pages/editor/add-news.astro b/src/pages/editor/add-news.astro
index 67b99df..6e095e1 100644
--- a/src/pages/editor/add-news.astro
+++ b/src/pages/editor/add-news.astro
@@ -1,6 +1,6 @@
 ---
 import Layout from "../../layouts/Layout.astro";
-// import ImageUpload from "../../components/ImageUpload.vue";
+import ImageUpload from "../../components/ImageUpload.vue";
 ---
 
 <Layout title="Add News | Barta India">
@@ -8,13 +8,14 @@ import Layout from "../../layouts/Layout.astro";
         <div>
             <section class="container mx-auto px-4 md:max-w-3xl mt-40 space-y-4 shadow-xl rounded-xl p-4">
                 <h1 class="text-center text-2xl underline decoration-4 decoration-[#580a0a]">Genarate New News</h1>
+                <p style="display: none;" id="genStatus" class="text-green-500 font-bold">News Genarate Succesfully</p>
                 <form id="newsPara" class="flex flex-col space-y-4" enctype="multipart/form-data">
-                    <label for="language">Language<span class="text-[#580a0a] font-bold">*</span></label>
+                    <!-- <label for="language">Language<span class="text-[#580a0a] font-bold">*</span></label>
                     <select required onchange="qryWithLang();" name="language" id="language" class="border-2 border-[#580a0a] focus:outline-none focus:border-4 focus:border-[#580a0a] rounded-xl p-2">
                         <option value="0">-Select-</option>
                         <option value="english">English</option>    
                         <option value="bengali">Bengali</option>
-                    </select>
+                    </select> -->
                     <div class="flex flex-col">
                         <label for="category">Category<span class="text-[#580a0a] font-bold">*</span></label>
                         <select name="category" id="category" class="border-2 border-[#580a0a] focus:outline-none focus:border-4 focus:border-[#580a0a] rounded-xl p-2">
@@ -28,106 +29,23 @@ import Layout from "../../layouts/Layout.astro";
                     </div>
                     <div class="flex flex-col ">
                         <label for="preText">News Paragraph</label>
-                        <textarea onchange="buttonVisibility();" required name="preText" id="preText" cols="30" maxlength="1000000" rows="10" class="border-2 border-[#580a0a] focus:outline-none focus:border-4 focus:border-[#580a0a] rounded-xl"></textarea>
+                        <textarea required name="preText" id="preText" cols="30" maxlength="1000000" rows="10" class="border-2 border-[#580a0a] focus:outline-none focus:border-4 focus:border-[#580a0a] rounded-xl"></textarea>
                     </div>
                     <div class="flex flex-col">
-                        <textarea required name="systemMessage" id="systemMessage" cols="30" rows="3" class="border-2 border-[#580a0a] focus:outline-none focus:border-4 focus:border-[#580a0a] rounded-xl"></textarea>
+                        <textarea required name="systemMessage" id="systemMessage" cols="30" rows="3" class="border-2 border-[#580a0a] focus:outline-none focus:border-4 focus:border-[#580a0a] rounded-xl">provide meta_title within 60 characters, meta_description within  160 characters, short_description within 280 characters, heading within 170 characters in en, bn, hi, zh, es ar all in a json structure no use comma after line ending</textarea>
                     </div>
                     <div>
-                        <button id="genButton" style="display: none;" onclick="submitNewsPara(event);" class="bg-[#580a0a] text-white px-4 py-2 rounded-lg" >Genarate</button>
-                        <button id="genButton2" style="display: block;" class="bg-[#580a0a] text-white px-4 py-2 rounded-lg opacity-50 cursor-not-allowed" >Genarate</button>
+                        <button id="genButton" onclick="submitNewsPara(event);" class="bg-[#580a0a] text-white px-4 py-2 rounded-lg" >Genarate</button>
                     </div>
                     <!-- <input id="message" type="text" value="" class="border-2 border-[#580a0a] p-2 focus:outline-none focus:border-4 focus:border-[#580a0a] rounded-xl"/> -->
                 </form>
             </section>
-            <section id="formSection" style="display: none;" class="container mx-auto md:max-w-3xl px-4 shadow-xl rounded-xl p-6">
-                <div class="flex justify-center">
-                    <h1 class="text-xl my-6 p-2 border-2 bg-[#580a0a] text-white rounded-full">Add News to Barta-India's Page</h1>
-                </div>
-                <p>All(<span class="text-[#580a0a] font-bold">*</span>) are mandatory fields</p>
-                <form id="newsForm" class="flex flex-col space-y-4">
-                    <div class="flex flex-col">
-                        <label for="status">Status<span class="text-[#580a0a] font-bold">*</span></label>
-                        <select name="status" id="status" class="border-2 border-[#580a0a] focus:outline-none focus:border-4 focus:border-[#580a0a] rounded-xl p-2" required>
-                            <option value="null">-Select-</option>
-                            <option value="published">Published</option>
-                            <option value="draft">Draft</option>
-                            <option value="archived">Archived</option>
-                        </select>
-                    </div>
-                    <div class="flex flex-col">
-                        <label for="language">Language<span class="text-[#580a0a] font-bold">*</span></label>
-                        <select name="language" id="language" class="border-2 border-[#580a0a] focus:outline-none focus:border-4 focus:border-[#580a0a] rounded-xl p-2" required>
-                            <option value="null">-Select-</option>
-                            <option value="bengali">Bengali</option>
-                            <option value="english">English</option>
-                        </select>
-                    </div>
-                    <div class="flex flex-col">
-                        <label for="category">Category<span class="text-[#580a0a] font-bold">*</span></label>
-                        <select name="category" id="category" class="border-2 border-[#580a0a] focus:outline-none focus:border-4 focus:border-[#580a0a] rounded-xl p-2">
-                            <option value="null">-Select-</option>
-                            <option value="national">National</option>
-                            <option value="politics">Politics</option>
-                            <option value="local">Local</option>
-                            <option value="technology">Technology</option>
-                            <option value="world">World</option>
-                        </select>
-                    </div>
-                    <div class="flex flex-col">
-                        <label for="title">Title<span class="text-[#580a0a] font-bold">*</span></label>
-                        <input name="title" id="title" class="border-2 border-[#580a0a] focus:outline-none focus:border-4 focus:border-[#580a0a] rounded-xl p-2" type="text" required>
-                    </div>
-                    <div class="flex flex-col">
-                        <label for="slug">Slug<span class="text-[#580a0a] font-bold">*</span></label>
-                        <input oninput="updateSlug();" name="slug" id="slug" class="border-2 border-[#580a0a] focus:outline-none focus:border-4 focus:border-[#580a0a] rounded-xl p-2" type="text" required>
-                    </div>
-                    <div class="flex flex-col">
-                        <label for="heading">Heading<span class="text-[#580a0a] font-bold">*</span></label>
-                        <input name="heading"  id="heading" class="border-2 border-[#580a0a] focus:outline-none focus:border-4 focus:border-[#580a0a] rounded-xl p-2" type="text" required>
-                    </div>
-                    <div class="flex flex-col">
-                        <label for="meta_title">Meta Title<span class="text-[#580a0a] font-bold">*</span></label>
-                        <input name="meta_title" id="meta_title" class="border-2 border-[#580a0a] focus:outline-none focus:border-4 focus:border-[#580a0a] rounded-xl p-2" type="text" placeholder="max: length 60 characters & try to use common words" required>
-                    </div>
-                    <div class="flex flex-col">
-                        <label for="meta_description">Meta Description<span class="text-[#580a0a] font-bold">*</span></label>
-                        <input name="meta_description" id="meta_description" class="border-2 border-[#580a0a] focus:outline-none focus:border-4 focus:border-[#580a0a] rounded-xl p-2" type="text" placeholder="max: length 160 characters & try to use common words" required>
-                    </div>
-                    <div class="flex flex-col">
-                        <label for="in_brief">In Brief<span class="text-[#580a0a] font-bold">*</span></label>
-                        <input name="in_brief" id="in_brief" class="border-2 border-[#580a0a] focus:outline-none focus:border-4 focus:border-[#580a0a] rounded-xl p-2" type="text" placeholder="max: length 280 characters & try to descibe" required>
-                    </div>
-                    <div class="flex flex-col">
-                        <label class="text-lg" for="content">News Description<span class="text-[#580a0a] font-bold">*</span></label>
-                        <textarea class="border-2 p-2 border-[#580a0a] focus:outline-none focus:border-4 focus:border-[#580a0a] rounded-xl" name="content" id="content" cols="30" rows="10" required></textarea>
-                    </div>
-                    <div class="flex flex-col">
-                        <label for="upldFile">Upload File</label>
-                        <input id="upldFile" class="border-2 border-[#580a0a] focus:outline-none focus:border-4 focus:border-[#580a0a] rounded-xl" type="file">
-                    </div>
-                    <div class="flex float-right">
-                        <button onclick="callApi(event);" class="bg-[#580a0a] text-white px-4 py-2 rounded-lg">Save</button>
-                    </div>
-                </form>
-            </section>
             <section class="bg-white rounded-full px-6 py-4" id="loadingSection" style="display: none;">
                 <div class="flex flex-col justify-center place-items-center">
                     <div class="load-aimate animate-spin "></div>
                     <p>Processing...</p>
                 </div>
             </section>
-            <!-- <section class="container mx-auto">
-                <div>
-                    <dialog id="d" class="w-[50%]">
-                        <form method="dialog">
-                            <p>Modal Content Modal Content Lorem ipsum dolor sit, amet consectetur adipisicing elit. Hic consequatur aspernatur, explicabo sequi perspiciatis quisquam voluptates tenetur placeat numquam consectetur! Tempore expedita facilis tempora labore at illo beatae eligendi magnam.</p>
-                            <button>ok</button>
-                        </form>
-                    </dialog>
-                    <button onclick="d.showModal()">Open</button>
-                </div>
-            </section> -->
         </div>
     </main>
 </Layout>
@@ -135,25 +53,12 @@ import Layout from "../../layouts/Layout.astro";
 <script is:inline>
     function qryWithLang(){
         let langValue = document.getElementById('language').value;
-        document.getElementById('systemMessage').value = `need title, heading not more than 160 characters, meta_title not more than 60 characters, meta_description not more than 160 characters, short_description not more than 280 characters, long_description below 2000 characters, all are ${langValue} language all in a json structure`;
+        document.getElementById('systemMessage').value = `provide meta_title within 60 characters, meta_description within  160 characters, short_description within 280 characters, heading within 170 characters in en, bn, hi, zh,  es,  pt, ru, fr, ur, ar all in a json structure no use comma after line ending`;
         // give me long description below 2000 characters, title, heading not more than 160 characters, short desciption not more than 280 characters, meta_title not more than 60 characters and try to use common words, meta_description not more than 160 characters and try to use common words, all text are convert to ${langValue} language, give me all in a json structure`
         // provide   meta_title within 60 characters, meta_description within  160 characters, short_description within 280 characters in English, bengali and hindi all in a json structure
+        // need title, heading not more than 160 characters, meta_title not more than 60 characters, meta_description not more than 160 characters, short_description not more than 280 characters, long_description below 2000 characters, all are ${langValue} language all in a json structure
         // provide meta_title within 60 characters, meta_description within  160 characters, short_description within 280 characters in English, bengali and hindi all in a json structure
-    }
-    function buttonVisibility() {
-      var preTextValue = document.getElementById('preText').value.trim();
-      var systemMessageValue = document.getElementById('systemMessage').value.trim();
-      var languageValue = document.getElementById('language').value;
-      var categoryValue = document.getElementById('category').value;
-      var genButton = document.getElementById('genButton');
-      var genButton2 = document.getElementById('genButton2');
-      if (preTextValue.length > 0 && systemMessageValue.length > 0 && languageValue !== null) {
-        genButton.style.display = 'block';
-        genButton2.style.display = 'none';
-      } else {
-        genButton.style.display = 'none';
-        genButton2.style.display = 'block';
-      }
+        // provide meta_title within 60 characters, meta_description within  160 characters, short_description within 280 characters in English, bengali, hindi, Mandarin,  Spanish,  Portuguese, Russian, French, all in a json structure
     }
 
     function submitNewsPara(event) {
@@ -161,46 +66,39 @@ import Layout from "../../layouts/Layout.astro";
         let genButton = document.getElementById('genButton');
         let langInput = document.getElementById('language');
         let loadSection = document.getElementById('loadingSection');
-        let newsData = document.getElementById('newsPara'); 
-            loadSection.style.display = 'block';
-            genButton.disabled = true;
-            langInput.disabled = true;
-            genButton.style.cursor = 'not-allowed';
-
+        let newsData = document.getElementById('newsPara');
         let formData = new FormData(newsData);
-        fetch(`https://apisp.dev2.cicdhosting.com/_dedicated/dwd/`, {
+        loadSection.style.display = 'block';
+        fetch(`https://apisp.dev2.cicdhosting.com/_dedicated/dwd/multi-lang/`, {
             method: 'POST',
             body: formData,
         })
         .then(data => data.json())
         .then(data => {
-            // if (data === 200) {
-            //     counter++;
-            // } else {
-                // formSection genButton brightness-50
-                console.log(data)
-            // }
+            console.log(data);
             let newsData = data.choices[0].message.content;
             if(newsData){
-                document.getElementById('formSection').style.display = 'block';
+                document.getElementById('genStatus').style.display = 'block';
                 loadSection.style.display = 'none';
-                genButton.disabled = false;
-                genButton.style.cursor = 'pointer';
-                langInput.disabled = false;
-                // document.getElementById('loadingSection').classList.remove = 'brightness-50';
-                // document.getElementById('genButton').classList.remove = 'disabled';
             }
             let jsonObject = JSON.parse(newsData);
-            document.getElementById('title').value = jsonObject.title;
-            document.getElementById('slug').value = jsonObject.title;
-            document.getElementById('heading').value = jsonObject.heading;
-            document.getElementById('meta_title').value = jsonObject.meta_title;
-            document.getElementById('meta_description').value = jsonObject.meta_description;
-            document.getElementById('in_brief').value = jsonObject.short_description;
-            document.getElementById('content').value = jsonObject.long_description;
-            if(jsonObject.long_description){
-                // document.getElementById('content').value = jsonObject.long_description;
-            }
+            // Sample array
+
+            // Using forEach to log each element
+            // jsonObject.forEach(function(arrayData) {
+            //     console.log('Array Data', arrayData);
+            // });
+
+            // console.log(jsonObject.en)
+            // console.log(jsonObject.bn)
+            
+            // document.getElementById('title').value = jsonObject.title;
+            // document.getElementById('slug').value = jsonObject.title;
+            // document.getElementById('heading').value = jsonObject.heading;
+            // document.getElementById('meta_title').value = jsonObject.meta_title;
+            // document.getElementById('meta_description').value = jsonObject.meta_description;
+            // document.getElementById('in_brief').value = jsonObject.short_description;
+            // document.getElementById('content').value = jsonObject.long_description;
         })  
         .catch(error => {
             console.error('Error occurred', error);
diff --git a/src/pages/editor/multi-lang.astro b/src/pages/editor/multi-lang.astro
deleted file mode 100644
index cf86387..0000000
--- a/src/pages/editor/multi-lang.astro
+++ /dev/null
@@ -1,158 +0,0 @@
----
-import Layout from "../../layouts/Layout.astro";
-import ImageUpload from "../../components/ImageUpload.vue";
----
-
-<Layout title="Add News | Barta India">
-    <main>
-        <div>
-            <section class="container mx-auto px-4 md:max-w-3xl mt-40 space-y-4 shadow-xl rounded-xl p-4">
-                <h1 class="text-center text-2xl underline decoration-4 decoration-[#580a0a]">Genarate New News</h1>
-                <form id="newsPara" class="flex flex-col space-y-4" enctype="multipart/form-data">
-                    <!-- <label for="language">Language<span class="text-[#580a0a] font-bold">*</span></label>
-                    <select required onchange="qryWithLang();" name="language" id="language" class="border-2 border-[#580a0a] focus:outline-none focus:border-4 focus:border-[#580a0a] rounded-xl p-2">
-                        <option value="0">-Select-</option>
-                        <option value="english">English</option>    
-                        <option value="bengali">Bengali</option>
-                    </select> -->
-                    <div class="flex flex-col">
-                        <label for="category">Category<span class="text-[#580a0a] font-bold">*</span></label>
-                        <select name="category" id="category" class="border-2 border-[#580a0a] focus:outline-none focus:border-4 focus:border-[#580a0a] rounded-xl p-2">
-                            <option value="0">-Select-</option>
-                            <option value="national">National</option>
-                            <option value="politics">Politics</option>
-                            <option value="local">Local</option>
-                            <option value="technology">Technology</option>
-                            <option value="world">World</option>
-                        </select>
-                    </div>
-                    <div class="flex flex-col ">
-                        <label for="preText">News Paragraph</label>
-                        <textarea required name="preText" id="preText" cols="30" maxlength="1000000" rows="10" class="border-2 border-[#580a0a] focus:outline-none focus:border-4 focus:border-[#580a0a] rounded-xl">white tiger</textarea>
-                    </div>
-                    <div class="flex flex-col">
-                        <textarea required name="systemMessage" id="systemMessage" cols="30" rows="3" class="border-2 border-[#580a0a] focus:outline-none focus:border-4 focus:border-[#580a0a] rounded-xl">provide meta_title within 60 characters, meta_description within  160 characters, short_description within 280 characters, heading within 170 characters in en, bn, hi, zh, es ar all in a json structure no use comma after line ending</textarea>
-                    </div>
-                    <div>
-                        <button id="genButton" onclick="submitNewsPara(event);" class="bg-[#580a0a] text-white px-4 py-2 rounded-lg" >Genarate</button>
-                    </div>
-                    <!-- <input id="message" type="text" value="" class="border-2 border-[#580a0a] p-2 focus:outline-none focus:border-4 focus:border-[#580a0a] rounded-xl"/> -->
-                </form>
-            </section>
-        </div>
-    </main>
-</Layout>
-
-<script is:inline>
-    function qryWithLang(){
-        let langValue = document.getElementById('language').value;
-        document.getElementById('systemMessage').value = `provide meta_title within 60 characters, meta_description within  160 characters, short_description within 280 characters, heading within 170 characters in en, bn, hi, zh,  es,  pt, ru, fr, ur, ar all in a json structure no use comma after line ending`;
-        // give me long description below 2000 characters, title, heading not more than 160 characters, short desciption not more than 280 characters, meta_title not more than 60 characters and try to use common words, meta_description not more than 160 characters and try to use common words, all text are convert to ${langValue} language, give me all in a json structure`
-        // provide   meta_title within 60 characters, meta_description within  160 characters, short_description within 280 characters in English, bengali and hindi all in a json structure
-        // need title, heading not more than 160 characters, meta_title not more than 60 characters, meta_description not more than 160 characters, short_description not more than 280 characters, long_description below 2000 characters, all are ${langValue} language all in a json structure
-        // provide meta_title within 60 characters, meta_description within  160 characters, short_description within 280 characters in English, bengali and hindi all in a json structure
-        // provide meta_title within 60 characters, meta_description within  160 characters, short_description within 280 characters in English, bengali, hindi, Mandarin,  Spanish,  Portuguese, Russian, French, all in a json structure
-    }
-
-    function submitNewsPara(event) {
-        event.preventDefault();
-        let genButton = document.getElementById('genButton');
-        let langInput = document.getElementById('language');
-        let loadSection = document.getElementById('loadingSection');
-        let newsData = document.getElementById('newsPara');
-        let formData = new FormData(newsData);
-        fetch(`https://apisp.dev2.cicdhosting.com/_dedicated/dwd/multi-lang/`, {
-            method: 'POST',
-            body: formData,
-        })
-        .then(data => data.json())
-        .then(data => {
-            // if (data === 200) {
-            //     counter++;
-            // } else {
-                // formSection genButton brightness-50
-                console.log(data)
-            // }
-            let newsData = data.choices[0].message.content;
-            let jsonObject = JSON.parse(newsData);
-            // Sample array
-
-            // Using forEach to log each element
-            // jsonObject.forEach(function(arrayData) {
-            //     console.log('Array Data', arrayData);
-            // });
-
-            // console.log(jsonObject.en)
-            // console.log(jsonObject.bn)
-            
-            // document.getElementById('title').value = jsonObject.title;
-            // document.getElementById('slug').value = jsonObject.title;
-            // document.getElementById('heading').value = jsonObject.heading;
-            // document.getElementById('meta_title').value = jsonObject.meta_title;
-            // document.getElementById('meta_description').value = jsonObject.meta_description;
-            // document.getElementById('in_brief').value = jsonObject.short_description;
-            // document.getElementById('content').value = jsonObject.long_description;
-        })  
-        .catch(error => {
-            console.error('Error occurred', error);
-        });
-    }
-    function slugify(text) {
-        return text.toString().toLowerCase()
-            .replace(/\s+/g, '-')        // Replace spaces with -
-            .replace(/[^\w-]+/g, '')     // Remove all non-word characters
-            .replace(/--+/g, '-')        // Replace multiple - with single -
-            .replace(/^-+/, '')          // Trim - from start of text
-            .replace(/-+$/, '');         // Trim - from end of text
-    }
-
-    function updateSlug() {
-        const titleInput = document.getElementById('slug');
-        const slugInput = document.getElementById('slug');
-        const titleValue = titleInput.value;
-        slugInput.value = slugify(titleValue);
-    }
-
-    function callApi(event) {
-        event.preventDefault();
-        let slugValue = document.getElementById('slug').value;
-        let newsData = document.getElementById('newsForm');
-        let formData = new FormData(newsData);
-        fetch(`https://apisp.dev2.cicdhosting.com/news/add-news/?action=save`, {
-            method: 'POST',
-            body: formData,
-        })
-        .then(data => data.json())
-        .then(data => {
-            if (data.success === true) {
-                window.location.href= `/add-file?slug=${slugValue}`
-                // console.log(slugValue)
-                console.log('Form Data Submitted Successfully');
-            } else {
-                console.log('Data Submit Failed');
-            }
-            console.log(data);
-        })
-        .catch(error => {
-            console.error('Error occurred', error);
-        });
-    }
-</script>
-<style>
-    #loadingSection{
-        position: fixed;
-        top: 50%;
-        left: 50%;
-        transform: translate(-50%, -50%);
-    }
-    .load-aimate{
-        width: 60px;
-        height: 60px;
-        border-radius: 50%;
-        border-left: 5px solid #580a0a;
-        border-right: 5px solid #580a0a;
-        border-bottom: 5px solid #580a0a;
-        border-top: 5px solid #FFFFFF;
-        background-color: #FFFFFF;
-    }
-</style>
\ No newline at end of file
diff --git a/src/pages/editor/single-gen.astro b/src/pages/editor/single-gen.astro
new file mode 100644
index 0000000..67b99df
--- /dev/null
+++ b/src/pages/editor/single-gen.astro
@@ -0,0 +1,267 @@
+---
+import Layout from "../../layouts/Layout.astro";
+// import ImageUpload from "../../components/ImageUpload.vue";
+---
+
+<Layout title="Add News | Barta India">
+    <main>
+        <div>
+            <section class="container mx-auto px-4 md:max-w-3xl mt-40 space-y-4 shadow-xl rounded-xl p-4">
+                <h1 class="text-center text-2xl underline decoration-4 decoration-[#580a0a]">Genarate New News</h1>
+                <form id="newsPara" class="flex flex-col space-y-4" enctype="multipart/form-data">
+                    <label for="language">Language<span class="text-[#580a0a] font-bold">*</span></label>
+                    <select required onchange="qryWithLang();" name="language" id="language" class="border-2 border-[#580a0a] focus:outline-none focus:border-4 focus:border-[#580a0a] rounded-xl p-2">
+                        <option value="0">-Select-</option>
+                        <option value="english">English</option>    
+                        <option value="bengali">Bengali</option>
+                    </select>
+                    <div class="flex flex-col">
+                        <label for="category">Category<span class="text-[#580a0a] font-bold">*</span></label>
+                        <select name="category" id="category" class="border-2 border-[#580a0a] focus:outline-none focus:border-4 focus:border-[#580a0a] rounded-xl p-2">
+                            <option value="0">-Select-</option>
+                            <option value="national">National</option>
+                            <option value="politics">Politics</option>
+                            <option value="local">Local</option>
+                            <option value="technology">Technology</option>
+                            <option value="world">World</option>
+                        </select>
+                    </div>
+                    <div class="flex flex-col ">
+                        <label for="preText">News Paragraph</label>
+                        <textarea onchange="buttonVisibility();" required name="preText" id="preText" cols="30" maxlength="1000000" rows="10" class="border-2 border-[#580a0a] focus:outline-none focus:border-4 focus:border-[#580a0a] rounded-xl"></textarea>
+                    </div>
+                    <div class="flex flex-col">
+                        <textarea required name="systemMessage" id="systemMessage" cols="30" rows="3" class="border-2 border-[#580a0a] focus:outline-none focus:border-4 focus:border-[#580a0a] rounded-xl"></textarea>
+                    </div>
+                    <div>
+                        <button id="genButton" style="display: none;" onclick="submitNewsPara(event);" class="bg-[#580a0a] text-white px-4 py-2 rounded-lg" >Genarate</button>
+                        <button id="genButton2" style="display: block;" class="bg-[#580a0a] text-white px-4 py-2 rounded-lg opacity-50 cursor-not-allowed" >Genarate</button>
+                    </div>
+                    <!-- <input id="message" type="text" value="" class="border-2 border-[#580a0a] p-2 focus:outline-none focus:border-4 focus:border-[#580a0a] rounded-xl"/> -->
+                </form>
+            </section>
+            <section id="formSection" style="display: none;" class="container mx-auto md:max-w-3xl px-4 shadow-xl rounded-xl p-6">
+                <div class="flex justify-center">
+                    <h1 class="text-xl my-6 p-2 border-2 bg-[#580a0a] text-white rounded-full">Add News to Barta-India's Page</h1>
+                </div>
+                <p>All(<span class="text-[#580a0a] font-bold">*</span>) are mandatory fields</p>
+                <form id="newsForm" class="flex flex-col space-y-4">
+                    <div class="flex flex-col">
+                        <label for="status">Status<span class="text-[#580a0a] font-bold">*</span></label>
+                        <select name="status" id="status" class="border-2 border-[#580a0a] focus:outline-none focus:border-4 focus:border-[#580a0a] rounded-xl p-2" required>
+                            <option value="null">-Select-</option>
+                            <option value="published">Published</option>
+                            <option value="draft">Draft</option>
+                            <option value="archived">Archived</option>
+                        </select>
+                    </div>
+                    <div class="flex flex-col">
+                        <label for="language">Language<span class="text-[#580a0a] font-bold">*</span></label>
+                        <select name="language" id="language" class="border-2 border-[#580a0a] focus:outline-none focus:border-4 focus:border-[#580a0a] rounded-xl p-2" required>
+                            <option value="null">-Select-</option>
+                            <option value="bengali">Bengali</option>
+                            <option value="english">English</option>
+                        </select>
+                    </div>
+                    <div class="flex flex-col">
+                        <label for="category">Category<span class="text-[#580a0a] font-bold">*</span></label>
+                        <select name="category" id="category" class="border-2 border-[#580a0a] focus:outline-none focus:border-4 focus:border-[#580a0a] rounded-xl p-2">
+                            <option value="null">-Select-</option>
+                            <option value="national">National</option>
+                            <option value="politics">Politics</option>
+                            <option value="local">Local</option>
+                            <option value="technology">Technology</option>
+                            <option value="world">World</option>
+                        </select>
+                    </div>
+                    <div class="flex flex-col">
+                        <label for="title">Title<span class="text-[#580a0a] font-bold">*</span></label>
+                        <input name="title" id="title" class="border-2 border-[#580a0a] focus:outline-none focus:border-4 focus:border-[#580a0a] rounded-xl p-2" type="text" required>
+                    </div>
+                    <div class="flex flex-col">
+                        <label for="slug">Slug<span class="text-[#580a0a] font-bold">*</span></label>
+                        <input oninput="updateSlug();" name="slug" id="slug" class="border-2 border-[#580a0a] focus:outline-none focus:border-4 focus:border-[#580a0a] rounded-xl p-2" type="text" required>
+                    </div>
+                    <div class="flex flex-col">
+                        <label for="heading">Heading<span class="text-[#580a0a] font-bold">*</span></label>
+                        <input name="heading"  id="heading" class="border-2 border-[#580a0a] focus:outline-none focus:border-4 focus:border-[#580a0a] rounded-xl p-2" type="text" required>
+                    </div>
+                    <div class="flex flex-col">
+                        <label for="meta_title">Meta Title<span class="text-[#580a0a] font-bold">*</span></label>
+                        <input name="meta_title" id="meta_title" class="border-2 border-[#580a0a] focus:outline-none focus:border-4 focus:border-[#580a0a] rounded-xl p-2" type="text" placeholder="max: length 60 characters & try to use common words" required>
+                    </div>
+                    <div class="flex flex-col">
+                        <label for="meta_description">Meta Description<span class="text-[#580a0a] font-bold">*</span></label>
+                        <input name="meta_description" id="meta_description" class="border-2 border-[#580a0a] focus:outline-none focus:border-4 focus:border-[#580a0a] rounded-xl p-2" type="text" placeholder="max: length 160 characters & try to use common words" required>
+                    </div>
+                    <div class="flex flex-col">
+                        <label for="in_brief">In Brief<span class="text-[#580a0a] font-bold">*</span></label>
+                        <input name="in_brief" id="in_brief" class="border-2 border-[#580a0a] focus:outline-none focus:border-4 focus:border-[#580a0a] rounded-xl p-2" type="text" placeholder="max: length 280 characters & try to descibe" required>
+                    </div>
+                    <div class="flex flex-col">
+                        <label class="text-lg" for="content">News Description<span class="text-[#580a0a] font-bold">*</span></label>
+                        <textarea class="border-2 p-2 border-[#580a0a] focus:outline-none focus:border-4 focus:border-[#580a0a] rounded-xl" name="content" id="content" cols="30" rows="10" required></textarea>
+                    </div>
+                    <div class="flex flex-col">
+                        <label for="upldFile">Upload File</label>
+                        <input id="upldFile" class="border-2 border-[#580a0a] focus:outline-none focus:border-4 focus:border-[#580a0a] rounded-xl" type="file">
+                    </div>
+                    <div class="flex float-right">
+                        <button onclick="callApi(event);" class="bg-[#580a0a] text-white px-4 py-2 rounded-lg">Save</button>
+                    </div>
+                </form>
+            </section>
+            <section class="bg-white rounded-full px-6 py-4" id="loadingSection" style="display: none;">
+                <div class="flex flex-col justify-center place-items-center">
+                    <div class="load-aimate animate-spin "></div>
+                    <p>Processing...</p>
+                </div>
+            </section>
+            <!-- <section class="container mx-auto">
+                <div>
+                    <dialog id="d" class="w-[50%]">
+                        <form method="dialog">
+                            <p>Modal Content Modal Content Lorem ipsum dolor sit, amet consectetur adipisicing elit. Hic consequatur aspernatur, explicabo sequi perspiciatis quisquam voluptates tenetur placeat numquam consectetur! Tempore expedita facilis tempora labore at illo beatae eligendi magnam.</p>
+                            <button>ok</button>
+                        </form>
+                    </dialog>
+                    <button onclick="d.showModal()">Open</button>
+                </div>
+            </section> -->
+        </div>
+    </main>
+</Layout>
+
+<script is:inline>
+    function qryWithLang(){
+        let langValue = document.getElementById('language').value;
+        document.getElementById('systemMessage').value = `need title, heading not more than 160 characters, meta_title not more than 60 characters, meta_description not more than 160 characters, short_description not more than 280 characters, long_description below 2000 characters, all are ${langValue} language all in a json structure`;
+        // give me long description below 2000 characters, title, heading not more than 160 characters, short desciption not more than 280 characters, meta_title not more than 60 characters and try to use common words, meta_description not more than 160 characters and try to use common words, all text are convert to ${langValue} language, give me all in a json structure`
+        // provide   meta_title within 60 characters, meta_description within  160 characters, short_description within 280 characters in English, bengali and hindi all in a json structure
+        // provide meta_title within 60 characters, meta_description within  160 characters, short_description within 280 characters in English, bengali and hindi all in a json structure
+    }
+    function buttonVisibility() {
+      var preTextValue = document.getElementById('preText').value.trim();
+      var systemMessageValue = document.getElementById('systemMessage').value.trim();
+      var languageValue = document.getElementById('language').value;
+      var categoryValue = document.getElementById('category').value;
+      var genButton = document.getElementById('genButton');
+      var genButton2 = document.getElementById('genButton2');
+      if (preTextValue.length > 0 && systemMessageValue.length > 0 && languageValue !== null) {
+        genButton.style.display = 'block';
+        genButton2.style.display = 'none';
+      } else {
+        genButton.style.display = 'none';
+        genButton2.style.display = 'block';
+      }
+    }
+
+    function submitNewsPara(event) {
+        event.preventDefault();
+        let genButton = document.getElementById('genButton');
+        let langInput = document.getElementById('language');
+        let loadSection = document.getElementById('loadingSection');
+        let newsData = document.getElementById('newsPara'); 
+            loadSection.style.display = 'block';
+            genButton.disabled = true;
+            langInput.disabled = true;
+            genButton.style.cursor = 'not-allowed';
+
+        let formData = new FormData(newsData);
+        fetch(`https://apisp.dev2.cicdhosting.com/_dedicated/dwd/`, {
+            method: 'POST',
+            body: formData,
+        })
+        .then(data => data.json())
+        .then(data => {
+            // if (data === 200) {
+            //     counter++;
+            // } else {
+                // formSection genButton brightness-50
+                console.log(data)
+            // }
+            let newsData = data.choices[0].message.content;
+            if(newsData){
+                document.getElementById('formSection').style.display = 'block';
+                loadSection.style.display = 'none';
+                genButton.disabled = false;
+                genButton.style.cursor = 'pointer';
+                langInput.disabled = false;
+                // document.getElementById('loadingSection').classList.remove = 'brightness-50';
+                // document.getElementById('genButton').classList.remove = 'disabled';
+            }
+            let jsonObject = JSON.parse(newsData);
+            document.getElementById('title').value = jsonObject.title;
+            document.getElementById('slug').value = jsonObject.title;
+            document.getElementById('heading').value = jsonObject.heading;
+            document.getElementById('meta_title').value = jsonObject.meta_title;
+            document.getElementById('meta_description').value = jsonObject.meta_description;
+            document.getElementById('in_brief').value = jsonObject.short_description;
+            document.getElementById('content').value = jsonObject.long_description;
+            if(jsonObject.long_description){
+                // document.getElementById('content').value = jsonObject.long_description;
+            }
+        })  
+        .catch(error => {
+            console.error('Error occurred', error);
+        });
+    }
+    function slugify(text) {
+        return text.toString().toLowerCase()
+            .replace(/\s+/g, '-')        // Replace spaces with -
+            .replace(/[^\w-]+/g, '')     // Remove all non-word characters
+            .replace(/--+/g, '-')        // Replace multiple - with single -
+            .replace(/^-+/, '')          // Trim - from start of text
+            .replace(/-+$/, '');         // Trim - from end of text
+    }
+
+    function updateSlug() {
+        const titleInput = document.getElementById('slug');
+        const slugInput = document.getElementById('slug');
+        const titleValue = titleInput.value;
+        slugInput.value = slugify(titleValue);
+    }
+
+    function callApi(event) {
+        event.preventDefault();
+        let slugValue = document.getElementById('slug').value;
+        let newsData = document.getElementById('newsForm');
+        let formData = new FormData(newsData);
+        fetch(`https://apisp.dev2.cicdhosting.com/news/add-news/?action=save`, {
+            method: 'POST',
+            body: formData,
+        })
+        .then(data => data.json())
+        .then(data => {
+            if (data.success === true) {
+                window.location.href= `/add-file?slug=${slugValue}`
+                // console.log(slugValue)
+                console.log('Form Data Submitted Successfully');
+            } else {
+                console.log('Data Submit Failed');
+            }
+            console.log(data);
+        })
+        .catch(error => {
+            console.error('Error occurred', error);
+        });
+    }
+</script>
+<style>
+    #loadingSection{
+        position: fixed;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+    }
+    .load-aimate{
+        width: 60px;
+        height: 60px;
+        border-radius: 50%;
+        border-left: 5px solid #580a0a;
+        border-right: 5px solid #580a0a;
+        border-bottom: 5px solid #580a0a;
+        border-top: 5px solid #FFFFFF;
+        background-color: #FFFFFF;
+    }
+</style>
\ No newline at end of file

From 5d2a3f552e862bbd530560cd147a2a46ae60ba37 Mon Sep 17 00:00:00 2001
From: dev sp <dev2@ns1.cicdhosting.com>
Date: Fri, 9 Feb 2024 15:22:02 +0000
Subject: [PATCH 03/12] b5

---
 src/components/EditNews.vue     |  2 +-
 src/pages/editor/ad-file.astro  | 57 ---------------------------------
 src/pages/editor/add-file.astro | 47 +++++++++++++++++++++++++++
 src/pages/editor/add-news.astro |  6 ++--
 4 files changed, 52 insertions(+), 60 deletions(-)
 delete mode 100644 src/pages/editor/ad-file.astro
 create mode 100644 src/pages/editor/add-file.astro

diff --git a/src/components/EditNews.vue b/src/components/EditNews.vue
index b865104..be35132 100644
--- a/src/components/EditNews.vue
+++ b/src/components/EditNews.vue
@@ -31,6 +31,7 @@
             <div class="flex flex-col">
                 <label for="category">Category<span class="text-[#580a0a] font-bold">*</span></label>
                 <select name="category" id="category" class="border-2 border-[#580a0a] focus:outline-none focus:border-4 focus:border-[#580a0a] rounded-xl p-2">
+                    <option :value="bartaData.category">{{ bartaData.category }}</option>
                     <option value="national">National</option>
                     <option value="politics">Politics</option>
                     <option value="local">Local</option>
@@ -74,7 +75,6 @@
                 <button onclick="callApi(event);" class="bg-[#580a0a] text-white px-4 py-2 rounded-lg">Save</button>
             </div>
         </form>
-        
       </section>
     </div>
 </template>
diff --git a/src/pages/editor/ad-file.astro b/src/pages/editor/ad-file.astro
deleted file mode 100644
index f94312d..0000000
--- a/src/pages/editor/ad-file.astro
+++ /dev/null
@@ -1,57 +0,0 @@
----
-import Layout from "../../layouts/Layout.astro";
----
-<Layout title="Upload File | Barta-India">
-    <main>
-        <div class="container mx-auto px-4 flex flex-col space-y-4">
-            <h1>Upload File</h1>
-            <form action="https://apisp.dev2.cicdhosting.com/news/add-file/" method="post" enctype="multipart/form-data">
-                <label for="file">Choose a file:</label>
-                <input type="file" name="file" id="file" required>
-                <br>
-                <input type="submit" value="Upload">
-            </form>
-        </div>
-    </main>
-</Layout>
-<script is:inline>
-    // function uploadFile() {
-    //     var fileInput = document.getElementById('fileInput');
-    //     var file = fileInput.files[0];
-
-    //     if (file) {
-    //         var formData = new FormData();
-    //         formData.append('fileInput', file);
-
-    //         fetch('https://apisp.dev2.cicdhosting.com/news/add-file/?action=save', {
-    //             method: 'POST',
-    //             body: formData
-    //         })
-    //         .then(response => response.json())
-    //         .then(data => {
-    //             document.getElementById('status').innerText = data.message;
-    //         })
-    //         .catch(error => {
-    //             console.error('Error:', error);
-    //         });
-    //     } else {
-    //         document.getElementById('status').innerText = 'Please select a file.';
-    //     }
-    // }
-
-
-    // function fileUpload(){
-    //     let formData = new FormData(document.getElementById('uploadForm'));
-    //     fetch(`https://apisp.dev2.cicdhosting.com/news/add-file/?action=save`, {
-    //         method: 'POST',
-    //         body: formData
-    //     })
-    //     .then(response => response.json())
-    //     .then(data => {
-    //         console.log(data);
-    //     })
-    //     .catch(error => {
-    //         console.log('An error occurred', error);
-    //     });
-    // }
-</script>
diff --git a/src/pages/editor/add-file.astro b/src/pages/editor/add-file.astro
new file mode 100644
index 0000000..6f8f199
--- /dev/null
+++ b/src/pages/editor/add-file.astro
@@ -0,0 +1,47 @@
+---
+import Layout from "../../layouts/Layout.astro";
+---
+<Layout title="Upload File | Barta-India">
+    <main>
+        <div class="container mx-auto px-4 flex flex-col space-y-4">
+            <h1>Upload File</h1>
+            <form id="formID">
+                <p class="text-red-500" style="display: none;" id="errorMessage"></p>
+                <p class="text-red-500" style="display: none;" id="errorMessage2"></p>
+                <label for="file">Choose a file:</label>
+                <input type="file" name="file" id="file" required>
+                <br>
+                <input onclick="saveFile(event);" type="submit" value="Upload">
+            </form>
+        </div>
+    </main>
+</Layout>
+<script is:inline>
+    function saveFile(event){
+        event.preventDefault();
+        let formID = document.getElementById('formID');
+        let formData = new FormData(formID);
+        fetch(`https://apisp.dev2.cicdhosting.com/upload/`,{
+            method: 'POST',
+            body: formData,
+        })
+        .then(data => data.json())
+        .then(data => {
+            if(data.error_code == 8050){
+                document.getElementById('errorMessage').innerHTML = data.error;
+                document.getElementById('errorMessage').style.display = 'block';
+                document.getElementById('errorMessage2').style.display = 'none';
+            }
+            if(data.error_code == 8051){
+                document.getElementById('errorMessage2').innerHTML = data.error;
+                document.getElementById('errorMessage2').style.display = 'block';
+                document.getElementById('errorMessage').style.display = 'none';
+            }
+            
+            // console.log(data)
+        })
+        .catch(error => {
+            console.error(error);
+        })
+    }
+</script>
diff --git a/src/pages/editor/add-news.astro b/src/pages/editor/add-news.astro
index 6e095e1..3da3163 100644
--- a/src/pages/editor/add-news.astro
+++ b/src/pages/editor/add-news.astro
@@ -34,6 +34,9 @@ import ImageUpload from "../../components/ImageUpload.vue";
                     <div class="flex flex-col">
                         <textarea required name="systemMessage" id="systemMessage" cols="30" rows="3" class="border-2 border-[#580a0a] focus:outline-none focus:border-4 focus:border-[#580a0a] rounded-xl">provide meta_title within 60 characters, meta_description within  160 characters, short_description within 280 characters, heading within 170 characters in en, bn, hi, zh, es ar all in a json structure no use comma after line ending</textarea>
                     </div>
+                    <div class="flex flex-col">
+                        <input type="file" name="file" id="file ">
+                    </div>
                     <div>
                         <button id="genButton" onclick="submitNewsPara(event);" class="bg-[#580a0a] text-white px-4 py-2 rounded-lg" >Genarate</button>
                     </div>
@@ -63,12 +66,11 @@ import ImageUpload from "../../components/ImageUpload.vue";
 
     function submitNewsPara(event) {
         event.preventDefault();
-        let genButton = document.getElementById('genButton');
-        let langInput = document.getElementById('language');
         let loadSection = document.getElementById('loadingSection');
         let newsData = document.getElementById('newsPara');
         let formData = new FormData(newsData);
         loadSection.style.display = 'block';
+        
         fetch(`https://apisp.dev2.cicdhosting.com/_dedicated/dwd/multi-lang/`, {
             method: 'POST',
             body: formData,

From ae8f0c0b7759488dc295b65b675eecf5c42c194a Mon Sep 17 00:00:00 2001
From: dev sp <dev2@ns1.cicdhosting.com>
Date: Mon, 12 Feb 2024 12:00:22 +0000
Subject: [PATCH 04/12] add file upload

---
 src/pages/editor/add-file.astro | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/editor/add-file.astro b/src/pages/editor/add-file.astro
index 6f8f199..3531aa2 100644
--- a/src/pages/editor/add-file.astro
+++ b/src/pages/editor/add-file.astro
@@ -21,7 +21,7 @@ import Layout from "../../layouts/Layout.astro";
         event.preventDefault();
         let formID = document.getElementById('formID');
         let formData = new FormData(formID);
-        fetch(`https://apisp.dev2.cicdhosting.com/upload/`,{
+        fetch(`https://apisp.dev2.cicdhosting.com/file_upload/v2/`,{
             method: 'POST',
             body: formData,
         })
@@ -38,7 +38,7 @@ import Layout from "../../layouts/Layout.astro";
                 document.getElementById('errorMessage').style.display = 'none';
             }
             
-            // console.log(data)
+            console.log(data)
         })
         .catch(error => {
             console.error(error);

From 74973dfc1e3ba235b7d8ce72262e6c7a48d676ce Mon Sep 17 00:00:00 2001
From: dev sp <dev2@ns1.cicdhosting.com>
Date: Tue, 13 Feb 2024 16:11:16 +0000
Subject: [PATCH 05/12] change file upload

---
 public/img/camera.svg            |  1 +
 src/components/AdminHeader.astro | 17 +++++++++
 src/components/EditNews.vue      |  5 +++
 src/components/GetData.vue       | 64 ++++++++++++++++++++++++++++++++
 src/pages/editor/add-file.astro  | 19 +++++++---
 src/pages/editor/add-news.astro  | 63 ++++++++++++++++++++++++++++++-
 src/pages/editor/edit-news.astro |  8 ++--
 src/pages/editor/index.astro     |  2 +
 src/pages/en/index.astro         | 25 +++++++++++++
 src/pages/news.astro             | 49 ++++++++++++++++++++++++
 10 files changed, 243 insertions(+), 10 deletions(-)
 create mode 100644 public/img/camera.svg
 create mode 100644 src/components/AdminHeader.astro
 create mode 100644 src/components/GetData.vue
 create mode 100644 src/pages/en/index.astro
 create mode 100644 src/pages/news.astro

diff --git a/public/img/camera.svg b/public/img/camera.svg
new file mode 100644
index 0000000..3e283f7
--- /dev/null
+++ b/public/img/camera.svg
@@ -0,0 +1 @@
+<svg width="70px" height="70px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path opacity="0.5" fill-rule="evenodd" clip-rule="evenodd" d="M9.77778 21H14.2222C17.3433 21 18.9038 21 20.0248 20.2646C20.51 19.9462 20.9267 19.5371 21.251 19.0607C22 17.9601 22 16.4279 22 13.3636C22 10.2994 22 8.76721 21.251 7.6666C20.9267 7.19014 20.51 6.78104 20.0248 6.46268C19.3044 5.99013 18.4027 5.82123 17.022 5.76086C16.3631 5.76086 15.7959 5.27068 15.6667 4.63636C15.4728 3.68489 14.6219 3 13.6337 3H10.3663C9.37805 3 8.52715 3.68489 8.33333 4.63636C8.20412 5.27068 7.63685 5.76086 6.978 5.76086C5.59733 5.82123 4.69555 5.99013 3.97524 6.46268C3.48995 6.78104 3.07328 7.19014 2.74902 7.6666C2 8.76721 2 10.2994 2 13.3636C2 16.4279 2 17.9601 2.74902 19.0607C3.07328 19.5371 3.48995 19.9462 3.97524 20.2646C5.09624 21 6.65675 21 9.77778 21ZM16 13C16 15.2091 14.2091 17 12 17C9.79086 17 8 15.2091 8 13C8 10.7909 9.79086 9 12 9C14.2091 9 16 10.7909 16 13ZM18 9.25C17.5858 9.25 17.25 9.58579 17.25 10C17.25 10.4142 17.5858 10.75 18 10.75H19C19.4142 10.75 19.75 10.4142 19.75 10C19.75 9.58579 19.4142 9.25 19 9.25H18Z" fill="#780a0a"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M16 13C16 15.2091 14.2091 17 12 17C9.79086 17 8 15.2091 8 13C8 10.7909 9.79086 9 12 9C14.2091 9 16 10.7909 16 13ZM12.75 11C12.75 10.5858 12.4142 10.25 12 10.25C11.5858 10.25 11.25 10.5858 11.25 11V12.25H10C9.58579 12.25 9.25 12.5858 9.25 13C9.25 13.4142 9.58579 13.75 10 13.75H11.25V15C11.25 15.4142 11.5858 15.75 12 15.75C12.4142 15.75 12.75 15.4142 12.75 15V13.75H14C14.4142 13.75 14.75 13.4142 14.75 13C14.75 12.5858 14.4142 12.25 14 12.25H12.75V11Z" fill="#780a0a"></path> <path d="M18 9.25C17.5858 9.25 17.25 9.58579 17.25 10C17.25 10.4142 17.5858 10.75 18 10.75H19C19.4142 10.75 19.75 10.4142 19.75 10C19.75 9.58579 19.4142 9.25 19 9.25H18Z" fill="#780a0a"></path> </g></svg>
\ No newline at end of file
diff --git a/src/components/AdminHeader.astro b/src/components/AdminHeader.astro
new file mode 100644
index 0000000..236fb41
--- /dev/null
+++ b/src/components/AdminHeader.astro
@@ -0,0 +1,17 @@
+<main>
+    <div>
+        <section class="bg-[#780A0A]">
+            <div class="container mx-auto px-4 text-white ">
+                <div class="flex flex-row ">
+                    <a class="p-4" href="/editor/add-news">Add News</a>
+                    <a class="p-4" href="/editor/edit-news">Edit News</a>
+                </div>
+                <!-- <a href="/editor/add-news">Add News</a>
+                <a href="/editor/add-news">Add News</a> -->
+            </div>
+        </section>
+    </div>
+</main>
+<style>
+
+</style>
\ No newline at end of file
diff --git a/src/components/EditNews.vue b/src/components/EditNews.vue
index be35132..a421feb 100644
--- a/src/components/EditNews.vue
+++ b/src/components/EditNews.vue
@@ -76,6 +76,11 @@
             </div>
         </form>
       </section>
+
+      <section>
+        <div></div>
+      </section>
+
     </div>
 </template>
   
diff --git a/src/components/GetData.vue b/src/components/GetData.vue
new file mode 100644
index 0000000..8ec7667
--- /dev/null
+++ b/src/components/GetData.vue
@@ -0,0 +1,64 @@
+<template>
+    <div>
+        <section class="container mx-auto px-4">
+            <label for="langValue">Read Also:</label>
+            <select v-on:change="dataCall()" v-model="langValue" name="langValue" id="langValue">
+                <option value="en">English</option>
+                <option value="bn">Bengali</option>
+                <option value="hi">Hindi</option>
+                <option value="zh">Mandarin</option>
+                <option value="es">Espanish</option>
+            </select>
+            <div v-for="items in items" :key="items.id">
+                <p>{{ items.title }}</p>
+            </div>
+        </section>
+    </div>
+</template>
+<script>
+    export default {
+        data(){
+            return{
+                data: "",
+                items: "",
+                langValue: 'en'
+            }
+        },
+    methods: {
+        dataCall(){
+            // let fullURL = window.location.href;
+            // console.log(fullURL)
+            console.log(langValue)
+            fetch(`https://apisp.dev2.cicdhosting.com/_dedicated/dwd/get-news/?action=news_${this.langValue}`)
+            .then(data => data.json())
+            .then(data => {
+                console.log(data)
+                this.items = data;
+            })
+            .catch(error => {
+                console.error(error)
+            })
+        }
+        // getData() {
+        //     fetch('https://apisp.dev2.cicdhosting.com/_dedicated/dwd/get-news/')
+        //     .then(response => {
+        //     if (!response.ok) {
+        //         throw new Error('Network response was not ok');
+        //     }
+        //     return response.json();
+        //     })
+        //     .then(data => {
+        //     // Handle the JSON response data
+        //     console.log(data);
+        //     })
+        //     .catch(error => {
+        //     // Handle any errors that occurred during the fetch
+        //     console.error('Fetch error:', error);
+        //     });
+        // }
+    },
+    mounted() {
+        this.dataCall(); // Call the getData function when the component is mounted
+    }
+    };
+</script>
\ No newline at end of file
diff --git a/src/pages/editor/add-file.astro b/src/pages/editor/add-file.astro
index 3531aa2..b61d0c4 100644
--- a/src/pages/editor/add-file.astro
+++ b/src/pages/editor/add-file.astro
@@ -4,24 +4,33 @@ import Layout from "../../layouts/Layout.astro";
 <Layout title="Upload File | Barta-India">
     <main>
         <div class="container mx-auto px-4 flex flex-col space-y-4">
+            <form action="https://apisp.dev2.cicdhosting.com/upload_file/v2/" method="post" enctype="multipart/form-data">
+                Select image to upload:
+                <input type="file" name="fileToUploadToSpApi" id="fileToUpload">
+                <input type="submit" value="Upload Image" name="submit">
+            </form>
             <h1>Upload File</h1>
-            <form id="formID">
+            <!-- <form action="https://apisp.dev2.cicdhosting.com/upload_file/v2/" method="post" enctype="multipart/form-data">
+                <input type="file" name="file" id="file" /> <br>
+                <input type="submit" value="Upload">
+            </form> -->
+            <!-- <form id="formID">
                 <p class="text-red-500" style="display: none;" id="errorMessage"></p>
                 <p class="text-red-500" style="display: none;" id="errorMessage2"></p>
                 <label for="file">Choose a file:</label>
                 <input type="file" name="file" id="file" required>
                 <br>
                 <input onclick="saveFile(event);" type="submit" value="Upload">
-            </form>
+            </form> -->
         </div>
     </main>
 </Layout>
-<script is:inline>
+<!-- <script is:inline>
     function saveFile(event){
         event.preventDefault();
         let formID = document.getElementById('formID');
         let formData = new FormData(formID);
-        fetch(`https://apisp.dev2.cicdhosting.com/file_upload/v2/`,{
+        fetch(`https://apisp.dev2.cicdhosting.com/upload_file/v2/`,{
             method: 'POST',
             body: formData,
         })
@@ -44,4 +53,4 @@ import Layout from "../../layouts/Layout.astro";
             console.error(error);
         })
     }
-</script>
+</script> -->
diff --git a/src/pages/editor/add-news.astro b/src/pages/editor/add-news.astro
index 3da3163..2599d94 100644
--- a/src/pages/editor/add-news.astro
+++ b/src/pages/editor/add-news.astro
@@ -1,9 +1,11 @@
 ---
 import Layout from "../../layouts/Layout.astro";
 import ImageUpload from "../../components/ImageUpload.vue";
+import AdminHeader from "../../components/AdminHeader.astro";
 ---
 
 <Layout title="Add News | Barta India">
+    <AdminHeader />
     <main>
         <div>
             <section class="container mx-auto px-4 md:max-w-3xl mt-40 space-y-4 shadow-xl rounded-xl p-4">
@@ -34,8 +36,13 @@ import ImageUpload from "../../components/ImageUpload.vue";
                     <div class="flex flex-col">
                         <textarea required name="systemMessage" id="systemMessage" cols="30" rows="3" class="border-2 border-[#580a0a] focus:outline-none focus:border-4 focus:border-[#580a0a] rounded-xl">provide meta_title within 60 characters, meta_description within  160 characters, short_description within 280 characters, heading within 170 characters in en, bn, hi, zh, es ar all in a json structure no use comma after line ending</textarea>
                     </div>
-                    <div class="flex flex-col">
-                        <input type="file" name="file" id="file ">
+                    <div class="flex flex-col" id="imgDIV">
+                        <!-- <img class="w-[100px]" id="imgview" src="" alt="" style="display: none;"/>
+                        <label for="file" class="cursor-pointer"><img src="/img/camera.svg" alt="add file | Barta-India"></label> -->
+                        <input oninput="saveFile(event);" type="file" name="file" id="file" class="border-2 p-1.5 border-[#580a0a] focus:outline-none focus:border-4 focus:border-[#580a0a] rounded-xl">
+                        <input style="display: none;" value="" type="text" name="img" id="img" class="border-2 p-1.5 border-[#580a0a] focus:outline-none focus:border-4 focus:border-[#580a0a] rounded-xl" />
+                    </div>
+                    <div>
                     </div>
                     <div>
                         <button id="genButton" onclick="submitNewsPara(event);" class="bg-[#580a0a] text-white px-4 py-2 rounded-lg" >Genarate</button>
@@ -43,6 +50,7 @@ import ImageUpload from "../../components/ImageUpload.vue";
                     <!-- <input id="message" type="text" value="" class="border-2 border-[#580a0a] p-2 focus:outline-none focus:border-4 focus:border-[#580a0a] rounded-xl"/> -->
                 </form>
             </section>
+            <!-- border-2 border-[#780a0a] rounded-xl -->
             <section class="bg-white rounded-full px-6 py-4" id="loadingSection" style="display: none;">
                 <div class="flex flex-col justify-center place-items-center">
                     <div class="load-aimate animate-spin "></div>
@@ -54,6 +62,43 @@ import ImageUpload from "../../components/ImageUpload.vue";
 </Layout>
 
 <script is:inline>
+    function saveFile(event){
+        event.preventDefault();
+        let formID = document.getElementById('newsPara');
+        let file = document.getElementById('file').file;
+        let formData = new FormData;
+        formData.append('file', file);
+        fetch(`https://apisp.dev2.cicdhosting.com/upload_file/v2/`,{
+            method: 'POST',
+            body: formData,
+        })
+        .then(data => data.json())
+        .then(data => {
+            if(data.error_code == 8050){
+                document.getElementById('errorMessage').innerHTML = data.error;
+                document.getElementById('errorMessage').style.display = 'block';
+                document.getElementById('errorMessage2').style.display = 'none';
+            }
+            if(data.error_code == 8051){
+                document.getElementById('errorMessage2').innerHTML = data.error;
+                document.getElementById('errorMessage2').style.display = 'block';
+                document.getElementById('errorMessage').style.display = 'none';
+            }
+            document.getElementById('img').value = data.file_url;
+            if(data.file_url){
+                document.getElementById('img').style.display = 'block';
+                document.getElementById('file').style.display = 'none';
+
+            }else{
+                document.getElementById('img').style.display = 'none';
+                document.getElementById('file').style.display = 'block';
+            }
+            console.log(data)
+        })
+        .catch(error => {
+            console.error(error);
+        })
+    }
     function qryWithLang(){
         let langValue = document.getElementById('language').value;
         document.getElementById('systemMessage').value = `provide meta_title within 60 characters, meta_description within  160 characters, short_description within 280 characters, heading within 170 characters in en, bn, hi, zh,  es,  pt, ru, fr, ur, ar all in a json structure no use comma after line ending`;
@@ -146,6 +191,20 @@ import ImageUpload from "../../components/ImageUpload.vue";
             console.error('Error occurred', error);
         });
     }
+    // function imagePreview() {
+    //     let fileInput = document.getElementById('file');
+    //     let file = fileInput.files[0];
+    //     let imgView = document.getElementById('imgview');
+    //     if (file) {
+    //         document.getElementById('imgview').style.display = 'block';
+    //         let imgUrl = URL.createObjectURL(file);
+    //         imgView.src = imgUrl;
+    //         document.getElementById('imgDIV').classList.add('border-2', 'border-[#780a0a]', 'rounded-xl');
+    //     } else {
+    //         imgView.src = "";
+    //     }
+    // }
+
 </script>
 <style>
     #loadingSection{
diff --git a/src/pages/editor/edit-news.astro b/src/pages/editor/edit-news.astro
index 3a15d17..85779c2 100644
--- a/src/pages/editor/edit-news.astro
+++ b/src/pages/editor/edit-news.astro
@@ -1,19 +1,21 @@
 ---
 import Layout from "../../layouts/Layout.astro";
+import AdminHeader from "../../components/AdminHeader.astro";
 ---
 <Layout title="Edit News | Barta-India">
+    <AdminHeader />
     <main>
         <div>
             <section class="container mx-auto px-4">
                 <div class="flex flex-col">
                     <p class="text-2xl">Edit News</p>
-                    <select name="lang" id="lang">Select Language
+                    <!-- <select name="lang" id="lang">Select Language
                         <option value="en">English</option>
                         <option value="bn">Bengali</option>
                         <option value="hi">Hindi</option>
                         <option value="zh">Mandarine</option>
                         <option value="se">Spanish</option>
-                    </select>
+                    </select> -->
                     <table class="border-2">
                         <thead>
                             <tr class="text-center">
@@ -44,7 +46,7 @@ import Layout from "../../layouts/Layout.astro";
                 let cellEdit = row.insertCell(2);
                 let editButton = document.createElement('a');
                 editButton.innerText = 'Edit';
-                editButton.href = `/editor/?edit=${singleData.slug}&lang=${document.getElementById('lang').value}`
+                editButton.href = `/editor/?edit=${singleData.slug}&lang=en`
                 editButton.addEventListener('click', function() {
                     // Add your edit functionality here
                     // console.log('Editing ID:', singleData.id);
diff --git a/src/pages/editor/index.astro b/src/pages/editor/index.astro
index 715ceba..08cee7c 100644
--- a/src/pages/editor/index.astro
+++ b/src/pages/editor/index.astro
@@ -1,8 +1,10 @@
 ---
 import Layout from "../../layouts/Layout.astro";
 import EditNews from "../../components/EditNews.vue";
+import AdminHeader from "../../components/AdminHeader.astro";
 ---
 <Layout title="Edit News | Barta-India">
+    <AdminHeader />
     <main>
         <div>
             <EditNews client:visible />
diff --git a/src/pages/en/index.astro b/src/pages/en/index.astro
new file mode 100644
index 0000000..b14b3c5
--- /dev/null
+++ b/src/pages/en/index.astro
@@ -0,0 +1,25 @@
+---
+import Layout from "../../layouts/Layout.astro";
+const postData = { key1: 'value1', key2: 'value2'};
+const options = { method: 'POST', headers: { 'Content-Type': 'application/json', 'Origin': 'https://2024.dev2-cs.siliconpin.com' }, body: JSON.stringify(postData)};
+const response = await fetch('https://apisp.dev2.cicdhosting.com/_dedicated/dwd/get-news/?action=news_en', options);
+const data = await response.json();
+const news = data;
+console.log(news);
+---
+<Layout title="">
+    <main>
+        <div>
+            <p>News English</p>
+            <!-- <img src="https:\/\/cdn33.siliconpin.com\/files\/siliconid0\/gtdk3ixrvs_Screenshot-from-2024-02-07-12-42-53.png" alt=""> -->
+            <div class="">
+                {data.map((items: {id: string | undefined; title: string | undefined;}) =>
+                    <div>
+                        <p>{items.id}</p>
+                        <p>{items.title}</p>
+                    </div>
+                )}
+            </div>
+        </div>
+    </main>
+</Layout>
diff --git a/src/pages/news.astro b/src/pages/news.astro
new file mode 100644
index 0000000..a48486e
--- /dev/null
+++ b/src/pages/news.astro
@@ -0,0 +1,49 @@
+---
+import Layout from "../layouts/Layout.astro";
+import GetData from "../components/GetData.vue"
+const fetchData = await fetch('https://apisp.dev2.cicdhosting.com/_dedicated/dwd/get-news/');
+const dataJSON = await fetchData.json();
+const data = dataJSON.data;
+console.log(data);
+---
+<Layout title="">
+    <main>
+        <div>
+            <section class="container mx-auto px-4">
+                <GetData client:visible />
+                <p>News List</p>
+                <div>
+                    <button onclick="getData();">Get Data</button>
+                    <p id="dataID"></p>
+                </div>
+            </section>
+        </div>
+    </main>
+</Layout>
+<script is:inline>
+    function getData(){
+        fetch(`https://apisp.dev2.cicdhosting.com/_dedicated/dwd/get-news/?action=news_en`)
+        .then(data => data.json())
+        .then(data => {
+            console.log(data)
+        })
+        .catch(error => {
+            console.error("an error occoured", error)
+        })
+        // fetch('https://apisp.dev2.cicdhosting.com/_dedicated/dwd/get-news/?action=news_en')
+        //     .then(response => {
+        //         if (!response.ok) {
+        //         throw new Error('Network response was not ok');
+        //         }
+        //         return response.json();
+        //     })
+        //     .then(data => {
+        //         // Handle the JSON response data
+        //         console.log(data);
+        //     })
+        //     .catch(error => {
+        //         // Handle any errors that occurred during the fetch
+        //         console.error('Fetch error:', error);
+        //     });
+    }
+</script>
\ No newline at end of file

From abb1200c957ab05fac610a0aff32f8eb610863af Mon Sep 17 00:00:00 2001
From: dev sp <dev2@ns1.cicdhosting.com>
Date: Thu, 15 Feb 2024 15:53:27 +0000
Subject: [PATCH 06/12] single file upload page

---
 src/components/AddFile.vue           | 103 +++++++++++++++++++++++++
 src/components/AdminHeader.astro     |   1 +
 src/pages/editor/add-file-list.astro | 109 +++++++++++++++++++++++++++
 src/pages/editor/add-file.astro      | 102 +++++++++++++++++++------
 src/pages/editor/add-news.astro      |  31 ++++----
 src/pages/editor/index.astro         |   1 -
 src/pages/en/[id].astro              |  94 +++++++++++++++++++++++
 src/pages/en/file.astro              |   7 ++
 src/pages/en/index.astro             |  58 +++++++++++++-
 9 files changed, 459 insertions(+), 47 deletions(-)
 create mode 100644 src/components/AddFile.vue
 create mode 100644 src/pages/editor/add-file-list.astro
 create mode 100644 src/pages/en/[id].astro
 create mode 100644 src/pages/en/file.astro

diff --git a/src/components/AddFile.vue b/src/components/AddFile.vue
new file mode 100644
index 0000000..fd971bb
--- /dev/null
+++ b/src/components/AddFile.vue
@@ -0,0 +1,103 @@
+<template>
+    <div class="my-10">
+      <section class="container mx-auto px-4 max-w-2xl shadow-lg rounded-xl p-6">
+        <p class="text-2xl py-4">Edit News</p>
+        <form id="formID">
+            <p class="text-red-500" style="display: none;" id="errorMessage"></p>
+            <p class="text-red-500" style="display: none;" id="errorMessage2"></p>
+            <label for="file">Choose a file:</label>
+            <input @change="saveFile" type="file" name="fileToUploadToSpApi" id="fileToUpload" required />
+        </form>
+        <form action="">
+            <div>
+                <input :value="data.file_url" type="text" name="fileLink" id="fileLink" class="p-2 border-2 border-[#580a0a] focus:outline-none focus:border-4 focus:border-[#580a0a] rounded-xl"/>
+            </div>
+        </form>
+      </section>
+    </div>
+</template>
+  
+  <script>
+    export default {
+    data() {
+        return {
+            slugURLbn: "",
+            fullURL: "",
+            spliturl: "",
+            bartaData: {}, // Initialize bartaData as an object
+            bnData: {},
+            data:{},
+        };
+    },
+    mounted() {
+        // this.getBarta();
+        let fullURL = window.location.href.split("/")[5].split('?add=')[1];
+        console.log(fullURL)
+    },
+    methods: {
+        saveFile(event) {
+            event.preventDefault();
+            let formData = new FormData();
+            // Append the selected file to the FormData object
+            formData.append('file', event.target.files[0]);
+            
+            fetch(`https://apisp.dev2.cicdhosting.com/upload_file/v2/`, {
+                method: 'POST',
+                body: formData,
+            })
+            .then(data => data.json())
+            .then(data => {
+                console.log(data);
+
+            })
+            .catch(error => {
+                console.error(error);
+            });
+        },
+
+        // getBarta() {
+        //     let currentUrl = window.location.href;
+        //     console.log('full url', currentUrl)
+        //     let langValue = currentUrl.split("/")[5].split('?add=')[1];
+        //     console.log( langValue);
+        //     let formData = new FormData();
+        //     formData.append('slug', langValue);
+        //     fetch(`https://apisp.dev2.cicdhosting.com/_dedicated/dwd/edit-news/`, {
+        //         method: 'POST',
+        //         body: formData,
+        //     })
+        //     .then(response => response.json())
+        //     .then(data => {
+        //         // Assign fetched data to bartaData property
+        //         // console.log(data)
+        //         this.bartaData = data;
+        //         console.log(this.bartaData)
+        //     })
+        //     .catch(error => {
+        //         // console.log('An error occurred', error);
+        //     });
+        // },
+        // getBartaBN() {
+        //     let currentUrl = window.location.href;
+        //     let spliturl = currentUrl.split("/")[3].split("edit=")[1];
+        //     // console.log(spliturl);
+        //     let formData = new FormData();
+        //     formData.append('slug', spliturl);
+        //     fetch(`https://apisp.dev2.cicdhosting.com/_dedicated/dwd/edit-news/?action=news_bn`, {
+        //         method: 'POST',
+        //         body: formData,
+        //     })
+        //     .then(response => response.json())
+        //     .then(data => {
+        //         // Assign fetched data to bartaData property
+        //         // console.log(data)
+        //         this.bnData = data;
+        //         console.log(this.bnData)
+        //     })
+        //     .catch(error => {
+        //         // console.log('An error occurred', error);
+        //     });
+        // },
+    },
+    };
+    </script>
\ No newline at end of file
diff --git a/src/components/AdminHeader.astro b/src/components/AdminHeader.astro
index 236fb41..5666e4c 100644
--- a/src/components/AdminHeader.astro
+++ b/src/components/AdminHeader.astro
@@ -5,6 +5,7 @@
                 <div class="flex flex-row ">
                     <a class="p-4" href="/editor/add-news">Add News</a>
                     <a class="p-4" href="/editor/edit-news">Edit News</a>
+                    <a class="p-4" href="/editor/add-file-list">Add Image</a>
                 </div>
                 <!-- <a href="/editor/add-news">Add News</a>
                 <a href="/editor/add-news">Add News</a> -->
diff --git a/src/pages/editor/add-file-list.astro b/src/pages/editor/add-file-list.astro
new file mode 100644
index 0000000..afd049a
--- /dev/null
+++ b/src/pages/editor/add-file-list.astro
@@ -0,0 +1,109 @@
+---
+import Layout from "../../layouts/Layout.astro";
+import AdminHeader from "../../components/AdminHeader.astro";
+---
+<Layout title="Upload File | Barta-India">
+    <AdminHeader />
+    <main>
+        <div>
+            <section class="container mx-auto px-4">
+                <div>
+                    <table class="border-2">
+                        <thead>
+                            <tr class="text-center">
+                                <th>ID</th>
+                                <th>Status</th>
+                                <th>Image</th>
+                            </tr>
+                        </thead>
+                        <tbody class="border-2" id="statusTableBody"></tbody>
+                    </table>
+                </div>
+            </section>
+        </div> 
+
+
+
+
+        <div class="container mx-auto px-4 flex flex-col space-y-4">
+            <!-- <form action="https://apisp.dev2.cicdhosting.com/upload_file/v2/" method="post" enctype="multipart/form-data">
+                Select image to upload:
+                <input type="file" name="fileToUploadToSpApi" id="fileToUpload">
+                <input type="submit" value="Upload Image" name="submit">
+            </form> -->
+            <!-- <h1>Upload File</h1> -->
+            <!-- <form action="https://apisp.dev2.cicdhosting.com/upload_file/v2/" method="post" enctype="multipart/form-data">
+                <input type="file" name="file" id="file" /> <br>
+                <input type="submit" value="Upload">
+            </form> -->
+            <!-- <form id="formID">
+                <p class="text-red-500" style="display: none;" id="errorMessage"></p>
+                <p class="text-red-500" style="display: none;" id="errorMessage2"></p>
+                <label for="file">Choose a file:</label>
+                <input type="file" name="fileToUploadToSpApi" id="fileToUpload" required>
+                <br>
+                <input onclick="noImageNews();" type="submit" value="Upload">
+            </form> -->
+        </div>
+        <!-- <button onclick="noImageNews();">onclick="noImageNews();"</button> -->
+    </main>
+</Layout>
+<script is:inline>
+    window.onload = function noImageNews() {
+        fetch(`https://apisp.dev2.cicdhosting.com/_dedicated/dwd/no-file/`)
+        .then(data => data.json())
+        .then(data => {
+            let tableBody = document.getElementById('statusTableBody');
+            data.forEach(function(singleData) {
+                let row = tableBody.insertRow();
+                let cellId = row.insertCell(0);
+                cellId.innerHTML = singleData.id;
+                let cellStatus = row.insertCell(1);
+                cellStatus.innerHTML = singleData.slug;
+                let cellEdit = row.insertCell(2);
+                let addButton = document.createElement('a');
+                addButton.innerText = 'Add';
+                addButton.style.color = 'blue';
+                addButton.href = `/editor/add-file/?add=${singleData.slug}`
+                addButton.addEventListener('click', function() {
+                    // Add your edit functionality here
+                    // console.log('Editing ID:', singleData.id);
+                });
+                cellEdit.appendChild(addButton);
+            });
+            console.log(data);
+        })
+        .catch(error => {
+            console.error('An error occurred', error); // Typo was here: 'console.erroe'
+        });
+    };
+
+    // noImageNews = window.onload;
+    function saveFile(event){
+        event.preventDefault();
+        let formID = document.getElementById('formID');
+        let formData = new FormData(formID);
+        fetch(`https://apisp.dev2.cicdhosting.com/upload_file/v2/`,{
+            method: 'POST',
+            body: formData,
+        })
+        .then(data => data.json())
+        .then(data => {
+            if(data.error_code == 8050){
+                document.getElementById('errorMessage').innerHTML = data.error;
+                document.getElementById('errorMessage').style.display = 'block';
+                document.getElementById('errorMessage2').style.display = 'none';
+            }
+            if(data.error_code == 8051){
+                document.getElementById('errorMessage2').innerHTML = data.error;
+                document.getElementById('errorMessage2').style.display = 'block';
+                document.getElementById('errorMessage').style.display = 'none';
+            }
+            
+            console.log(data)
+        })
+        .catch(error => {
+            console.error(error);
+        })
+    }
+</script>
diff --git a/src/pages/editor/add-file.astro b/src/pages/editor/add-file.astro
index b61d0c4..eb995d8 100644
--- a/src/pages/editor/add-file.astro
+++ b/src/pages/editor/add-file.astro
@@ -1,35 +1,62 @@
 ---
 import Layout from "../../layouts/Layout.astro";
+import AdminHeader from "../../components/AdminHeader.astro";
 ---
-<Layout title="Upload File | Barta-India">
+<Layout title="">
     <main>
-        <div class="container mx-auto px-4 flex flex-col space-y-4">
-            <form action="https://apisp.dev2.cicdhosting.com/upload_file/v2/" method="post" enctype="multipart/form-data">
-                Select image to upload:
-                <input type="file" name="fileToUploadToSpApi" id="fileToUpload">
-                <input type="submit" value="Upload Image" name="submit">
-            </form>
-            <h1>Upload File</h1>
-            <!-- <form action="https://apisp.dev2.cicdhosting.com/upload_file/v2/" method="post" enctype="multipart/form-data">
-                <input type="file" name="file" id="file" /> <br>
-                <input type="submit" value="Upload">
-            </form> -->
-            <!-- <form id="formID">
-                <p class="text-red-500" style="display: none;" id="errorMessage"></p>
-                <p class="text-red-500" style="display: none;" id="errorMessage2"></p>
-                <label for="file">Choose a file:</label>
-                <input type="file" name="file" id="file" required>
-                <br>
-                <input onclick="saveFile(event);" type="submit" value="Upload">
-            </form> -->
+        <AdminHeader />
+        <div>
+            <!-- <AddFile client:visible /> -->
+            <section class="container mx-auto px-4 max-w-2xl shadow-2xl rounded-2xl mt-16">
+                <h3 class="text-2xl py-4">Add File</h3>
+                <form id="imageChoose" class="flex flex-col">
+                    <p class="text-red-500" style="display: none;" id="errorMessage"></p>
+                    <p class="text-red-500" style="display: none;" id="errorMessage2"></p>
+                    <label for="file">Choose a file:</label>
+                    <input oninput="saveFile(event);" type="file" name="fileToUploadToSpApi" id="fileToUpload"  />
+                    <br>
+                    <!-- <input oninput="saveFile(event);" type="submit" value="Upload"> -->
+                </form>
+                <form id="imageLink" style="display: none;" class="space-y-4">
+                    <div class="flex flex-col">
+                        <input type="text" name="slug" id="slug" class="p-2 border-2 border-[#580a0a] focus:outline-none focus:border-4 focus:border-[#580a0a] rounded-xl" required />
+                    </div>
+                    <div class="flex flex-col">
+                        <input type="text" name="fileLink" id="fileLink" class="p-2 border-2 border-[#580a0a] focus:outline-none focus:border-4 focus:border-[#580a0a] rounded-xl" required  />
+                    </div>
+                    <div>
+                        <input onclick="submitNewsImage(event);" type="submit" value="Upload" class="bg-[#780a0a] px-4 py-2 rounded-lg text-white cursor-pointer" />
+                    </div>
+                </form>
+                <div class="flex flex-col justify-center place-items-center p-6">
+                    <img id="imgview" src="" alt="" class="rounded-xl" />
+                </div>
+            </section>
         </div>
     </main>
 </Layout>
-<!-- <script is:inline>
+<script is:inline>
+    function imagePreview() {
+        let fileInput = document.getElementById('fileToUpload');
+        let file = fileInput.files[0];
+        let imgView = document.getElementById('imgview');
+        if (file) {
+            document.getElementById('imgview').style.display = 'block';
+            let imgUrl = URL.createObjectURL(file);
+            imgView.src = imgUrl;
+        } else {
+            imgView.src = "";
+        }
+    }
+
+    let slug = window.location.href.split('/')[5].split('?add=')[1];
+    // console.log(slug)
+    document.getElementById('slug').value = slug;
+
     function saveFile(event){
         event.preventDefault();
-        let formID = document.getElementById('formID');
-        let formData = new FormData(formID);
+        let imageChoose = document.getElementById('imageChoose');
+        let formData = new FormData(imageChoose);
         fetch(`https://apisp.dev2.cicdhosting.com/upload_file/v2/`,{
             method: 'POST',
             body: formData,
@@ -46,11 +73,36 @@ import Layout from "../../layouts/Layout.astro";
                 document.getElementById('errorMessage2').style.display = 'block';
                 document.getElementById('errorMessage').style.display = 'none';
             }
-            
+            if(data.file_url){
+                document.getElementById('fileLink').value = data.file_url;
+                document.getElementById('imageChoose').style.display = 'none';
+                document.getElementById('imageLink').style.display = 'block';
+            }
             console.log(data)
         })
         .catch(error => {
             console.error(error);
         })
+        imagePreview();
     }
-</script> -->
+
+    function submitNewsImage(event) {
+        event.preventDefault();
+        let formElement = document.getElementById('imageLink'); // Replace 'yourFormId' with the actual ID of your form
+        let formData = new FormData(formElement); // Pass the form element
+        
+        fetch(`https://apisp.dev2.cicdhosting.com/_dedicated/dwd/no-file-add-file/`, {
+            method: 'POST',
+            body: formData,
+        })
+        .then(response => response.json()) // Convert response to text
+        .then(data => {
+            console.log(data); 
+        })  
+        .catch(error => {
+            console.error('Error occurred:', error);
+        });
+    }
+
+
+</script>
\ No newline at end of file
diff --git a/src/pages/editor/add-news.astro b/src/pages/editor/add-news.astro
index 2599d94..7744def 100644
--- a/src/pages/editor/add-news.astro
+++ b/src/pages/editor/add-news.astro
@@ -36,19 +36,22 @@ import AdminHeader from "../../components/AdminHeader.astro";
                     <div class="flex flex-col">
                         <textarea required name="systemMessage" id="systemMessage" cols="30" rows="3" class="border-2 border-[#580a0a] focus:outline-none focus:border-4 focus:border-[#580a0a] rounded-xl">provide meta_title within 60 characters, meta_description within  160 characters, short_description within 280 characters, heading within 170 characters in en, bn, hi, zh, es ar all in a json structure no use comma after line ending</textarea>
                     </div>
-                    <div class="flex flex-col" id="imgDIV">
-                        <!-- <img class="w-[100px]" id="imgview" src="" alt="" style="display: none;"/>
-                        <label for="file" class="cursor-pointer"><img src="/img/camera.svg" alt="add file | Barta-India"></label> -->
-                        <input oninput="saveFile(event);" type="file" name="file" id="file" class="border-2 p-1.5 border-[#580a0a] focus:outline-none focus:border-4 focus:border-[#580a0a] rounded-xl">
-                        <input style="display: none;" value="" type="text" name="img" id="img" class="border-2 p-1.5 border-[#580a0a] focus:outline-none focus:border-4 focus:border-[#580a0a] rounded-xl" />
-                    </div>
-                    <div>
+                    <div class="flex flex-col">
+                        <input type="text" name="fileLink" id="fileLink" class="p-2 border-2 border-[#580a0a] focus:outline-none focus:border-4 focus:border-[#580a0a] rounded-xl"/>
                     </div>
                     <div>
                         <button id="genButton" onclick="submitNewsPara(event);" class="bg-[#580a0a] text-white px-4 py-2 rounded-lg" >Genarate</button>
                     </div>
                     <!-- <input id="message" type="text" value="" class="border-2 border-[#580a0a] p-2 focus:outline-none focus:border-4 focus:border-[#580a0a] rounded-xl"/> -->
                 </form>
+                <form id="formID">
+                    <p class="text-red-500" style="display: none;" id="errorMessage"></p>
+                    <p class="text-red-500" style="display: none;" id="errorMessage2"></p>
+                    <label for="file">Choose a file:</label>
+                    <input oninput="saveFile(event);" type="file" name="fileToUploadToSpApi" id="fileToUpload" required />
+                    <br>
+                    <!-- <input oninput="saveFile(event);" type="submit" value="Upload"> -->
+                </form>
             </section>
             <!-- border-2 border-[#780a0a] rounded-xl -->
             <section class="bg-white rounded-full px-6 py-4" id="loadingSection" style="display: none;">
@@ -64,10 +67,8 @@ import AdminHeader from "../../components/AdminHeader.astro";
 <script is:inline>
     function saveFile(event){
         event.preventDefault();
-        let formID = document.getElementById('newsPara');
-        let file = document.getElementById('file').file;
-        let formData = new FormData;
-        formData.append('file', file);
+        let formID = document.getElementById('formID');
+        let formData = new FormData(formID);
         fetch(`https://apisp.dev2.cicdhosting.com/upload_file/v2/`,{
             method: 'POST',
             body: formData,
@@ -84,14 +85,8 @@ import AdminHeader from "../../components/AdminHeader.astro";
                 document.getElementById('errorMessage2').style.display = 'block';
                 document.getElementById('errorMessage').style.display = 'none';
             }
-            document.getElementById('img').value = data.file_url;
             if(data.file_url){
-                document.getElementById('img').style.display = 'block';
-                document.getElementById('file').style.display = 'none';
-
-            }else{
-                document.getElementById('img').style.display = 'none';
-                document.getElementById('file').style.display = 'block';
+                document.getElementById('fileLink').value = data.file_url;
             }
             console.log(data)
         })
diff --git a/src/pages/editor/index.astro b/src/pages/editor/index.astro
index 08cee7c..46fe29c 100644
--- a/src/pages/editor/index.astro
+++ b/src/pages/editor/index.astro
@@ -8,7 +8,6 @@ import AdminHeader from "../../components/AdminHeader.astro";
     <main>
         <div>
             <EditNews client:visible />
-            
         </div>
     </main>
 <!-- </Layout>
diff --git a/src/pages/en/[id].astro b/src/pages/en/[id].astro
new file mode 100644
index 0000000..e5d8839
--- /dev/null
+++ b/src/pages/en/[id].astro
@@ -0,0 +1,94 @@
+---
+import Layout from "../../layouts/Layout.astro";
+export async function getStaticPaths() {
+    const postData = { key1: 'value1', key2: 'value2'};
+    const options = { method: 'POST', headers: { 'Content-Type': 'application/json', 'Origin': 'https://2024.dev2-cs.siliconpin.com' }, body: JSON.stringify(postData)};
+    const response = await fetch('https://apisp.dev2.cicdhosting.com/_dedicated/dwd/get-news/?action=news_en', options);
+    const data = await response.json();
+    const finalData = data.map((n: { slug: string | undefined; })=>{
+        return {params: {id:n.slug}}
+    })
+    return finalData;
+}
+const postData = { key1: 'value1', key2: 'value2'};
+const options = { method: 'POST', headers: { 'Content-Type': 'application/json', 'Origin': 'https://2024.dev2-cs.siliconpin.com' }, body: JSON.stringify(postData)};
+const response = await fetch('https://apisp.dev2.cicdhosting.com/_dedicated/dwd/get-news/?action=news_en', options);
+const data = await response.json();
+const { id } = Astro.params;
+const idx = data.findIndex((n: { slug: string | undefined; }) => n.slug ===id);
+const items  = data[idx];
+// console.log(items)
+---
+<Layout title=""
+            metaTitle={items.meta_title}
+            description={items.meta_description}
+            ogImg={items.img}          
+            tiwtterCard="summary_large_image"
+            tiwtterImage={items.img}
+            tiwtterTitle={items.meta_title}
+            tiwtterDesc={items.meta_description}
+            tiwtterURL=`https://barta-india.in/bn/${items.slug}`
+            artPubTime={items.date_created}
+            ogSiteName=`https://barta-india.in/bn/${items.slug}`
+            ogType='News'
+            ogTitle={items.meta_title}
+            ogDesc={items.meta_description}
+            ogURL=`https://barta-india.in/bn/${items.slug}`>
+    <main>
+        <section class="container mx-auto px-4 mt-16">
+          <div class="flex flex-col justify-center">
+            <div class=""><button onclick="toggleSpeech();" id="listenButton" class="float-right text-white font-bold px-6 py-2 rounded-lg bg-[#780a0a]">Listen</button></div>
+              <h1 id="message1" class="text-3xl font-bold border-b-4 border-[#780A0A]">{items.heading}</h1>
+              <h2 id="message2" class="text-xl py-2">{items.title}</h2>
+              <div class="flex flex-col place-items-center">
+                <img src={items.img} alt={items.title} class="md:w-[40%]" />
+              </div>
+              <div class="flex flex-row justify-center md:justify-end mt-2">
+                <div class="flex flex-row place-items-center p-2 shadow-lg shadow-[#780a0a] border-b-2 border-[#780a0a] rounded-b-2xl w-fit">
+                  <p class="text-xl font-bold text-[#780a0a]">Share on: </p>
+                  <a href=`whatsapp://send?text=${items.title}%20%0A%20https://barta-india.in/bn/${items.slug}` data-action="share/whatsapp/share"><img src="/img/whatsapp.svg" alt="WhatsApp Logo"/></a>
+                  <a href=`https://www.facebook.com/share.php?u=https://barta-india.in/bn/${items.slug}` target="_blank"><img src="/img/facebook.svg" alt="Facebook Logo"/></a>
+                  <a href=`http://www.twitter.com/share?url=https://barta-india.in/bn/${items.slug}&text=%20${items.title}` target="_blank"><img src="/img/x.svg" alt="Twitter/X Logo"/></a>
+                  <a href=`https://www.linkedin.com/shareArticle?mini=true&url=https://barta-india.in/bn/${items.slug}&title=${items.title}&summary=${items.title}&source=${items.title}` onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"><img src="/img/link.svg" alt="Linkdin Logo"/></a>
+                </div>
+              </div>
+              <p class="text-justify  mt-4">{items.content}</p>
+          </div>
+        </section>
+      </main>
+</Layout>
+<script is:inline>
+    let isListening = false;
+    let speechSynthesisInstance = window.speechSynthesis;
+  
+    function toggleSpeech() {
+      if (isListening) {
+        stopSpeech();
+      } else {
+        startSpeech();
+      }
+    }
+  
+    function startSpeech() {
+      let message1 = document.getElementById('message1').innerText;
+      let message2 = document.getElementById('message2').innerText;
+      let allSpeechText = message1 + ' ' + message2;
+  
+      let speechText = new SpeechSynthesisUtterance(allSpeechText);
+      speechText.lang = 'bn';  // Set language to Bengali
+  
+      speechSynthesisInstance.speak(speechText);
+  
+      document.getElementById('listenButton').innerText = 'Stop';
+      isListening = true;
+    }
+  
+    function stopSpeech() {
+      speechSynthesisInstance.cancel();
+      document.getElementById('listenButton').innerText = 'Listen';
+      isListening = false;
+    }
+    // if(window.location.reload()){
+    //   isListening = false;
+    // }
+  </script>
diff --git a/src/pages/en/file.astro b/src/pages/en/file.astro
new file mode 100644
index 0000000..03e93fb
--- /dev/null
+++ b/src/pages/en/file.astro
@@ -0,0 +1,7 @@
+<main>
+    <div>
+        <section>sqjns
+            <img src="https://cdn33.siliconpin.com/files/siliconid0/gtfdo20u6v_" alt="">
+        </section>
+    </div>
+</main>
\ No newline at end of file
diff --git a/src/pages/en/index.astro b/src/pages/en/index.astro
index b14b3c5..114394a 100644
--- a/src/pages/en/index.astro
+++ b/src/pages/en/index.astro
@@ -9,9 +9,61 @@ console.log(news);
 ---
 <Layout title="">
     <main>
+		<section class="container mx-auto px-4">
+			<div class="my-16">
+				<span class="text-[#780a0a] font-bold" id="pageName"></span>
+				<h1 class="text-4xl font-bold border-b-4 border-[#780A0A]">Latest News</h1>
+			</div>
+			<div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4">
+				{news.map((items: {id: string | undefined; heading: string | undefined; img: string | undefined; title : string | undefined; content : string | undefined; slug : string | undefined; date_created : string | undefined; in_brief: string | undefined;}) =>
+					<div class="flex flex-col border-2 border-[#780a0a] gap-6 p-4 place-content-between rounded-lg">
+						<div class="flex flex-col">
+							<div class="">
+								<a class="flex flex-col" href={`/en/${items.slug}`}>
+									<img class="aspect-video rounded-t-lg" src={items.img} alt={items.title} />
+									<h2 class="text-lg text-justify ">{items.title}</h2> 
+								</a>
+							</div>
+							<div>
+								<dialog id={`d-${items.id}`} class="shadow-xl rounded-xl md:w-[50%] xl:w-[30%]">
+									<form method="dialog">
+										<div class="flex flex-col md:flex-col">
+											<a href={`/en/${items.slug}`} class="flex flex-col md:flex-col">
+												<img class="rounded-t-xl" src={items.img} alt={items.title} />
+												<h1 class="text-lg font-bold">{items.heading} </h1>
+												<h2 class="text-justify ">{items.in_brief}</h2>
+											</a>
+											<div class="flex flex-row place-content-between place-items-center">
+												<div class="flex flex-row place-content-between place-items-center p-2 space-x-6 shadow-lg shadow-gray-400 rounded-2xl">
+													<a class="hover:-translate-y-2 duration-[1s]" href={`whatsapp://send?text=${items.title}%20%0A%20https://barta-india.in/${items.slug}`} data-action="share/whatsapp/share"><img src="/img/whatsapp.svg" alt="WhatsApp Logo"/></a>
+													<a class="hover:-translate-y-2 duration-[1s]" href={`https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fbarta-india.in%2F${items.slug}`} target="_blank"><img src="/img/facebook.svg" alt="Facebook Logo"/></a>                  
+													<a class="hover:-translate-y-2 duration-[1s]" href={`http://www.twitter.com/share?url=https://barta-india.in/${items.slug}&text=${items.title}`} target="_blank"><img src="/img/x.svg" alt="Twitter/X Logo"/></a>
+													<a class="hover:-translate-y-2 duration-[1s]" href={`https://www.linkedin.com/shareArticle?mini=true&url=https://barta-india.in/${items.slug}&title=${items.title}&summary=${items.title}&source=${items.title}`} onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"><img src="/img/link.svg" alt="Linkdin Logo"/></a>
+												</div>
+												<div class="flex border-b-4 border-gray-500 border-t rounded-full  text-3xl hover:rotate-180  duration-[3s]">
+													<button class="text-white font-bold py-2 px-4 bg-[#780a0a] rounded-full shadow-xl" onclick={`document.getElementById('d-${items.id}').close()`}>&#10008;</button>
+												</div>
+											</div>
+										</div>
+									</form>
+								</dialog>
+							</div>
+						</div>
+						<div class="flex flex-row place-content-between">
+							<button onclick={`document.getElementById('d-${items.id}').showModal()`} class="bg-[#780A0A] text-white rounded-md font-bold py-2 px-6">In Brief</button>
+							<a href={`/en/${items.slug}`} class="bg-[#780A0A] text-white rounded-md font-bold py-2 px-6">Details</a>
+						</div>
+					</div>
+				)}
+				<!-- <a href={`/${items.slug}`} class="bg-[#780A0A] text-white rounded-md font-bold px-6 ">Read More>></a> -->
+                <!-- <p class="">Publish at: <br/> {items.date_created.split(':')[0].split('T')[0]}</p> -->
+
+			</div>
+		</section>		
+	</main>
+    <!-- <main>
         <div>
             <p>News English</p>
-            <!-- <img src="https:\/\/cdn33.siliconpin.com\/files\/siliconid0\/gtdk3ixrvs_Screenshot-from-2024-02-07-12-42-53.png" alt=""> -->
             <div class="">
                 {data.map((items: {id: string | undefined; title: string | undefined;}) =>
                     <div>
@@ -20,6 +72,6 @@ console.log(news);
                     </div>
                 )}
             </div>
-        </div>
-    </main>
+        </div> 
+    </main> -->
 </Layout>

From 00a1640ff5e332fbbd818339137dc8ef341eb4e5 Mon Sep 17 00:00:00 2001
From: dev sp <dev2@ns1.cicdhosting.com>
Date: Thu, 15 Feb 2024 16:04:35 +0000
Subject: [PATCH 07/12] change

---
 src/pages/editor/add-file-list.astro | 18 +++++++++---------
 src/pages/en/index.astro             | 13 -------------
 2 files changed, 9 insertions(+), 22 deletions(-)

diff --git a/src/pages/editor/add-file-list.astro b/src/pages/editor/add-file-list.astro
index afd049a..e8265f5 100644
--- a/src/pages/editor/add-file-list.astro
+++ b/src/pages/editor/add-file-list.astro
@@ -7,13 +7,13 @@ import AdminHeader from "../../components/AdminHeader.astro";
     <main>
         <div>
             <section class="container mx-auto px-4">
-                <div>
+                <div class="mt-16">
                     <table class="border-2">
                         <thead>
                             <tr class="text-center">
-                                <th>ID</th>
-                                <th>Status</th>
-                                <th>Image</th>
+                                <th class="border-[2px] border-[#dbdde1]">ID</th>
+                                <th class="border-[2px] border-[#dbdde1]">News Slug</th>
+                                <th class="border-[2px] border-[#dbdde1]">Image</th>
                             </tr>
                         </thead>
                         <tbody class="border-2" id="statusTableBody"></tbody>
@@ -21,11 +21,7 @@ import AdminHeader from "../../components/AdminHeader.astro";
                 </div>
             </section>
         </div> 
-
-
-
-
-        <div class="container mx-auto px-4 flex flex-col space-y-4">
+         <div class="container mx-auto px-4 flex flex-col space-y-4">
             <!-- <form action="https://apisp.dev2.cicdhosting.com/upload_file/v2/" method="post" enctype="multipart/form-data">
                 Select image to upload:
                 <input type="file" name="fileToUploadToSpApi" id="fileToUpload">
@@ -56,11 +52,15 @@ import AdminHeader from "../../components/AdminHeader.astro";
             let tableBody = document.getElementById('statusTableBody');
             data.forEach(function(singleData) {
                 let row = tableBody.insertRow();
+                row.style.border = '2px solid #dbdde1';
                 let cellId = row.insertCell(0);
+                cellId.style.border = '2px solid #dbdde1';
                 cellId.innerHTML = singleData.id;
                 let cellStatus = row.insertCell(1);
+                cellStatus.style.border = '2px solid #dbdde1';
                 cellStatus.innerHTML = singleData.slug;
                 let cellEdit = row.insertCell(2);
+                cellEdit.style.border = '2px solid #dbdde1';
                 let addButton = document.createElement('a');
                 addButton.innerText = 'Add';
                 addButton.style.color = 'blue';
diff --git a/src/pages/en/index.astro b/src/pages/en/index.astro
index 114394a..4b06413 100644
--- a/src/pages/en/index.astro
+++ b/src/pages/en/index.astro
@@ -61,17 +61,4 @@ console.log(news);
 			</div>
 		</section>		
 	</main>
-    <!-- <main>
-        <div>
-            <p>News English</p>
-            <div class="">
-                {data.map((items: {id: string | undefined; title: string | undefined;}) =>
-                    <div>
-                        <p>{items.id}</p>
-                        <p>{items.title}</p>
-                    </div>
-                )}
-            </div>
-        </div> 
-    </main> -->
 </Layout>

From c06befa3436b09fc47f7ccf419ef7ced7d528bd8 Mon Sep 17 00:00:00 2001
From: dev sp <dev2@ns1.cicdhosting.com>
Date: Fri, 16 Feb 2024 08:42:16 +0000
Subject: [PATCH 08/12] add dyanamic category pages

---
 src/components/ENCategory.vue        | 130 +++++++++++++++++++++++++++
 src/components/Modal.vue             |  50 +++++++++++
 src/pages/editor/add-file-list.astro |   3 +
 src/pages/editor/add-file.astro      |   6 +-
 src/pages/en/[id].astro              |  14 +--
 src/pages/en/cat/index.astro         |  21 +++++
 src/pages/en/file.astro              |   7 --
 src/pages/en/index.astro             |  11 ++-
 8 files changed, 225 insertions(+), 17 deletions(-)
 create mode 100644 src/components/ENCategory.vue
 create mode 100644 src/components/Modal.vue
 create mode 100644 src/pages/en/cat/index.astro
 delete mode 100644 src/pages/en/file.astro

diff --git a/src/components/ENCategory.vue b/src/components/ENCategory.vue
new file mode 100644
index 0000000..9897cd9
--- /dev/null
+++ b/src/components/ENCategory.vue
@@ -0,0 +1,130 @@
+<template>
+    <div>
+      <section class="container mx-auto px-4">
+        <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4">
+          <div v-for="item in items" :key="item.id" class="flex flex-col border-2 border-[#780a0a] gap-6 p-4 place-content-between rounded-lg">
+            <div class="flex flex-col">
+              <div>
+                <a class="flex flex-col" :href="`/en/${item.slug}`">
+                  <img class="aspect-video rounded-t-lg" :src="item.img" :alt="item.title" />
+                  <h2 class="text-lg text-justify">{{ item.title }}</h2>
+                </a>
+              </div>
+              <div>
+                <!-- Overlay -->
+                <div v-if="item.dialogOpen" class="fixed inset-0 bg-black opacity-50" @click="closeDialog(item)"></div>
+                <dialog :id="`d-${item.id}`" class="shadow-xl rounded-xl md:w-[50%] xl:w-[30%] dialog" :open="item.dialogOpen">
+                  <form method="dialog">
+                    <div class="flex flex-col md:flex-col">
+                      <a :href="`/en/${item.slug}`" class="flex flex-col md:flex-col">
+                        <img class="rounded-t-xl" :src="item.img" :alt="item.title" />
+                        <h1 class="text-lg font-bold">{{ item.heading }}</h1>
+                        <h2 class="text-justify">{{ item.in_brief }}</h2>
+                      </a>
+                      <div class="flex flex-row place-content-between place-items-center">
+                        <div class="flex flex-row place-content-between place-items-center p-2 space-x-6 shadow-lg shadow-gray-400 rounded-2xl">
+                          <a class="hover:-translate-y-2 duration-[1s]" :href="`whatsapp://send?text=${item.title}%20%0A%20https://barta-india.in/${item.slug}`" data-action="share/whatsapp/share"><img src="/img/whatsapp.svg" alt="WhatsApp Logo"/></a>
+                          <a class="hover:-translate-y-2 duration-[1s]" :href="`https://www.facebook.com/share.php?u=https://barta-india.in/en/${item.slug}`" target="_blank"><img src="/img/facebook.svg" alt="Facebook Logo"/></a>
+                          <a class="hover:-translate-y-2 duration-[1s]" :href="`http://www.twitter.com/share?url=https://barta-india.in/${item.slug}&text=${item.title}`" target="_blank"><img src="/img/x.svg" alt="Twitter/X Logo"/></a>
+                          <a class="hover:-translate-y-2 duration-[1s]" :href="`https://www.linkedin.com/shareArticle?mini=true&url=https://barta-india.in/${item.slug}&title=${item.title}&summary=${item.title}&source=${item.title}`" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"><img src="/img/link.svg" alt="Linkdin Logo"/></a>
+                        </div>
+                        <div class="flex border-b-4 border-gray-500 border-t rounded-full  text-3xl hover:rotate-180  duration-[3s]">
+                          <button class="text-white font-bold py-2 px-4 bg-[#780a0a] rounded-full shadow-xl" @click="closeDialog(item)">&#10008;</button>
+                        </div>
+                      </div>
+                    </div>
+                  </form>
+                </dialog>
+              </div>
+            </div>
+            <div class="flex flex-row place-content-between">
+              <button @click="openDialog(item)" class="bg-[#780a0a] text-white rounded-md font-bold py-2 px-6">In Brief</button>
+              <a :href="`/en/${item.slug}`" class="bg-[#780a0a] text-white rounded-md font-bold py-2 px-6">Details</a>
+            </div>
+          </div>
+        </div>
+      </section>
+    </div>
+  </template>
+  
+  <script>
+  export default {
+    data() {
+      return {
+        items: [],
+      };
+    },
+    methods: {
+      openDialog(item) {
+        item.dialogOpen = true;
+    
+        window.addEventListener('keydown', this.handleKeyDown);
+      },
+      closeDialog(item) {
+        item.dialogOpen = false;
+    
+        window.removeEventListener('keydown', this.handleKeyDown);
+      },
+      handleKeyDown(event) {
+        if (event.key === 'Escape') {
+        
+          this.items.forEach(item => {
+            item.dialogOpen = false;
+          });
+        
+          window.removeEventListener('keydown', this.handleKeyDown);
+        }
+      },
+      getData() {
+        let fullURL = window.location.href.split('/')[5].split('?cat=')[1];
+        // console.log(fullURL);
+        fetch(`https://apisp.dev2.cicdhosting.com/_dedicated/dwd/category-en/?cat=${fullURL}`)
+          .then(response => {
+            if (!response.ok) {
+              throw new Error('Network response was not ok');
+            }
+            return response.json();
+          })
+          .then(data => {
+            console.log(data);
+            this.items = data;
+
+            this.items.forEach(item => {
+              item.dialogOpen = false;
+            });
+          })
+          .catch(error => {
+            console.error('There was a problem with the fetch operation:', error);
+          });
+      },
+    },
+    mounted() {
+      this.getData();
+    }
+  };
+  </script>
+<style scoped>
+.dialog {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  background-color: white; /* Adjust as needed */
+  padding: 20px;
+  border-radius: 8px;
+  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
+}
+
+/* Additional styles for the overlay (optional) */
+.dialog-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
+  z-index: 999; /* Ensure the overlay is above other content */
+}
+</style>
+
+  
\ No newline at end of file
diff --git a/src/components/Modal.vue b/src/components/Modal.vue
new file mode 100644
index 0000000..93f131e
--- /dev/null
+++ b/src/components/Modal.vue
@@ -0,0 +1,50 @@
+<template>
+  <div class="modal-mask" v-if="show" @click="closeModal">
+    <div class="modal-container" @click.stop>
+      <slot></slot>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      show: false
+    };
+  },
+  created() {
+    this.$parent.$on('open-modal', this.openModal);
+  },
+  methods: {
+    openModal(itemId) {
+      // Logic to show modal, optionally filter by itemId if needed
+      this.show = true;
+    },
+    closeModal() {
+      this.show = false;
+    }
+  }
+};
+</script>
+<style scoped>
+.modal-mask {
+  position: fixed;
+  z-index: 9998;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.5);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.modal-container {
+  background-color: white;
+  border-radius: 0.5rem;
+  padding: 2rem;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+}
+</style>
diff --git a/src/pages/editor/add-file-list.astro b/src/pages/editor/add-file-list.astro
index e8265f5..eeaca16 100644
--- a/src/pages/editor/add-file-list.astro
+++ b/src/pages/editor/add-file-list.astro
@@ -107,3 +107,6 @@ import AdminHeader from "../../components/AdminHeader.astro";
         })
     }
 </script>
+<style>
+
+</style>
\ No newline at end of file
diff --git a/src/pages/editor/add-file.astro b/src/pages/editor/add-file.astro
index eb995d8..4eda7b6 100644
--- a/src/pages/editor/add-file.astro
+++ b/src/pages/editor/add-file.astro
@@ -9,6 +9,7 @@ import AdminHeader from "../../components/AdminHeader.astro";
             <!-- <AddFile client:visible /> -->
             <section class="container mx-auto px-4 max-w-2xl shadow-2xl rounded-2xl mt-16">
                 <h3 class="text-2xl py-4">Add File</h3>
+                <p id="uploadConfirm" class="text-green-500 font-bold py-2" style="display: none;">Image Uploaded successfully</p>
                 <form id="imageChoose" class="flex flex-col">
                     <p class="text-red-500" style="display: none;" id="errorMessage"></p>
                     <p class="text-red-500" style="display: none;" id="errorMessage2"></p>
@@ -97,7 +98,10 @@ import AdminHeader from "../../components/AdminHeader.astro";
         })
         .then(response => response.json()) // Convert response to text
         .then(data => {
-            console.log(data); 
+            console.log(data);
+            if(data.success === true){
+                document.getElementById('uploadConfirm').style.display = 'block';
+            }
         })  
         .catch(error => {
             console.error('Error occurred:', error);
diff --git a/src/pages/en/[id].astro b/src/pages/en/[id].astro
index e5d8839..2bfffed 100644
--- a/src/pages/en/[id].astro
+++ b/src/pages/en/[id].astro
@@ -27,13 +27,13 @@ const items  = data[idx];
             tiwtterImage={items.img}
             tiwtterTitle={items.meta_title}
             tiwtterDesc={items.meta_description}
-            tiwtterURL=`https://barta-india.in/bn/${items.slug}`
+            tiwtterURL=`https://barta-india.in/en/${items.slug}`
             artPubTime={items.date_created}
-            ogSiteName=`https://barta-india.in/bn/${items.slug}`
+            ogSiteName=`https://barta-india.in/en/${items.slug}`
             ogType='News'
             ogTitle={items.meta_title}
             ogDesc={items.meta_description}
-            ogURL=`https://barta-india.in/bn/${items.slug}`>
+            ogURL=`https://barta-india.in/en/${items.slug}`>
     <main>
         <section class="container mx-auto px-4 mt-16">
           <div class="flex flex-col justify-center">
@@ -46,10 +46,10 @@ const items  = data[idx];
               <div class="flex flex-row justify-center md:justify-end mt-2">
                 <div class="flex flex-row place-items-center p-2 shadow-lg shadow-[#780a0a] border-b-2 border-[#780a0a] rounded-b-2xl w-fit">
                   <p class="text-xl font-bold text-[#780a0a]">Share on: </p>
-                  <a href=`whatsapp://send?text=${items.title}%20%0A%20https://barta-india.in/bn/${items.slug}` data-action="share/whatsapp/share"><img src="/img/whatsapp.svg" alt="WhatsApp Logo"/></a>
-                  <a href=`https://www.facebook.com/share.php?u=https://barta-india.in/bn/${items.slug}` target="_blank"><img src="/img/facebook.svg" alt="Facebook Logo"/></a>
-                  <a href=`http://www.twitter.com/share?url=https://barta-india.in/bn/${items.slug}&text=%20${items.title}` target="_blank"><img src="/img/x.svg" alt="Twitter/X Logo"/></a>
-                  <a href=`https://www.linkedin.com/shareArticle?mini=true&url=https://barta-india.in/bn/${items.slug}&title=${items.title}&summary=${items.title}&source=${items.title}` onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"><img src="/img/link.svg" alt="Linkdin Logo"/></a>
+                  <a href=`whatsapp://send?text=${items.title}%20%0A%20https://barta-india.in/en/${items.slug}` data-action="share/whatsapp/share"><img src="/img/whatsapp.svg" alt="WhatsApp Logo"/></a>
+                  <a href=`https://www.facebook.com/share.php?u=https://barta-india.in/en/${items.slug}` target="_blank"><img src="/img/facebook.svg" alt="Facebook Logo"/></a>
+                  <a href=`http://www.twitter.com/share?url=https://barta-india.in/en/${items.slug}&text=%20${items.title}` target="_blank"><img src="/img/x.svg" alt="Twitter/X Logo"/></a>
+                  <a href=`https://www.linkedin.com/shareArticle?mini=true&url=https://barta-india.in/en/${items.slug}&title=${items.title}&summary=${items.title}&source=${items.title}` onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"><img src="/img/link.svg" alt="Linkdin Logo"/></a>
                 </div>
               </div>
               <p class="text-justify  mt-4">{items.content}</p>
diff --git a/src/pages/en/cat/index.astro b/src/pages/en/cat/index.astro
new file mode 100644
index 0000000..95ee13b
--- /dev/null
+++ b/src/pages/en/cat/index.astro
@@ -0,0 +1,21 @@
+---
+import Layout from "../../../layouts/Layout.astro"
+import ENCategory from "../../../components/ENCategory.vue";
+const postData = { key1: 'value1', key2: 'value2'};
+const options = { method: 'POST', headers: { 'Content-Type': 'application/json', 'Origin': 'https://2024.dev2-cs.siliconpin.com' }, body: JSON.stringify(postData)};
+const response = await fetch('https://apisp.dev2.cicdhosting.com/_dedicated/dwd/get-news/?action=news_en', options);
+const data = await response.json();
+const news = data;
+// console.log(news);
+---
+<Layout title="">
+    <main>
+        <div>
+            <section class="container mx-auto px-4">
+                <h1 class="text-[#780a0a] py-6">Page > Name </h1>
+                <ENCategory client:visible />
+                
+            </section>
+        </div>
+    </main>
+</Layout>
\ No newline at end of file
diff --git a/src/pages/en/file.astro b/src/pages/en/file.astro
deleted file mode 100644
index 03e93fb..0000000
--- a/src/pages/en/file.astro
+++ /dev/null
@@ -1,7 +0,0 @@
-<main>
-    <div>
-        <section>sqjns
-            <img src="https://cdn33.siliconpin.com/files/siliconid0/gtfdo20u6v_" alt="">
-        </section>
-    </div>
-</main>
\ No newline at end of file
diff --git a/src/pages/en/index.astro b/src/pages/en/index.astro
index 4b06413..5ca8383 100644
--- a/src/pages/en/index.astro
+++ b/src/pages/en/index.astro
@@ -5,7 +5,7 @@ const options = { method: 'POST', headers: { 'Content-Type': 'application/json',
 const response = await fetch('https://apisp.dev2.cicdhosting.com/_dedicated/dwd/get-news/?action=news_en', options);
 const data = await response.json();
 const news = data;
-console.log(news);
+// console.log(news);
 ---
 <Layout title="">
     <main>
@@ -14,6 +14,13 @@ console.log(news);
 				<span class="text-[#780a0a] font-bold" id="pageName"></span>
 				<h1 class="text-4xl font-bold border-b-4 border-[#780A0A]">Latest News</h1>
 			</div>
+			<div class="flex flex-row md:justify-center my-10 overflow-x-scroll md:overflow-x-clip">
+				<a href="/en/cat/?cat=local" class="border-2 border-[#780a0a] py-2.5 px-6 text-lg text-[#780a0a] hover:bg-[#780a0a50] duration-[1s]">Local</a>
+				<a href="/en/cat/?cat=national" class="border-2 border-[#780a0a] py-2.5 px-6 text-lg text-[#780a0a] hover:bg-[#780a0a50] duration-[1s]">National</a>
+				<a href="/en/cat/?cat=world" class="border-2 border-[#780a0a] py-2.5 px-6 text-lg text-[#780a0a] hover:bg-[#780a0a50] duration-[1s]">World</a>
+				<a href="/en/cat/?cat=politics" class="border-2 border-[#780a0a] py-2.5 px-6 text-lg text-[#780a0a] hover:bg-[#780a0a50] duration-[1s]">Politics</a>
+				<a href="/en/cat/?cat=technology" class="border-2 border-[#780a0a] py-2.5 px-6 text-lg text-[#780a0a] hover:bg-[#780a0a50] duration-[1s]">Technology</a>
+			</div>
 			<div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4">
 				{news.map((items: {id: string | undefined; heading: string | undefined; img: string | undefined; title : string | undefined; content : string | undefined; slug : string | undefined; date_created : string | undefined; in_brief: string | undefined;}) =>
 					<div class="flex flex-col border-2 border-[#780a0a] gap-6 p-4 place-content-between rounded-lg">
@@ -36,7 +43,7 @@ console.log(news);
 											<div class="flex flex-row place-content-between place-items-center">
 												<div class="flex flex-row place-content-between place-items-center p-2 space-x-6 shadow-lg shadow-gray-400 rounded-2xl">
 													<a class="hover:-translate-y-2 duration-[1s]" href={`whatsapp://send?text=${items.title}%20%0A%20https://barta-india.in/${items.slug}`} data-action="share/whatsapp/share"><img src="/img/whatsapp.svg" alt="WhatsApp Logo"/></a>
-													<a class="hover:-translate-y-2 duration-[1s]" href={`https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fbarta-india.in%2F${items.slug}`} target="_blank"><img src="/img/facebook.svg" alt="Facebook Logo"/></a>                  
+													<a class="hover:-translate-y-2 duration-[1s]" href={`https://www.facebook.com/share.php?u=https://barta-india.in/en/${items.slug}`} target="_blank"><img src="/img/facebook.svg" alt="Facebook Logo"/></a>                  
 													<a class="hover:-translate-y-2 duration-[1s]" href={`http://www.twitter.com/share?url=https://barta-india.in/${items.slug}&text=${items.title}`} target="_blank"><img src="/img/x.svg" alt="Twitter/X Logo"/></a>
 													<a class="hover:-translate-y-2 duration-[1s]" href={`https://www.linkedin.com/shareArticle?mini=true&url=https://barta-india.in/${items.slug}&title=${items.title}&summary=${items.title}&source=${items.title}`} onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"><img src="/img/link.svg" alt="Linkdin Logo"/></a>
 												</div>

From 136ceab9b6f26cdf8652276d94670ee4960c919c Mon Sep 17 00:00:00 2001
From: dev sp <dev2@ns1.cicdhosting.com>
Date: Fri, 16 Feb 2024 12:34:55 +0000
Subject: [PATCH 09/12] add language pages

---
 src/components/BNCategory.vue                 | 134 ++++++++++++++
 src/components/ENCategory.vue                 |  88 ++++-----
 src/components/ESCategory.vue                 | 134 ++++++++++++++
 src/components/HICategory.vue                 | 134 ++++++++++++++
 src/components/ZHCategory.vue                 | 134 ++++++++++++++
 src/pages/bn/[id].astro                       | 171 +++++++++---------
 src/pages/bn/cat/index.astro                  |  29 +++
 src/pages/bn/index.astro                      |  70 +++----
 src/pages/bn_old/[id].astro                   |  97 ++++++++++
 src/pages/bn_old/index.astro                  |  89 +++++++++
 src/pages/{bn => bn_old}/local/[id].astro     |   0
 src/pages/{bn => bn_old}/local/index.astro    |   0
 src/pages/{bn => bn_old}/national/[id].astro  |   0
 src/pages/{bn => bn_old}/national/index.astro |   0
 src/pages/{bn => bn_old}/politics/[id].astro  |   0
 src/pages/{bn => bn_old}/politics/index.astro |   0
 .../{bn => bn_old}/technology/[id].astro      |   0
 .../{bn => bn_old}/technology/index.astro     |   0
 src/pages/en/cat/index.astro                  |  14 +-
 src/pages/es/[id].astro                       |  94 ++++++++++
 src/pages/es/cat/index.astro                  |  29 +++
 src/pages/es/index.astro                      |  71 ++++++++
 src/pages/hi/[id].astro                       |  94 ++++++++++
 src/pages/hi/cat/index.astro                  |  29 +++
 src/pages/hi/index.astro                      |  71 ++++++++
 src/pages/zh/[id].astro                       |  94 ++++++++++
 src/pages/zh/cat/index.astro                  |  29 +++
 src/pages/zh/index.astro                      |  71 ++++++++
 28 files changed, 1500 insertions(+), 176 deletions(-)
 create mode 100644 src/components/BNCategory.vue
 create mode 100644 src/components/ESCategory.vue
 create mode 100644 src/components/HICategory.vue
 create mode 100644 src/components/ZHCategory.vue
 create mode 100644 src/pages/bn/cat/index.astro
 create mode 100644 src/pages/bn_old/[id].astro
 create mode 100644 src/pages/bn_old/index.astro
 rename src/pages/{bn => bn_old}/local/[id].astro (100%)
 rename src/pages/{bn => bn_old}/local/index.astro (100%)
 rename src/pages/{bn => bn_old}/national/[id].astro (100%)
 rename src/pages/{bn => bn_old}/national/index.astro (100%)
 rename src/pages/{bn => bn_old}/politics/[id].astro (100%)
 rename src/pages/{bn => bn_old}/politics/index.astro (100%)
 rename src/pages/{bn => bn_old}/technology/[id].astro (100%)
 rename src/pages/{bn => bn_old}/technology/index.astro (100%)
 create mode 100644 src/pages/es/[id].astro
 create mode 100644 src/pages/es/cat/index.astro
 create mode 100644 src/pages/es/index.astro
 create mode 100644 src/pages/hi/[id].astro
 create mode 100644 src/pages/hi/cat/index.astro
 create mode 100644 src/pages/hi/index.astro
 create mode 100644 src/pages/zh/[id].astro
 create mode 100644 src/pages/zh/cat/index.astro
 create mode 100644 src/pages/zh/index.astro

diff --git a/src/components/BNCategory.vue b/src/components/BNCategory.vue
new file mode 100644
index 0000000..e6920c0
--- /dev/null
+++ b/src/components/BNCategory.vue
@@ -0,0 +1,134 @@
+<template>
+    <div>
+        <section class="container mx-auto px-4">
+            <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4">
+                <div v-for="item in items" :key="item.id" class="flex flex-col border-2 border-[#780a0a] gap-6 p-4 place-content-between rounded-lg">
+                    <div class="flex flex-col">
+                        <div>
+                            <a class="flex flex-col" :href="`/bn/${item.slug}`">
+                            <img class="aspect-video rounded-t-lg" :src="item.img" :alt="item.title" />
+                            <h2 class="text-lg text-justify">{{ item.title }}</h2>
+                            </a>
+                        </div>
+                        <div>
+                            <!-- Overlay -->
+                            <div v-if="item.dialogOpen" class="fixed inset-0 bg-black opacity-50"></div>
+                            <dialog :id="`d-${item.id}`" class="shadow-xl rounded-xl md:w-[50%] xl:w-[30%] dialog" :open="item.dialogOpen">
+                                <form method="dialog">
+                                    <div class="flex flex-col md:flex-col">
+                                        <a :href="`/bn/${item.slug}`" class="flex flex-col md:flex-col">
+                                            <img class="rounded-t-xl" :src="item.img" :alt="item.title" />
+                                            <h1 class="text-lg font-bold">{{ item.heading }}</h1>
+                                            <h2 class="text-justify">{{ item.in_brief }}</h2>
+                                        </a>
+                                        <div class="flex flex-row place-content-between place-items-center">
+                                            <div class="flex flex-row place-content-between place-items-center p-2 space-x-6 shadow-lg shadow-gray-400 rounded-2xl">
+                                                <a class="hover:-translate-y-2 duration-[1s]" :href="`whatsapp://send?text=${item.title}%20%0A%20https://barta-india.in/bn/${item.slug}`" data-action="share/whatsapp/share"><img src="/img/whatsapp.svg" alt="WhatsApp Logo"/></a>
+                                                <a class="hover:-translate-y-2 duration-[1s]" :href="`https://www.facebook.com/share.php?u=https://barta-india.in/bn/${item.slug}`" target="_blank"><img src="/img/facebook.svg" alt="Facebook Logo"/></a>
+                                                <a class="hover:-translate-y-2 duration-[1s]" :href="`http://www.twitter.com/share?url=https://barta-india.in/bn/${item.slug}&text=%20${item.title}`" target="_blank"><img src="/img/x.svg" alt="Twitter/X Logo"/></a>
+                                                <a class="hover:-translate-y-2 duration-[1s]" :href="`https://www.linkedin.com/shareArticle?mini=true&url=https://barta-india.in/bn/${item.slug}&title=${item.title}&summary=${item.title}&source=${item.title}`" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"><img src="/img/link.svg" alt="Linkdin Logo"/></a>
+                                                <!-- <a class="hover:-translate-y-2 duration-[1s]" :href="`whatsapp://send?text=${item.title}%20%0A%20https://barta-india.in/${item.slug}`" data-action="share/whatsapp/share"><img src="/img/whatsapp.svg" alt="WhatsApp Logo"/></a>
+                                                <a class="hover:-translate-y-2 duration-[1s]" :href="`https://www.facebook.com/share.php?u=https://barta-india.in/bn/${item.slug}`" target="_blank"><img src="/img/facebook.svg" alt="Facebook Logo"/></a>
+                                                <a class="hover:-translate-y-2 duration-[1s]" :href="`http://www.twitter.com/share?url=https://barta-india.in/${item.slug}&text=${item.title}`" target="_blank"><img src="/img/x.svg" alt="Twitter/X Logo"/></a>
+                                                <a class="hover:-translate-y-2 duration-[1s]" :href="`https://www.linkedin.com/shareArticle?mini=true&url=https://barta-india.in/${item.slug}&title=${item.title}&summary=${item.title}&source=${item.title}`" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"><img src="/img/link.svg" alt="Linkdin Logo"/></a> -->
+                                            </div>
+                                            <div class="flex border-b-4 border-gray-500 border-t rounded-full  text-3xl hover:rotate-180  duration-[3s]">
+                                                <button class="text-white font-bold py-2 px-4 bg-[#780a0a] rounded-full shadow-xl" @click="closeDialog(item)">&#10008;</button>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </form>
+                            </dialog>
+                        </div>
+                    </div>
+                    <div class="flex flex-row place-content-between">
+                    <button @click="openDialog(item)" class="bg-[#780a0a] text-white rounded-md font-bold py-2 px-6">In Brief</button>
+                    <a :href="`/bn/${item.slug}`" class="bg-[#780a0a] text-white rounded-md font-bold py-2 px-6">Details</a>
+                    </div>
+                </div>
+            </div>
+        </section>
+    </div>
+</template>
+  
+  <script>
+  export default {
+    data() {
+      return {
+        items: [],
+      };
+    },
+    methods: {
+      openDialog(item) {
+        item.dialogOpen = true;
+    
+        window.addEventListener('keydown', this.handleKeyDown);
+      },
+      closeDialog(item) {
+        item.dialogOpen = false;
+    
+        window.removeEventListener('keydown', this.handleKeyDown);
+      },
+      handleKeyDown(event) {
+        if (event.key === 'Escape') {
+        
+          this.items.forEach(item => {
+            item.dialogOpen = false;
+          });
+        
+          window.removeEventListener('keydown', this.handleKeyDown);
+        }
+      },
+      getData() {
+        let fullURL = window.location.href.split('/')[5].split('?cat=')[1];
+        // console.log(fullURL);
+        fetch(`https://apisp.dev2.cicdhosting.com/_dedicated/dwd/category-bn/?cat=${fullURL}`)
+          .then(response => {
+            if (!response.ok) {
+              throw new Error('Network response was not ok');
+            }
+            return response.json();
+          })
+          .then(data => {
+            // console.log(data);
+            this.items = data;
+
+            this.items.forEach(item => {
+              item.dialogOpen = false;
+            });
+          })
+          .catch(error => {
+            console.error('There was a problem with the fetch operation:', error);
+          });
+      },
+    },
+    mounted() {
+      this.getData();
+    }
+  };
+  </script>
+<style scoped>
+.dialog {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  background-color: white; /* Adjust as needed */
+  padding: 20px;
+  border-radius: 8px;
+  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
+}
+
+/* Additional styles for the overlay (optional) */
+.dialog-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
+  z-index: 999; /* Ensure the overlay is above other content */
+}
+</style>
+
+  
\ No newline at end of file
diff --git a/src/components/ENCategory.vue b/src/components/ENCategory.vue
index 9897cd9..efc6357 100644
--- a/src/components/ENCategory.vue
+++ b/src/components/ENCategory.vue
@@ -1,51 +1,55 @@
 <template>
     <div>
-      <section class="container mx-auto px-4">
-        <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4">
-          <div v-for="item in items" :key="item.id" class="flex flex-col border-2 border-[#780a0a] gap-6 p-4 place-content-between rounded-lg">
-            <div class="flex flex-col">
-              <div>
-                <a class="flex flex-col" :href="`/en/${item.slug}`">
-                  <img class="aspect-video rounded-t-lg" :src="item.img" :alt="item.title" />
-                  <h2 class="text-lg text-justify">{{ item.title }}</h2>
-                </a>
-              </div>
-              <div>
-                <!-- Overlay -->
-                <div v-if="item.dialogOpen" class="fixed inset-0 bg-black opacity-50" @click="closeDialog(item)"></div>
-                <dialog :id="`d-${item.id}`" class="shadow-xl rounded-xl md:w-[50%] xl:w-[30%] dialog" :open="item.dialogOpen">
-                  <form method="dialog">
-                    <div class="flex flex-col md:flex-col">
-                      <a :href="`/en/${item.slug}`" class="flex flex-col md:flex-col">
-                        <img class="rounded-t-xl" :src="item.img" :alt="item.title" />
-                        <h1 class="text-lg font-bold">{{ item.heading }}</h1>
-                        <h2 class="text-justify">{{ item.in_brief }}</h2>
-                      </a>
-                      <div class="flex flex-row place-content-between place-items-center">
-                        <div class="flex flex-row place-content-between place-items-center p-2 space-x-6 shadow-lg shadow-gray-400 rounded-2xl">
-                          <a class="hover:-translate-y-2 duration-[1s]" :href="`whatsapp://send?text=${item.title}%20%0A%20https://barta-india.in/${item.slug}`" data-action="share/whatsapp/share"><img src="/img/whatsapp.svg" alt="WhatsApp Logo"/></a>
-                          <a class="hover:-translate-y-2 duration-[1s]" :href="`https://www.facebook.com/share.php?u=https://barta-india.in/en/${item.slug}`" target="_blank"><img src="/img/facebook.svg" alt="Facebook Logo"/></a>
-                          <a class="hover:-translate-y-2 duration-[1s]" :href="`http://www.twitter.com/share?url=https://barta-india.in/${item.slug}&text=${item.title}`" target="_blank"><img src="/img/x.svg" alt="Twitter/X Logo"/></a>
-                          <a class="hover:-translate-y-2 duration-[1s]" :href="`https://www.linkedin.com/shareArticle?mini=true&url=https://barta-india.in/${item.slug}&title=${item.title}&summary=${item.title}&source=${item.title}`" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"><img src="/img/link.svg" alt="Linkdin Logo"/></a>
+        <section class="container mx-auto px-4">
+            <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4">
+                <div v-for="item in items" :key="item.id" class="flex flex-col border-2 border-[#780a0a] gap-6 p-4 place-content-between rounded-lg">
+                    <div class="flex flex-col">
+                        <div>
+                            <a class="flex flex-col" :href="`/en/${item.slug}`">
+                            <img class="aspect-video rounded-t-lg" :src="item.img" :alt="item.title" />
+                            <h2 class="text-lg text-justify">{{ item.title }}</h2>
+                            </a>
                         </div>
-                        <div class="flex border-b-4 border-gray-500 border-t rounded-full  text-3xl hover:rotate-180  duration-[3s]">
-                          <button class="text-white font-bold py-2 px-4 bg-[#780a0a] rounded-full shadow-xl" @click="closeDialog(item)">&#10008;</button>
+                        <div>
+                            <!-- Overlay -->
+                            <div v-if="item.dialogOpen" class="fixed inset-0 bg-black opacity-50"></div>
+                            <dialog :id="`d-${item.id}`" class="shadow-xl rounded-xl md:w-[50%] xl:w-[30%] dialog" :open="item.dialogOpen">
+                                <form method="dialog">
+                                    <div class="flex flex-col md:flex-col">
+                                        <a :href="`/en/${item.slug}`" class="flex flex-col md:flex-col">
+                                            <img class="rounded-t-xl" :src="item.img" :alt="item.title" />
+                                            <h1 class="text-lg font-bold">{{ item.heading }}</h1>
+                                            <h2 class="text-justify">{{ item.in_brief }}</h2>
+                                        </a>
+                                        <div class="flex flex-row place-content-between place-items-center">
+                                            <div class="flex flex-row place-content-between place-items-center p-2 space-x-6 shadow-lg shadow-gray-400 rounded-2xl">
+                                                <a class="hover:-translate-y-2 duration-[1s]" :href="`whatsapp://send?text=${item.title}%20%0A%20https://barta-india.in/en/${item.slug}`" data-action="share/whatsapp/share"><img src="/img/whatsapp.svg" alt="WhatsApp Logo"/></a>
+                                                <a class="hover:-translate-y-2 duration-[1s]" :href="`https://www.facebook.com/share.php?u=https://barta-india.in/en/${item.slug}`" target="_blank"><img src="/img/facebook.svg" alt="Facebook Logo"/></a>
+                                                <a class="hover:-translate-y-2 duration-[1s]" :href="`http://www.twitter.com/share?url=https://barta-india.in/en/${item.slug}&text=%20${item.title}`" target="_blank"><img src="/img/x.svg" alt="Twitter/X Logo"/></a>
+                                                <a class="hover:-translate-y-2 duration-[1s]" :href="`https://www.linkedin.com/shareArticle?mini=true&url=https://barta-india.in/en/${item.slug}&title=${item.title}&summary=${item.title}&source=${item.title}`" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"><img src="/img/link.svg" alt="Linkdin Logo"/></a>
+                                                <!-- <a class="hover:-translate-y-2 duration-[1s]" :href="`whatsapp://send?text=${item.title}%20%0A%20https://barta-india.in/${item.slug}`" data-action="share/whatsapp/share"><img src="/img/whatsapp.svg" alt="WhatsApp Logo"/></a>
+                                                <a class="hover:-translate-y-2 duration-[1s]" :href="`https://www.facebook.com/share.php?u=https://barta-india.in/en/${item.slug}`" target="_blank"><img src="/img/facebook.svg" alt="Facebook Logo"/></a>
+                                                <a class="hover:-translate-y-2 duration-[1s]" :href="`http://www.twitter.com/share?url=https://barta-india.in/${item.slug}&text=${item.title}`" target="_blank"><img src="/img/x.svg" alt="Twitter/X Logo"/></a>
+                                                <a class="hover:-translate-y-2 duration-[1s]" :href="`https://www.linkedin.com/shareArticle?mini=true&url=https://barta-india.in/${item.slug}&title=${item.title}&summary=${item.title}&source=${item.title}`" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"><img src="/img/link.svg" alt="Linkdin Logo"/></a> -->
+                                            </div>
+                                            <div class="flex border-b-4 border-gray-500 border-t rounded-full  text-3xl hover:rotate-180  duration-[3s]">
+                                                <button class="text-white font-bold py-2 px-4 bg-[#780a0a] rounded-full shadow-xl" @click="closeDialog(item)">&#10008;</button>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </form>
+                            </dialog>
                         </div>
-                      </div>
                     </div>
-                  </form>
-                </dialog>
-              </div>
+                    <div class="flex flex-row place-content-between">
+                    <button @click="openDialog(item)" class="bg-[#780a0a] text-white rounded-md font-bold py-2 px-6">In Brief</button>
+                    <a :href="`/en/${item.slug}`" class="bg-[#780a0a] text-white rounded-md font-bold py-2 px-6">Details</a>
+                    </div>
+                </div>
             </div>
-            <div class="flex flex-row place-content-between">
-              <button @click="openDialog(item)" class="bg-[#780a0a] text-white rounded-md font-bold py-2 px-6">In Brief</button>
-              <a :href="`/en/${item.slug}`" class="bg-[#780a0a] text-white rounded-md font-bold py-2 px-6">Details</a>
-            </div>
-          </div>
-        </div>
-      </section>
+        </section>
     </div>
-  </template>
+</template>
   
   <script>
   export default {
@@ -86,7 +90,7 @@
             return response.json();
           })
           .then(data => {
-            console.log(data);
+            // console.log(data);
             this.items = data;
 
             this.items.forEach(item => {
diff --git a/src/components/ESCategory.vue b/src/components/ESCategory.vue
new file mode 100644
index 0000000..417e008
--- /dev/null
+++ b/src/components/ESCategory.vue
@@ -0,0 +1,134 @@
+<template>
+    <div>
+        <section class="container mx-auto px-4">
+            <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4">
+                <div v-for="item in items" :key="item.id" class="flex flex-col border-2 border-[#780a0a] gap-6 p-4 place-content-between rounded-lg">
+                    <div class="flex flex-col">
+                        <div>
+                            <a class="flex flex-col" :href="`/es/${item.slug}`">
+                            <img class="aspect-video rounded-t-lg" :src="item.img" :alt="item.title" />
+                            <h2 class="text-lg text-justify">{{ item.title }}</h2>
+                            </a>
+                        </div>
+                        <div>
+                            <!-- Overlay -->
+                            <div v-if="item.dialogOpen" class="fixed inset-0 bg-black opacity-50"></div>
+                            <dialog :id="`d-${item.id}`" class="shadow-xl rounded-xl md:w-[50%] xl:w-[30%] dialog" :open="item.dialogOpen">
+                                <form method="dialog">
+                                    <div class="flex flex-col md:flex-col">
+                                        <a :href="`/es/${item.slug}`" class="flex flex-col md:flex-col">
+                                            <img class="rounded-t-xl" :src="item.img" :alt="item.title" />
+                                            <h1 class="text-lg font-bold">{{ item.heading }}</h1>
+                                            <h2 class="text-justify">{{ item.in_brief }}</h2>
+                                        </a>
+                                        <div class="flex flex-row place-content-between place-items-center">
+                                            <div class="flex flex-row place-content-between place-items-center p-2 space-x-6 shadow-lg shadow-gray-400 rounded-2xl">
+                                                <a class="hover:-translate-y-2 duration-[1s]" :href="`whatsapp://send?text=${item.title}%20%0A%20https://barta-india.in/es/${item.slug}`" data-action="share/whatsapp/share"><img src="/img/whatsapp.svg" alt="WhatsApp Logo"/></a>
+                                                <a class="hover:-translate-y-2 duration-[1s]" :href="`https://www.facebook.com/share.php?u=https://barta-india.in/es/${item.slug}`" target="_blank"><img src="/img/facebook.svg" alt="Facebook Logo"/></a>
+                                                <a class="hover:-translate-y-2 duration-[1s]" :href="`http://www.twitter.com/share?url=https://barta-india.in/es/${item.slug}&text=%20${item.title}`" target="_blank"><img src="/img/x.svg" alt="Twitter/X Logo"/></a>
+                                                <a class="hover:-translate-y-2 duration-[1s]" :href="`https://www.linkedin.com/shareArticle?mini=true&url=https://barta-india.in/es/${item.slug}&title=${item.title}&summary=${item.title}&source=${item.title}`" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"><img src="/img/link.svg" alt="Linkdin Logo"/></a>
+                                                <!-- <a class="hover:-translate-y-2 duration-[1s]" :href="`whatsapp://send?text=${item.title}%20%0A%20https://barta-india.in/${item.slug}`" data-action="share/whatsapp/share"><img src="/img/whatsapp.svg" alt="WhatsApp Logo"/></a>
+                                                <a class="hover:-translate-y-2 duration-[1s]" :href="`https://www.facebook.com/share.php?u=https://barta-india.in/es/${item.slug}`" target="_blank"><img src="/img/facebook.svg" alt="Facebook Logo"/></a>
+                                                <a class="hover:-translate-y-2 duration-[1s]" :href="`http://www.twitter.com/share?url=https://barta-india.in/${item.slug}&text=${item.title}`" target="_blank"><img src="/img/x.svg" alt="Twitter/X Logo"/></a>
+                                                <a class="hover:-translate-y-2 duration-[1s]" :href="`https://www.linkedin.com/shareArticle?mini=true&url=https://barta-india.in/${item.slug}&title=${item.title}&summary=${item.title}&source=${item.title}`" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"><img src="/img/link.svg" alt="Linkdin Logo"/></a> -->
+                                            </div>
+                                            <div class="flex border-b-4 border-gray-500 border-t rounded-full  text-3xl hover:rotate-180  duration-[3s]">
+                                                <button class="text-white font-bold py-2 px-4 bg-[#780a0a] rounded-full shadow-xl" @click="closeDialog(item)">&#10008;</button>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </form>
+                            </dialog>
+                        </div>
+                    </div>
+                    <div class="flex flex-row place-content-between">
+                    <button @click="openDialog(item)" class="bg-[#780a0a] text-white rounded-md font-bold py-2 px-6">In Brief</button>
+                    <a :href="`/es/${item.slug}`" class="bg-[#780a0a] text-white rounded-md font-bold py-2 px-6">Details</a>
+                    </div>
+                </div>
+            </div>
+        </section>
+    </div>
+</template>
+  
+  <script>
+  export default {
+    data() {
+      return {
+        items: [],
+      };
+    },
+    methods: {
+      openDialog(item) {
+        item.dialogOpen = true;
+    
+        window.addEventListener('keydown', this.handleKeyDown);
+      },
+      closeDialog(item) {
+        item.dialogOpen = false;
+    
+        window.removeEventListener('keydown', this.handleKeyDown);
+      },
+      handleKeyDown(event) {
+        if (event.key === 'Escape') {
+        
+          this.items.forEach(item => {
+            item.dialogOpen = false;
+          });
+        
+          window.removeEventListener('keydown', this.handleKeyDown);
+        }
+      },
+      getData() {
+        let fullURL = window.location.href.split('/')[5].split('?cat=')[1];
+        // console.log(fullURL);
+        fetch(`https://apisp.dev2.cicdhosting.com/_dedicated/dwd/category-es/?cat=${fullURL}`)
+          .then(response => {
+            if (!response.ok) {
+              throw new Error('Network response was not ok');
+            }
+            return response.json();
+          })
+          .then(data => {
+            // console.log(data);
+            this.items = data;
+
+            this.items.forEach(item => {
+              item.dialogOpen = false;
+            });
+          })
+          .catch(error => {
+            console.error('There was a problem with the fetch operation:', error);
+          });
+      },
+    },
+    mounted() {
+      this.getData();
+    }
+  };
+  </script>
+<style scoped>
+.dialog {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  background-color: white; /* Adjust as needed */
+  padding: 20px;
+  border-radius: 8px;
+  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
+}
+
+/* Additional styles for the overlay (optional) */
+.dialog-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
+  z-index: 999; /* Ensure the overlay is above other content */
+}
+</style>
+
+  
\ No newline at end of file
diff --git a/src/components/HICategory.vue b/src/components/HICategory.vue
new file mode 100644
index 0000000..d6b2ce5
--- /dev/null
+++ b/src/components/HICategory.vue
@@ -0,0 +1,134 @@
+<template>
+    <div>
+        <section class="container mx-auto px-4">
+            <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4">
+                <div v-for="item in items" :key="item.id" class="flex flex-col border-2 border-[#780a0a] gap-6 p-4 place-content-between rounded-lg">
+                    <div class="flex flex-col">
+                        <div>
+                            <a class="flex flex-col" :href="`/hi/${item.slug}`">
+                            <img class="aspect-video rounded-t-lg" :src="item.img" :alt="item.title" />
+                            <h2 class="text-lg text-justify">{{ item.title }}</h2>
+                            </a>
+                        </div>
+                        <div>
+                            <!-- Overlay -->
+                            <div v-if="item.dialogOpen" class="fixed inset-0 bg-black opacity-50"></div>
+                            <dialog :id="`d-${item.id}`" class="shadow-xl rounded-xl md:w-[50%] xl:w-[30%] dialog" :open="item.dialogOpen">
+                                <form method="dialog">
+                                    <div class="flex flex-col md:flex-col">
+                                        <a :href="`/hi/${item.slug}`" class="flex flex-col md:flex-col">
+                                            <img class="rounded-t-xl" :src="item.img" :alt="item.title" />
+                                            <h1 class="text-lg font-bold">{{ item.heading }}</h1>
+                                            <h2 class="text-justify">{{ item.in_brief }}</h2>
+                                        </a>
+                                        <div class="flex flex-row place-content-between place-items-center">
+                                            <div class="flex flex-row place-content-between place-items-center p-2 space-x-6 shadow-lg shadow-gray-400 rounded-2xl">
+                                                <a class="hover:-translate-y-2 duration-[1s]" :href="`whatsapp://send?text=${item.title}%20%0A%20https://barta-india.in/hi/${item.slug}`" data-action="share/whatsapp/share"><img src="/img/whatsapp.svg" alt="WhatsApp Logo"/></a>
+                                                <a class="hover:-translate-y-2 duration-[1s]" :href="`https://www.facebook.com/share.php?u=https://barta-india.in/hi/${item.slug}`" target="_blank"><img src="/img/facebook.svg" alt="Facebook Logo"/></a>
+                                                <a class="hover:-translate-y-2 duration-[1s]" :href="`http://www.twitter.com/share?url=https://barta-india.in/hi/${item.slug}&text=%20${item.title}`" target="_blank"><img src="/img/x.svg" alt="Twitter/X Logo"/></a>
+                                                <a class="hover:-translate-y-2 duration-[1s]" :href="`https://www.linkedin.com/shareArticle?mini=true&url=https://barta-india.in/hi/${item.slug}&title=${item.title}&summary=${item.title}&source=${item.title}`" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"><img src="/img/link.svg" alt="Linkdin Logo"/></a>
+                                                <!-- <a class="hover:-translate-y-2 duration-[1s]" :href="`whatsapp://send?text=${item.title}%20%0A%20https://barta-india.in/${item.slug}`" data-action="share/whatsapp/share"><img src="/img/whatsapp.svg" alt="WhatsApp Logo"/></a>
+                                                <a class="hover:-translate-y-2 duration-[1s]" :href="`https://www.facebook.com/share.php?u=https://barta-india.in/hi/${item.slug}`" target="_blank"><img src="/img/facebook.svg" alt="Facebook Logo"/></a>
+                                                <a class="hover:-translate-y-2 duration-[1s]" :href="`http://www.twitter.com/share?url=https://barta-india.in/${item.slug}&text=${item.title}`" target="_blank"><img src="/img/x.svg" alt="Twitter/X Logo"/></a>
+                                                <a class="hover:-translate-y-2 duration-[1s]" :href="`https://www.linkedin.com/shareArticle?mini=true&url=https://barta-india.in/${item.slug}&title=${item.title}&summary=${item.title}&source=${item.title}`" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"><img src="/img/link.svg" alt="Linkdin Logo"/></a> -->
+                                            </div>
+                                            <div class="flex border-b-4 border-gray-500 border-t rounded-full  text-3xl hover:rotate-180  duration-[3s]">
+                                                <button class="text-white font-bold py-2 px-4 bg-[#780a0a] rounded-full shadow-xl" @click="closeDialog(item)">&#10008;</button>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </form>
+                            </dialog>
+                        </div>
+                    </div>
+                    <div class="flex flex-row place-content-between">
+                    <button @click="openDialog(item)" class="bg-[#780a0a] text-white rounded-md font-bold py-2 px-6">In Brief</button>
+                    <a :href="`/hi/${item.slug}`" class="bg-[#780a0a] text-white rounded-md font-bold py-2 px-6">Details</a>
+                    </div>
+                </div>
+            </div>
+        </section>
+    </div>
+</template>
+  
+  <script>
+  export default {
+    data() {
+      return {
+        items: [],
+      };
+    },
+    methods: {
+      openDialog(item) {
+        item.dialogOpen = true;
+    
+        window.addEventListener('keydown', this.handleKeyDown);
+      },
+      closeDialog(item) {
+        item.dialogOpen = false;
+    
+        window.removeEventListener('keydown', this.handleKeyDown);
+      },
+      handleKeyDown(event) {
+        if (event.key === 'Escape') {
+        
+          this.items.forEach(item => {
+            item.dialogOpen = false;
+          });
+        
+          window.removeEventListener('keydown', this.handleKeyDown);
+        }
+      },
+      getData() {
+        let fullURL = window.location.href.split('/')[5].split('?cat=')[1];
+        // console.log(fullURL);
+        fetch(`https://apisp.dev2.cicdhosting.com/_dedicated/dwd/category-hi/?cat=${fullURL}`)
+          .then(response => {
+            if (!response.ok) {
+              throw new Error('Network response was not ok');
+            }
+            return response.json();
+          })
+          .then(data => {
+            // console.log(data);
+            this.items = data;
+
+            this.items.forEach(item => {
+              item.dialogOpen = false;
+            });
+          })
+          .catch(error => {
+            console.error('There was a problem with the fetch operation:', error);
+          });
+      },
+    },
+    mounted() {
+      this.getData();
+    }
+  };
+  </script>
+<style scoped>
+.dialog {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  background-color: white; /* Adjust as needed */
+  padding: 20px;
+  border-radius: 8px;
+  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
+}
+
+/* Additional styles for the overlay (optional) */
+.dialog-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
+  z-index: 999; /* Ensure the overlay is above other content */
+}
+</style>
+
+  
\ No newline at end of file
diff --git a/src/components/ZHCategory.vue b/src/components/ZHCategory.vue
new file mode 100644
index 0000000..35b0497
--- /dev/null
+++ b/src/components/ZHCategory.vue
@@ -0,0 +1,134 @@
+<template>
+    <div>
+        <section class="container mx-auto px-4">
+            <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4">
+                <div v-for="item in items" :key="item.id" class="flex flex-col border-2 border-[#780a0a] gap-6 p-4 place-content-between rounded-lg">
+                    <div class="flex flex-col">
+                        <div>
+                            <a class="flex flex-col" :href="`/zh/${item.slug}`">
+                            <img class="aspect-video rounded-t-lg" :src="item.img" :alt="item.title" />
+                            <h2 class="text-lg text-justify">{{ item.title }}</h2>
+                            </a>
+                        </div>
+                        <div>
+                            <!-- Overlay -->
+                            <div v-if="item.dialogOpen" class="fixed inset-0 bg-black opacity-50"></div>
+                            <dialog :id="`d-${item.id}`" class="shadow-xl rounded-xl md:w-[50%] xl:w-[30%] dialog" :open="item.dialogOpen">
+                                <form method="dialog">
+                                    <div class="flex flex-col md:flex-col">
+                                        <a :href="`/zh/${item.slug}`" class="flex flex-col md:flex-col">
+                                            <img class="rounded-t-xl" :src="item.img" :alt="item.title" />
+                                            <h1 class="text-lg font-bold">{{ item.heading }}</h1>
+                                            <h2 class="text-justify">{{ item.in_brief }}</h2>
+                                        </a>
+                                        <div class="flex flex-row place-content-between place-items-center">
+                                            <div class="flex flex-row place-content-between place-items-center p-2 space-x-6 shadow-lg shadow-gray-400 rounded-2xl">
+                                                <a class="hover:-translate-y-2 duration-[1s]" :href="`whatsapp://send?text=${item.title}%20%0A%20https://barta-india.in/zh/${item.slug}`" data-action="share/whatsapp/share"><img src="/img/whatsapp.svg" alt="WhatsApp Logo"/></a>
+                                                <a class="hover:-translate-y-2 duration-[1s]" :href="`https://www.facebook.com/share.php?u=https://barta-india.in/zh/${item.slug}`" target="_blank"><img src="/img/facebook.svg" alt="Facebook Logo"/></a>
+                                                <a class="hover:-translate-y-2 duration-[1s]" :href="`http://www.twitter.com/share?url=https://barta-india.in/zh/${item.slug}&text=%20${item.title}`" target="_blank"><img src="/img/x.svg" alt="Twitter/X Logo"/></a>
+                                                <a class="hover:-translate-y-2 duration-[1s]" :href="`https://www.linkedin.com/shareArticle?mini=true&url=https://barta-india.in/zh/${item.slug}&title=${item.title}&summary=${item.title}&source=${item.title}`" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"><img src="/img/link.svg" alt="Linkdin Logo"/></a>
+                                                <!-- <a class="hover:-translate-y-2 duration-[1s]" :href="`whatsapp://send?text=${item.title}%20%0A%20https://barta-india.in/${item.slug}`" data-action="share/whatsapp/share"><img src="/img/whatsapp.svg" alt="WhatsApp Logo"/></a>
+                                                <a class="hover:-translate-y-2 duration-[1s]" :href="`https://www.facebook.com/share.php?u=https://barta-india.in/zh/${item.slug}`" target="_blank"><img src="/img/facebook.svg" alt="Facebook Logo"/></a>
+                                                <a class="hover:-translate-y-2 duration-[1s]" :href="`http://www.twitter.com/share?url=https://barta-india.in/${item.slug}&text=${item.title}`" target="_blank"><img src="/img/x.svg" alt="Twitter/X Logo"/></a>
+                                                <a class="hover:-translate-y-2 duration-[1s]" :href="`https://www.linkedin.com/shareArticle?mini=true&url=https://barta-india.in/${item.slug}&title=${item.title}&summary=${item.title}&source=${item.title}`" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"><img src="/img/link.svg" alt="Linkdin Logo"/></a> -->
+                                            </div>
+                                            <div class="flex border-b-4 border-gray-500 border-t rounded-full  text-3xl hover:rotate-180  duration-[3s]">
+                                                <button class="text-white font-bold py-2 px-4 bg-[#780a0a] rounded-full shadow-xl" @click="closeDialog(item)">&#10008;</button>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </form>
+                            </dialog>
+                        </div>
+                    </div>
+                    <div class="flex flex-row place-content-between">
+                    <button @click="openDialog(item)" class="bg-[#780a0a] text-white rounded-md font-bold py-2 px-6">In Brief</button>
+                    <a :href="`/zh/${item.slug}`" class="bg-[#780a0a] text-white rounded-md font-bold py-2 px-6">Details</a>
+                    </div>
+                </div>
+            </div>
+        </section>
+    </div>
+</template>
+  
+  <script>
+  export default {
+    data() {
+      return {
+        items: [],
+      };
+    },
+    methods: {
+      openDialog(item) {
+        item.dialogOpen = true;
+    
+        window.addEventListener('keydown', this.handleKeyDown);
+      },
+      closeDialog(item) {
+        item.dialogOpen = false;
+    
+        window.removeEventListener('keydown', this.handleKeyDown);
+      },
+      handleKeyDown(event) {
+        if (event.key === 'Escape') {
+        
+          this.items.forEach(item => {
+            item.dialogOpen = false;
+          });
+        
+          window.removeEventListener('keydown', this.handleKeyDown);
+        }
+      },
+      getData() {
+        let fullURL = window.location.href.split('/')[5].split('?cat=')[1];
+        // console.log(fullURL);
+        fetch(`https://apisp.dev2.cicdhosting.com/_dedicated/dwd/category-zh/?cat=${fullURL}`)
+          .then(response => {
+            if (!response.ok) {
+              throw new Error('Network response was not ok');
+            }
+            return response.json();
+          })
+          .then(data => {
+            // console.log(data);
+            this.items = data;
+
+            this.items.forEach(item => {
+              item.dialogOpen = false;
+            });
+          })
+          .catch(error => {
+            console.error('There was a problem with the fetch operation:', error);
+          });
+      },
+    },
+    mounted() {
+      this.getData();
+    }
+  };
+  </script>
+<style scoped>
+.dialog {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  background-color: white; /* Adjust as needed */
+  padding: 20px;
+  border-radius: 8px;
+  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
+}
+
+/* Additional styles for the overlay (optional) */
+.dialog-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
+  z-index: 999; /* Ensure the overlay is above other content */
+}
+</style>
+
+  
\ No newline at end of file
diff --git a/src/pages/bn/[id].astro b/src/pages/bn/[id].astro
index a86960e..660a85a 100644
--- a/src/pages/bn/[id].astro
+++ b/src/pages/bn/[id].astro
@@ -1,97 +1,94 @@
 ---
-import LayoutBN from '../../layouts/LayoutBN.astro';
+import Layout from "../../layouts/Layout.astro";
 export async function getStaticPaths() {
-  const response = await fetch('https://api7.siliconpin.com/items/barta?filter[status][_eq]=published&filter[lang][_eq]=bengali');
-  const data = await response.json();
-  const finalData = data.data.map((n: { slug: string | undefined; })=>{
-      return {params: {id:n.slug}}
-  })
-  return finalData;
+    const postData = { key1: 'value1', key2: 'value2'};
+    const options = { method: 'POST', headers: { 'Content-Type': 'application/json', 'Origin': 'https://2024.dev2-cs.siliconpin.com' }, body: JSON.stringify(postData)};
+    const response = await fetch('https://apisp.dev2.cicdhosting.com/_dedicated/dwd/get-news/?action=news_bn', options);
+    const data = await response.json();
+    const finalData = data.map((n: { slug: string | undefined; })=>{
+        return {params: {id:n.slug}}
+    })
+    return finalData;
 }
-const response = await fetch('https://api7.siliconpin.com/items/barta?filter[status][_eq]=published&filter[lang][_eq]=bengali');
+const postData = { key1: 'value1', key2: 'value2'};
+const options = { method: 'POST', headers: { 'Content-Type': 'application/json', 'Origin': 'https://2024.dev2-cs.siliconpin.com' }, body: JSON.stringify(postData)};
+const response = await fetch('https://apisp.dev2.cicdhosting.com/_dedicated/dwd/get-news/?action=news_bn', options);
 const data = await response.json();
 const { id } = Astro.params;
-const idx = data.data.findIndex((n: { slug: string | undefined; }) => n.slug ===id);
-const items  = data.data[idx];
-// console.log(data.data[idx])
+const idx = data.findIndex((n: { slug: string | undefined; }) => n.slug ===id);
+const items  = data[idx];
+// console.log(items)
 ---
-<LayoutBN title={items.meta_title}
-          metaTitle={items.meta_title}
-          description={items.meta_description}
-          ogImg={`https://api7.siliconpin.com/assets/${items.img}`}          
-          tiwtterCard="summary_large_image"
-          tiwtterImage={`https://api7.siliconpin.com/assets/${items.img}`}
-          tiwtterTitle={items.meta_title}
-          tiwtterDesc={items.meta_description}
-          tiwtterURL=`https://barta-india.in/bn/${items.slug}`
-          artPubTime={items.date_created}
-          ogSiteName=`https://barta-india.in/bn/${items.slug}`
-          ogType='News'
-          ogTitle={items.meta_title}
-          ogDesc={items.meta_description}
-          ogURL=`https://barta-india.in/bn/${items.slug}`
-          >
+<Layout title=""
+            metaTitle={items.meta_title}
+            description={items.meta_description}
+            ogImg={items.img}          
+            tiwtterCard="summary_large_image"
+            tiwtterImage={items.img}
+            tiwtterTitle={items.meta_title}
+            tiwtterDesc={items.meta_description}
+            tiwtterURL=`https://barta-india.in/bn/${items.slug}`
+            artPubTime={items.date_created}
+            ogSiteName=`https://barta-india.in/bn/${items.slug}`
+            ogType='News'
+            ogTitle={items.meta_title}
+            ogDesc={items.meta_description}
+            ogURL=`https://barta-india.in/bn/${items.slug}`>
     <main>
-      <section class="container mx-auto px-4 mt-16">
-        <div class="flex flex-col justify-center">
-          <div class=""><button onclick="toggleSpeech();" id="listenButton" class="float-right text-white font-bold px-6 py-2 rounded-lg bg-[#780a0a]">Listen</button></div>
-            <h1 id="message1" class="text-3xl font-bold border-b-4 border-[#780A0A]">{items.heading}</h1>
-            <h2 id="message2" class="text-xl py-2">{items.title}</h2>
-            <div class="flex flex-col place-items-center">
-              <img src={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`} alt={items.title} class="md:w-[40%]" />
-            </div>
-            <div class="flex flex-row justify-center md:justify-end mt-2">
-              <div class="flex flex-row place-items-center p-2 shadow-lg shadow-[#780a0a] border-b-2 border-[#780a0a] rounded-b-2xl w-fit">
-                <p class="text-xl font-bold text-[#780a0a]">Share on: </p>
-                <a href=`whatsapp://send?text=${items.title}%20%0A%20https://barta-india.in/bn/${items.slug}` data-action="share/whatsapp/share"><img src="/img/whatsapp.svg" alt="WhatsApp Logo"/></a>
-                <a href=`https://www.facebook.com/share.php?u=https://barta-india.in/bn/${items.slug}` target="_blank"><img src="/img/facebook.svg" alt="Facebook Logo"/></a>
-                <a href=`http://www.twitter.com/share?url=https://barta-india.in/bn/${items.slug}&text=%20${items.title}` target="_blank"><img src="/img/x.svg" alt="Twitter/X Logo"/></a>
-                <a href=`https://www.linkedin.com/shareArticle?mini=true&url=https://barta-india.in/bn/${items.slug}&title=${items.title}&summary=${items.title}&source=${items.title}` onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"><img src="/img/link.svg" alt="Linkdin Logo"/></a>
+        <section class="container mx-auto px-4 mt-16">
+          <div class="flex flex-col justify-center">
+            <div class=""><button onclick="toggleSpeech();" id="listenButton" class="float-right text-white font-bold px-6 py-2 rounded-lg bg-[#780a0a]">Listen</button></div>
+              <h1 id="message1" class="text-3xl font-bold border-b-4 border-[#780A0A]">{items.heading}</h1>
+              <h2 id="message2" class="text-xl py-2">{items.title}</h2>
+              <div class="flex flex-col place-items-center">
+                <img src={items.img} alt={items.title} class="md:w-[40%]" />
               </div>
-            </div>
-            <p class="text-justify text-red-700 mt-4" set:html={items.content}></p>
-        </div>
-      </section>
-    </main>
-</LayoutBN>
+              <div class="flex flex-row justify-center md:justify-end mt-2">
+                <div class="flex flex-row place-items-center p-2 shadow-lg shadow-[#780a0a] border-b-2 border-[#780a0a] rounded-b-2xl w-fit">
+                  <p class="text-xl font-bold text-[#780a0a]">Share on: </p>
+                  <a href=`whatsapp://send?text=${items.title}%20%0A%20https://barta-india.in/bn/${items.slug}` data-action="share/whatsapp/share"><img src="/img/whatsapp.svg" alt="WhatsApp Logo"/></a>
+                  <a href=`https://www.facebook.com/share.php?u=https://barta-india.in/bn/${items.slug}` target="_blank"><img src="/img/facebook.svg" alt="Facebook Logo"/></a>
+                  <a href=`http://www.twitter.com/share?url=https://barta-india.in/bn/${items.slug}&text=%20${items.title}` target="_blank"><img src="/img/x.svg" alt="Twitter/X Logo"/></a>
+                  <a href=`https://www.linkedin.com/shareArticle?mini=true&url=https://barta-india.in/bn/${items.slug}&title=${items.title}&summary=${items.title}&source=${items.title}` onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"><img src="/img/link.svg" alt="Linkdin Logo"/></a>
+                </div>
+              </div>
+              <p class="text-justify  mt-4">{items.content}</p>
+          </div>
+        </section>
+      </main>
+</Layout>
 <script is:inline>
-  let isListening = false;
-  let speechSynthesisInstance = window.speechSynthesis;
-
-  function toggleSpeech() {
-    if (isListening) {
-      stopSpeech();
-    } else {
-      startSpeech();
+    let isListening = false;
+    let speechSynthesisInstance = window.speechSynthesis;
+  
+    function toggleSpeech() {
+      if (isListening) {
+        stopSpeech();
+      } else {
+        startSpeech();
+      }
     }
-  }
-
-  function startSpeech() {
-    let message1 = document.getElementById('message1').innerText;
-    let message2 = document.getElementById('message2').innerText;
-    let allSpeechText = message1 + ' ' + message2;
-
-    let speechText = new SpeechSynthesisUtterance(allSpeechText);
-    speechText.lang = 'bn';  // Set language to Bengali
-
-    speechSynthesisInstance.speak(speechText);
-
-    document.getElementById('listenButton').innerText = 'Stop';
-    isListening = true;
-  }
-
-  function stopSpeech() {
-    speechSynthesisInstance.cancel();
-    document.getElementById('listenButton').innerText = 'Listen';
-    isListening = false;
-  }
-  // if(window.location.reload()){
-  //   isListening = false;
-  // }
-</script>
-
-<style>
-  section > div > p > p {
-    text-align: justify;
-  }
-</style>
+  
+    function startSpeech() {
+      let message1 = document.getElementById('message1').innerText;
+      let message2 = document.getElementById('message2').innerText;
+      let allSpeechText = message1 + ' ' + message2;
+  
+      let speechText = new SpeechSynthesisUtterance(allSpeechText);
+      speechText.lang = 'bn';  // Set language to Bengali
+  
+      speechSynthesisInstance.speak(speechText);
+  
+      document.getElementById('listenButton').innerText = 'Stop';
+      isListening = true;
+    }
+  
+    function stopSpeech() {
+      speechSynthesisInstance.cancel();
+      document.getElementById('listenButton').innerText = 'Listen';
+      isListening = false;
+    }
+    // if(window.location.reload()){
+    //   isListening = false;
+    // }
+  </script>
diff --git a/src/pages/bn/cat/index.astro b/src/pages/bn/cat/index.astro
new file mode 100644
index 0000000..96194aa
--- /dev/null
+++ b/src/pages/bn/cat/index.astro
@@ -0,0 +1,29 @@
+---
+import Layout from "../../../layouts/Layout.astro"
+import BNCategory from "../../../components/BNCategory.vue";
+const postData = { key1: 'value1', key2: 'value2'};
+const options = { method: 'POST', headers: { 'Content-Type': 'application/json', 'Origin': 'https://2024.dev2-cs.siliconpin.com' }, body: JSON.stringify(postData)};
+const response = await fetch('https://apisp.dev2.cicdhosting.com/_dedicated/dwd/get-news/?action=news_en', options);
+const data = await response.json();
+const news = data;
+// console.log(news);
+---
+<Layout title="">
+    <main>
+        <div>
+            <section class="container mx-auto px-4">
+                <div class="text-[#780a0a] py-6 flex flex-row" id="">
+                    <a id="folder" href="/en"></a> &nbsp;>&nbsp;
+                    <p id="cat"></p>
+                </div>
+                <BNCategory client:visible />
+            </section>
+        </div>
+    </main>
+</Layout>
+<script is:inline>
+    let fullURL = window.location.href.split('/');
+    // console.log(fullURL);
+    let folderName = document.getElementById('folder').innerHTML = fullURL[3];
+    let catName = document.getElementById('cat').innerHTML = fullURL[5].split('?cat=')[1]
+</script>
\ No newline at end of file
diff --git a/src/pages/bn/index.astro b/src/pages/bn/index.astro
index 7e39d30..29c916c 100644
--- a/src/pages/bn/index.astro
+++ b/src/pages/bn/index.astro
@@ -1,44 +1,33 @@
 ---
-import LayoutBN from '../../layouts/LayoutBN.astro';
-const fetchData = await fetch('https://api7.siliconpin.com/items/barta?sort=-date_created&filter[lang][_eq]=bengali');
-const dataJSON = await fetchData.json();
-const data = dataJSON.data;
-const fetchMeta = await fetch('https://api7.siliconpin.com/items/meta_data?filter[status][_eq]=published&filter[domain][_eq]=barta&filter[pages][_eq]=home_bn');
-const metaJSON = await fetchMeta.json();
-const items = metaJSON.data[0];
-// const imageData = data.image;
-// const data = fetchDataJSON.data;
-// console.log()
+import Layout from "../../layouts/Layout.astro";
+const postData = { key1: 'value1', key2: 'value2'};
+const options = { method: 'POST', headers: { 'Content-Type': 'application/json', 'Origin': 'https://2024.dev2-cs.siliconpin.com' }, body: JSON.stringify(postData)};
+const response = await fetch('https://apisp.dev2.cicdhosting.com/_dedicated/dwd/get-news/?action=news_bn', options);
+const data = await response.json();
+const news = data;
+// console.log(news);
 ---
-
-<LayoutBN title={items.title}
-	metaTitle={items.meta_title}
-	description={items.description}
-	ogImg={`https://api7.siliconpin.com/assets/${items.img}`}
-	tiwtterCard="summary_large_image"
-	tiwtterImage={`https://api7.siliconpin.com/assets/${items.img}`}
-	tiwtterTitle={items.title}
-	tiwtterDesc={items.description}
-	tiwtterURL=`https://barta-india.in/bn`
-	ogSiteName=`https://barta-india.in/bn`
-	ogType={items.og_type}
-	ogTitle={items.title}
-	ogDesc={items.description}
-	ogURL=`https://barta-india.in/bn`
-	>
-	<main>
+<Layout title="">
+    <main>
 		<section class="container mx-auto px-4">
 			<div class="my-16">
 				<span class="text-[#780a0a] font-bold" id="pageName"></span>
 				<h1 class="text-4xl font-bold border-b-4 border-[#780A0A]">Latest News</h1>
 			</div>
+			<div class="flex flex-row md:justify-center my-10 overflow-x-scroll md:overflow-x-clip">
+				<a href="/bn/cat/?cat=local" class="border-2 border-[#780a0a] py-2.5 px-6 text-lg text-[#780a0a] hover:bg-[#780a0a50] duration-[1s]">Local</a>
+				<a href="/bn/cat/?cat=national" class="border-2 border-[#780a0a] py-2.5 px-6 text-lg text-[#780a0a] hover:bg-[#780a0a50] duration-[1s]">National</a>
+				<a href="/bn/cat/?cat=world" class="border-2 border-[#780a0a] py-2.5 px-6 text-lg text-[#780a0a] hover:bg-[#780a0a50] duration-[1s]">World</a>
+				<a href="/bn/cat/?cat=politics" class="border-2 border-[#780a0a] py-2.5 px-6 text-lg text-[#780a0a] hover:bg-[#780a0a50] duration-[1s]">Politics</a>
+				<a href="/bn/cat/?cat=technology" class="border-2 border-[#780a0a] py-2.5 px-6 text-lg text-[#780a0a] hover:bg-[#780a0a50] duration-[1s]">Technology</a>
+			</div>
 			<div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4">
-				{data.map((items: {id: string | undefined; heading: string | undefined; img: string | undefined; title : string | undefined; content : string | undefined; slug : string | undefined; date_created : string | undefined; in_brief: string | undefined;}) =>
+				{news.map((items: {id: string | undefined; heading: string | undefined; img: string | undefined; title : string | undefined; content : string | undefined; slug : string | undefined; date_created : string | undefined; in_brief: string | undefined;}) =>
 					<div class="flex flex-col border-2 border-[#780a0a] gap-6 p-4 place-content-between rounded-lg">
 						<div class="flex flex-col">
 							<div class="">
 								<a class="flex flex-col" href={`/bn/${items.slug}`}>
-									<img class="aspect-video rounded-t-lg" src={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`} alt={items.title} />
+									<img class="aspect-video rounded-t-lg" src={items.img} alt={items.title} />
 									<h2 class="text-lg text-justify ">{items.title}</h2> 
 								</a>
 							</div>
@@ -47,16 +36,16 @@ const items = metaJSON.data[0];
 									<form method="dialog">
 										<div class="flex flex-col md:flex-col">
 											<a href={`/bn/${items.slug}`} class="flex flex-col md:flex-col">
-												<img class="rounded-t-xl" src={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`} alt={items.title} />
+												<img class="rounded-t-xl" src={items.img} alt={items.title} />
 												<h1 class="text-lg font-bold">{items.heading} </h1>
 												<h2 class="text-justify ">{items.in_brief}</h2>
 											</a>
 											<div class="flex flex-row place-content-between place-items-center">
 												<div class="flex flex-row place-content-between place-items-center p-2 space-x-6 shadow-lg shadow-gray-400 rounded-2xl">
-													<a class="hover:-translate-y-2 duration-[1s]" href={`whatsapp://send?text=${items.title}%20%0A%20https://barta-india.in/${items.slug}`} data-action="share/whatsapp/share"><img src="/img/whatsapp.svg" alt="WhatsApp Logo"/></a>
-													<a class="hover:-translate-y-2 duration-[1s]" href={`https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fbarta-india.in%2F${items.slug}`} target="_blank"><img src="/img/facebook.svg" alt="Facebook Logo"/></a>                  
-													<a class="hover:-translate-y-2 duration-[1s]" href={`http://www.twitter.com/share?url=https://barta-india.in/${items.slug}&text=${items.title}`} target="_blank"><img src="/img/x.svg" alt="Twitter/X Logo"/></a>
-													<a class="hover:-translate-y-2 duration-[1s]" href={`https://www.linkedin.com/shareArticle?mini=true&url=https://barta-india.in/${items.slug}&title=${items.title}&summary=${items.title}&source=${items.title}`} onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"><img src="/img/link.svg" alt="Linkdin Logo"/></a>
+													<a class="hover:-translate-y-2 duration-[1s]" href={`whatsapp://send?text=${items.title}%20%0A%20https://barta-india.in/bn/${items.slug}`} data-action="share/whatsapp/share"><img src="/img/whatsapp.svg" alt="WhatsApp Logo"/></a>
+													<a class="hover:-translate-y-2 duration-[1s]" href={`https://www.facebook.com/share.php?u=https://barta-india.in/bn/${items.slug}`} target="_blank"><img src="/img/facebook.svg" alt="Facebook Logo"/></a>                  
+													<a class="hover:-translate-y-2 duration-[1s]" href={`http://www.twitter.com/share?url=https://barta-india.in/bn/${items.slug}&text=${items.title}`} target="_blank"><img src="/img/x.svg" alt="Twitter/X Logo"/></a>
+													<a class="hover:-translate-y-2 duration-[1s]" href={`https://www.linkedin.com/shareArticle?mini=true&url=https://barta-india.in/bn/${items.slug}&title=${items.title}&summary=${items.title}&source=${items.title}`} onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"><img src="/img/link.svg" alt="Linkdin Logo"/></a>
 												</div>
 												<div class="flex border-b-4 border-gray-500 border-t rounded-full  text-3xl hover:rotate-180  duration-[3s]">
 													<button class="text-white font-bold py-2 px-4 bg-[#780a0a] rounded-full shadow-xl" onclick={`document.getElementById('d-${items.id}').close()`}>&#10008;</button>
@@ -69,21 +58,14 @@ const items = metaJSON.data[0];
 						</div>
 						<div class="flex flex-row place-content-between">
 							<button onclick={`document.getElementById('d-${items.id}').showModal()`} class="bg-[#780A0A] text-white rounded-md font-bold py-2 px-6">In Brief</button>
-							<p class="">Publish at: <br/> {items.date_created.split(':')[0].split('T')[0]}</p>
 							<a href={`/bn/${items.slug}`} class="bg-[#780A0A] text-white rounded-md font-bold py-2 px-6">Details</a>
 						</div>
 					</div>
 				)}
 				<!-- <a href={`/${items.slug}`} class="bg-[#780A0A] text-white rounded-md font-bold px-6 ">Read More>></a> -->
+                <!-- <p class="">Publish at: <br/> {items.date_created.split(':')[0].split('T')[0]}</p> -->
+
 			</div>
 		</section>		
 	</main>
-</LayoutBN>
-<script is:inline>
-	const pageName = window.location.href.split('/')[3];
-	document.getElementById('pageName').innerHTML = '>&nbsp;' + pageName;
-	// console.log(pageName)
-</script>
-<style>
-
-</style>
+</Layout>
diff --git a/src/pages/bn_old/[id].astro b/src/pages/bn_old/[id].astro
new file mode 100644
index 0000000..a86960e
--- /dev/null
+++ b/src/pages/bn_old/[id].astro
@@ -0,0 +1,97 @@
+---
+import LayoutBN from '../../layouts/LayoutBN.astro';
+export async function getStaticPaths() {
+  const response = await fetch('https://api7.siliconpin.com/items/barta?filter[status][_eq]=published&filter[lang][_eq]=bengali');
+  const data = await response.json();
+  const finalData = data.data.map((n: { slug: string | undefined; })=>{
+      return {params: {id:n.slug}}
+  })
+  return finalData;
+}
+const response = await fetch('https://api7.siliconpin.com/items/barta?filter[status][_eq]=published&filter[lang][_eq]=bengali');
+const data = await response.json();
+const { id } = Astro.params;
+const idx = data.data.findIndex((n: { slug: string | undefined; }) => n.slug ===id);
+const items  = data.data[idx];
+// console.log(data.data[idx])
+---
+<LayoutBN title={items.meta_title}
+          metaTitle={items.meta_title}
+          description={items.meta_description}
+          ogImg={`https://api7.siliconpin.com/assets/${items.img}`}          
+          tiwtterCard="summary_large_image"
+          tiwtterImage={`https://api7.siliconpin.com/assets/${items.img}`}
+          tiwtterTitle={items.meta_title}
+          tiwtterDesc={items.meta_description}
+          tiwtterURL=`https://barta-india.in/bn/${items.slug}`
+          artPubTime={items.date_created}
+          ogSiteName=`https://barta-india.in/bn/${items.slug}`
+          ogType='News'
+          ogTitle={items.meta_title}
+          ogDesc={items.meta_description}
+          ogURL=`https://barta-india.in/bn/${items.slug}`
+          >
+    <main>
+      <section class="container mx-auto px-4 mt-16">
+        <div class="flex flex-col justify-center">
+          <div class=""><button onclick="toggleSpeech();" id="listenButton" class="float-right text-white font-bold px-6 py-2 rounded-lg bg-[#780a0a]">Listen</button></div>
+            <h1 id="message1" class="text-3xl font-bold border-b-4 border-[#780A0A]">{items.heading}</h1>
+            <h2 id="message2" class="text-xl py-2">{items.title}</h2>
+            <div class="flex flex-col place-items-center">
+              <img src={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`} alt={items.title} class="md:w-[40%]" />
+            </div>
+            <div class="flex flex-row justify-center md:justify-end mt-2">
+              <div class="flex flex-row place-items-center p-2 shadow-lg shadow-[#780a0a] border-b-2 border-[#780a0a] rounded-b-2xl w-fit">
+                <p class="text-xl font-bold text-[#780a0a]">Share on: </p>
+                <a href=`whatsapp://send?text=${items.title}%20%0A%20https://barta-india.in/bn/${items.slug}` data-action="share/whatsapp/share"><img src="/img/whatsapp.svg" alt="WhatsApp Logo"/></a>
+                <a href=`https://www.facebook.com/share.php?u=https://barta-india.in/bn/${items.slug}` target="_blank"><img src="/img/facebook.svg" alt="Facebook Logo"/></a>
+                <a href=`http://www.twitter.com/share?url=https://barta-india.in/bn/${items.slug}&text=%20${items.title}` target="_blank"><img src="/img/x.svg" alt="Twitter/X Logo"/></a>
+                <a href=`https://www.linkedin.com/shareArticle?mini=true&url=https://barta-india.in/bn/${items.slug}&title=${items.title}&summary=${items.title}&source=${items.title}` onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"><img src="/img/link.svg" alt="Linkdin Logo"/></a>
+              </div>
+            </div>
+            <p class="text-justify text-red-700 mt-4" set:html={items.content}></p>
+        </div>
+      </section>
+    </main>
+</LayoutBN>
+<script is:inline>
+  let isListening = false;
+  let speechSynthesisInstance = window.speechSynthesis;
+
+  function toggleSpeech() {
+    if (isListening) {
+      stopSpeech();
+    } else {
+      startSpeech();
+    }
+  }
+
+  function startSpeech() {
+    let message1 = document.getElementById('message1').innerText;
+    let message2 = document.getElementById('message2').innerText;
+    let allSpeechText = message1 + ' ' + message2;
+
+    let speechText = new SpeechSynthesisUtterance(allSpeechText);
+    speechText.lang = 'bn';  // Set language to Bengali
+
+    speechSynthesisInstance.speak(speechText);
+
+    document.getElementById('listenButton').innerText = 'Stop';
+    isListening = true;
+  }
+
+  function stopSpeech() {
+    speechSynthesisInstance.cancel();
+    document.getElementById('listenButton').innerText = 'Listen';
+    isListening = false;
+  }
+  // if(window.location.reload()){
+  //   isListening = false;
+  // }
+</script>
+
+<style>
+  section > div > p > p {
+    text-align: justify;
+  }
+</style>
diff --git a/src/pages/bn_old/index.astro b/src/pages/bn_old/index.astro
new file mode 100644
index 0000000..7e39d30
--- /dev/null
+++ b/src/pages/bn_old/index.astro
@@ -0,0 +1,89 @@
+---
+import LayoutBN from '../../layouts/LayoutBN.astro';
+const fetchData = await fetch('https://api7.siliconpin.com/items/barta?sort=-date_created&filter[lang][_eq]=bengali');
+const dataJSON = await fetchData.json();
+const data = dataJSON.data;
+const fetchMeta = await fetch('https://api7.siliconpin.com/items/meta_data?filter[status][_eq]=published&filter[domain][_eq]=barta&filter[pages][_eq]=home_bn');
+const metaJSON = await fetchMeta.json();
+const items = metaJSON.data[0];
+// const imageData = data.image;
+// const data = fetchDataJSON.data;
+// console.log()
+---
+
+<LayoutBN title={items.title}
+	metaTitle={items.meta_title}
+	description={items.description}
+	ogImg={`https://api7.siliconpin.com/assets/${items.img}`}
+	tiwtterCard="summary_large_image"
+	tiwtterImage={`https://api7.siliconpin.com/assets/${items.img}`}
+	tiwtterTitle={items.title}
+	tiwtterDesc={items.description}
+	tiwtterURL=`https://barta-india.in/bn`
+	ogSiteName=`https://barta-india.in/bn`
+	ogType={items.og_type}
+	ogTitle={items.title}
+	ogDesc={items.description}
+	ogURL=`https://barta-india.in/bn`
+	>
+	<main>
+		<section class="container mx-auto px-4">
+			<div class="my-16">
+				<span class="text-[#780a0a] font-bold" id="pageName"></span>
+				<h1 class="text-4xl font-bold border-b-4 border-[#780A0A]">Latest News</h1>
+			</div>
+			<div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4">
+				{data.map((items: {id: string | undefined; heading: string | undefined; img: string | undefined; title : string | undefined; content : string | undefined; slug : string | undefined; date_created : string | undefined; in_brief: string | undefined;}) =>
+					<div class="flex flex-col border-2 border-[#780a0a] gap-6 p-4 place-content-between rounded-lg">
+						<div class="flex flex-col">
+							<div class="">
+								<a class="flex flex-col" href={`/bn/${items.slug}`}>
+									<img class="aspect-video rounded-t-lg" src={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`} alt={items.title} />
+									<h2 class="text-lg text-justify ">{items.title}</h2> 
+								</a>
+							</div>
+							<div>
+								<dialog id={`d-${items.id}`} class="shadow-xl rounded-xl md:w-[50%] xl:w-[30%]">
+									<form method="dialog">
+										<div class="flex flex-col md:flex-col">
+											<a href={`/bn/${items.slug}`} class="flex flex-col md:flex-col">
+												<img class="rounded-t-xl" src={`https://api7.siliconpin.com/assets/${items.img}?quality=50&format=jpeg`} alt={items.title} />
+												<h1 class="text-lg font-bold">{items.heading} </h1>
+												<h2 class="text-justify ">{items.in_brief}</h2>
+											</a>
+											<div class="flex flex-row place-content-between place-items-center">
+												<div class="flex flex-row place-content-between place-items-center p-2 space-x-6 shadow-lg shadow-gray-400 rounded-2xl">
+													<a class="hover:-translate-y-2 duration-[1s]" href={`whatsapp://send?text=${items.title}%20%0A%20https://barta-india.in/${items.slug}`} data-action="share/whatsapp/share"><img src="/img/whatsapp.svg" alt="WhatsApp Logo"/></a>
+													<a class="hover:-translate-y-2 duration-[1s]" href={`https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fbarta-india.in%2F${items.slug}`} target="_blank"><img src="/img/facebook.svg" alt="Facebook Logo"/></a>                  
+													<a class="hover:-translate-y-2 duration-[1s]" href={`http://www.twitter.com/share?url=https://barta-india.in/${items.slug}&text=${items.title}`} target="_blank"><img src="/img/x.svg" alt="Twitter/X Logo"/></a>
+													<a class="hover:-translate-y-2 duration-[1s]" href={`https://www.linkedin.com/shareArticle?mini=true&url=https://barta-india.in/${items.slug}&title=${items.title}&summary=${items.title}&source=${items.title}`} onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"><img src="/img/link.svg" alt="Linkdin Logo"/></a>
+												</div>
+												<div class="flex border-b-4 border-gray-500 border-t rounded-full  text-3xl hover:rotate-180  duration-[3s]">
+													<button class="text-white font-bold py-2 px-4 bg-[#780a0a] rounded-full shadow-xl" onclick={`document.getElementById('d-${items.id}').close()`}>&#10008;</button>
+												</div>
+											</div>
+										</div>
+									</form>
+								</dialog>
+							</div>
+						</div>
+						<div class="flex flex-row place-content-between">
+							<button onclick={`document.getElementById('d-${items.id}').showModal()`} class="bg-[#780A0A] text-white rounded-md font-bold py-2 px-6">In Brief</button>
+							<p class="">Publish at: <br/> {items.date_created.split(':')[0].split('T')[0]}</p>
+							<a href={`/bn/${items.slug}`} class="bg-[#780A0A] text-white rounded-md font-bold py-2 px-6">Details</a>
+						</div>
+					</div>
+				)}
+				<!-- <a href={`/${items.slug}`} class="bg-[#780A0A] text-white rounded-md font-bold px-6 ">Read More>></a> -->
+			</div>
+		</section>		
+	</main>
+</LayoutBN>
+<script is:inline>
+	const pageName = window.location.href.split('/')[3];
+	document.getElementById('pageName').innerHTML = '>&nbsp;' + pageName;
+	// console.log(pageName)
+</script>
+<style>
+
+</style>
diff --git a/src/pages/bn/local/[id].astro b/src/pages/bn_old/local/[id].astro
similarity index 100%
rename from src/pages/bn/local/[id].astro
rename to src/pages/bn_old/local/[id].astro
diff --git a/src/pages/bn/local/index.astro b/src/pages/bn_old/local/index.astro
similarity index 100%
rename from src/pages/bn/local/index.astro
rename to src/pages/bn_old/local/index.astro
diff --git a/src/pages/bn/national/[id].astro b/src/pages/bn_old/national/[id].astro
similarity index 100%
rename from src/pages/bn/national/[id].astro
rename to src/pages/bn_old/national/[id].astro
diff --git a/src/pages/bn/national/index.astro b/src/pages/bn_old/national/index.astro
similarity index 100%
rename from src/pages/bn/national/index.astro
rename to src/pages/bn_old/national/index.astro
diff --git a/src/pages/bn/politics/[id].astro b/src/pages/bn_old/politics/[id].astro
similarity index 100%
rename from src/pages/bn/politics/[id].astro
rename to src/pages/bn_old/politics/[id].astro
diff --git a/src/pages/bn/politics/index.astro b/src/pages/bn_old/politics/index.astro
similarity index 100%
rename from src/pages/bn/politics/index.astro
rename to src/pages/bn_old/politics/index.astro
diff --git a/src/pages/bn/technology/[id].astro b/src/pages/bn_old/technology/[id].astro
similarity index 100%
rename from src/pages/bn/technology/[id].astro
rename to src/pages/bn_old/technology/[id].astro
diff --git a/src/pages/bn/technology/index.astro b/src/pages/bn_old/technology/index.astro
similarity index 100%
rename from src/pages/bn/technology/index.astro
rename to src/pages/bn_old/technology/index.astro
diff --git a/src/pages/en/cat/index.astro b/src/pages/en/cat/index.astro
index 95ee13b..5afb1d2 100644
--- a/src/pages/en/cat/index.astro
+++ b/src/pages/en/cat/index.astro
@@ -12,10 +12,18 @@ const news = data;
     <main>
         <div>
             <section class="container mx-auto px-4">
-                <h1 class="text-[#780a0a] py-6">Page > Name </h1>
+                <div class="text-[#780a0a] py-6 flex flex-row" id="">
+                    <a id="folder" href="/en"></a> &nbsp;>&nbsp;
+                    <p id="cat"></p>
+                </div>
                 <ENCategory client:visible />
-                
             </section>
         </div>
     </main>
-</Layout>
\ No newline at end of file
+</Layout>
+<script is:inline>
+    let fullURL = window.location.href.split('/');
+    console.log(fullURL);
+    let folderName = document.getElementById('folder').innerHTML = fullURL[3];
+    let catName = document.getElementById('cat').innerHTML = fullURL[5].split('?cat=')[1]
+</script>
\ No newline at end of file
diff --git a/src/pages/es/[id].astro b/src/pages/es/[id].astro
new file mode 100644
index 0000000..2d5b754
--- /dev/null
+++ b/src/pages/es/[id].astro
@@ -0,0 +1,94 @@
+---
+import Layout from "../../layouts/Layout.astro";
+export async function getStaticPaths() {
+    const postData = { key1: 'value1', key2: 'value2'};
+    const options = { method: 'POST', headers: { 'Content-Type': 'application/json', 'Origin': 'https://2024.dev2-cs.siliconpin.com' }, body: JSON.stringify(postData)};
+    const response = await fetch('https://apisp.dev2.cicdhosting.com/_dedicated/dwd/get-news/?action=news_es', options);
+    const data = await response.json();
+    const finalData = data.map((n: { slug: string | undefined; })=>{
+        return {params: {id:n.slug}}
+    })
+    return finalData;
+}
+const postData = { key1: 'value1', key2: 'value2'};
+const options = { method: 'POST', headers: { 'Content-Type': 'application/json', 'Origin': 'https://2024.dev2-cs.siliconpin.com' }, body: JSON.stringify(postData)};
+const response = await fetch('https://apisp.dev2.cicdhosting.com/_dedicated/dwd/get-news/?action=news_es', options);
+const data = await response.json();
+const { id } = Astro.params;
+const idx = data.findIndex((n: { slug: string | undefined; }) => n.slug ===id);
+const items  = data[idx];
+// console.log(items)
+---
+<Layout title=""
+            metaTitle={items.meta_title}
+            description={items.meta_description}
+            ogImg={items.img}          
+            tiwtterCard="summary_large_image"
+            tiwtterImage={items.img}
+            tiwtterTitle={items.meta_title}
+            tiwtterDesc={items.meta_description}
+            tiwtterURL=`https://barta-india.in/zh/${items.slug}`
+            artPubTime={items.date_created}
+            ogSiteName=`https://barta-india.in/zh/${items.slug}`
+            ogType='News'
+            ogTitle={items.meta_title}
+            ogDesc={items.meta_description}
+            ogURL=`https://barta-india.in/zh/${items.slug}`>
+    <main>
+        <section class="container mx-auto px-4 mt-16">
+          <div class="flex flex-col justify-center">
+            <div class=""><button onclick="toggleSpeech();" id="listenButton" class="float-right text-white font-bold px-6 py-2 rounded-lg bg-[#780a0a]">Listen</button></div>
+              <h1 id="message1" class="text-3xl font-bold border-b-4 border-[#780A0A]">{items.heading}</h1>
+              <h2 id="message2" class="text-xl py-2">{items.title}</h2>
+              <div class="flex flex-col place-items-center">
+                <img src={items.img} alt={items.title} class="md:w-[40%]" />
+              </div>
+              <div class="flex flex-row justify-center md:justify-end mt-2">
+                <div class="flex flex-row place-items-center p-2 shadow-lg shadow-[#780a0a] border-b-2 border-[#780a0a] rounded-b-2xl w-fit">
+                  <p class="text-xl font-bold text-[#780a0a]">Share on: </p>
+                  <a href=`whatsapp://send?text=${items.title}%20%0A%20https://barta-india.in/zh/${items.slug}` data-action="share/whatsapp/share"><img src="/img/whatsapp.svg" alt="WhatsApp Logo"/></a>
+                  <a href=`https://www.facebook.com/share.php?u=https://barta-india.in/zh/${items.slug}` target="_blank"><img src="/img/facebook.svg" alt="Facebook Logo"/></a>
+                  <a href=`http://www.twitter.com/share?url=https://barta-india.in/zh/${items.slug}&text=%20${items.title}` target="_blank"><img src="/img/x.svg" alt="Twitter/X Logo"/></a>
+                  <a href=`https://www.linkedin.com/shareArticle?mini=true&url=https://barta-india.in/zh/${items.slug}&title=${items.title}&summary=${items.title}&source=${items.title}` onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"><img src="/img/link.svg" alt="Linkdin Logo"/></a>
+                </div>
+              </div>
+              <p class="text-justify  mt-4">{items.content}</p>
+          </div>
+        </section>
+      </main>
+</Layout>
+<script is:inline>
+    let isListening = false;
+    let speechSynthesisInstance = window.speechSynthesis;
+  
+    function toggleSpeech() {
+      if (isListening) {
+        stopSpeech();
+      } else {
+        startSpeech();
+      }
+    }
+  
+    function startSpeech() {
+      let message1 = document.getElementById('message1').innerText;
+      let message2 = document.getElementById('message2').innerText;
+      let allSpeechText = message1 + ' ' + message2;
+  
+      let speechText = new SpeechSynthesisUtterance(allSpeechText);
+      speechText.lang = 'bn';  // Set language to Bengali
+  
+      speechSynthesisInstance.speak(speechText);
+  
+      document.getElementById('listenButton').innerText = 'Stop';
+      isListening = true;
+    }
+  
+    function stopSpeech() {
+      speechSynthesisInstance.cancel();
+      document.getElementById('listenButton').innerText = 'Listen';
+      isListening = false;
+    }
+    // if(window.location.reload()){
+    //   isListening = false;
+    // }
+  </script>
diff --git a/src/pages/es/cat/index.astro b/src/pages/es/cat/index.astro
new file mode 100644
index 0000000..1d7e958
--- /dev/null
+++ b/src/pages/es/cat/index.astro
@@ -0,0 +1,29 @@
+---
+import Layout from "../../../layouts/Layout.astro"
+import ESCategory from "../../../components/ESCategory.vue";
+const postData = { key1: 'value1', key2: 'value2'};
+const options = { method: 'POST', headers: { 'Content-Type': 'application/json', 'Origin': 'https://2024.dev2-cs.siliconpin.com' }, body: JSON.stringify(postData)};
+const response = await fetch('https://apisp.dev2.cicdhosting.com/_dedicated/dwd/get-news/?action=news_zh', options);
+const data = await response.json();
+const news = data;
+// console.log(news);
+---
+<Layout title="">
+    <main>
+        <div>
+            <section class="container mx-auto px-4">
+                <div class="text-[#780a0a] py-6 flex flex-row" id="">
+                    <a id="folder" href="/zh"></a> &nbsp;>&nbsp;
+                    <p id="cat"></p>
+                </div>
+                <ESCategory client:visible />
+            </section>
+        </div>
+    </main>
+</Layout>
+<script is:inline>
+    let fullURL = window.location.href.split('/');
+    // console.log(fullURL);
+    let folderName = document.getElementById('folder').innerHTML = fullURL[3];
+    let catName = document.getElementById('cat').innerHTML = fullURL[5].split('?cat=')[1]
+</script>
\ No newline at end of file
diff --git a/src/pages/es/index.astro b/src/pages/es/index.astro
new file mode 100644
index 0000000..7322a9e
--- /dev/null
+++ b/src/pages/es/index.astro
@@ -0,0 +1,71 @@
+---
+import Layout from "../../layouts/Layout.astro";
+const postData = { key1: 'value1', key2: 'value2'};
+const options = { method: 'POST', headers: { 'Content-Type': 'application/json', 'Origin': 'https://2024.dev2-cs.siliconpin.com' }, body: JSON.stringify(postData)};
+const response = await fetch('https://apisp.dev2.cicdhosting.com/_dedicated/dwd/get-news/?action=news_es', options);
+const data = await response.json();
+const news = data;
+// console.log(news);
+---
+<Layout title="">
+    <main>
+		<section class="container mx-auto px-4">
+			<div class="my-16">
+				<span class="text-[#780a0a] font-bold" id="pageName"></span>
+				<h1 class="text-4xl font-bold border-b-4 border-[#780A0A]">Latest News</h1>
+			</div>
+			<div class="flex flex-row md:justify-center my-10 overflow-x-scroll md:overflow-x-clip">
+				<a href="/es/cat/?cat=local" class="border-2 border-[#780a0a] py-2.5 px-6 text-lg text-[#780a0a] hover:bg-[#780a0a50] duration-[1s]">Local</a>
+				<a href="/es/cat/?cat=national" class="border-2 border-[#780a0a] py-2.5 px-6 text-lg text-[#780a0a] hover:bg-[#780a0a50] duration-[1s]">National</a>
+				<a href="/es/cat/?cat=world" class="border-2 border-[#780a0a] py-2.5 px-6 text-lg text-[#780a0a] hover:bg-[#780a0a50] duration-[1s]">World</a>
+				<a href="/es/cat/?cat=politics" class="border-2 border-[#780a0a] py-2.5 px-6 text-lg text-[#780a0a] hover:bg-[#780a0a50] duration-[1s]">Politics</a>
+				<a href="/es/cat/?cat=technology" class="border-2 border-[#780a0a] py-2.5 px-6 text-lg text-[#780a0a] hover:bg-[#780a0a50] duration-[1s]">Technology</a>
+			</div>
+			<div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4">
+				{news.map((items: {id: string | undefined; heading: string | undefined; img: string | undefined; title : string | undefined; content : string | undefined; slug : string | undefined; date_created : string | undefined; in_brief: string | undefined;}) =>
+					<div class="flex flex-col border-2 border-[#780a0a] gap-6 p-4 place-content-between rounded-lg">
+						<div class="flex flex-col">
+							<div class="">
+								<a class="flex flex-col" href={`/es/${items.slug}`}>
+									<img class="aspect-video rounded-t-lg" src={items.img} alt={items.title} />
+									<h2 class="text-lg text-justify ">{items.title}</h2> 
+								</a>
+							</div>
+							<div>
+								<dialog id={`d-${items.id}`} class="shadow-xl rounded-xl md:w-[50%] xl:w-[30%]">
+									<form method="dialog">
+										<div class="flex flex-col md:flex-col">
+											<a href={`/es/${items.slug}`} class="flex flex-col md:flex-col">
+												<img class="rounded-t-xl" src={items.img} alt={items.title} />
+												<h1 class="text-lg font-bold">{items.heading} </h1>
+												<h2 class="text-justify ">{items.in_brief}</h2>
+											</a>
+											<div class="flex flex-row place-content-between place-items-center">
+												<div class="flex flex-row place-content-between place-items-center p-2 space-x-6 shadow-lg shadow-gray-400 rounded-2xl">
+													<a class="hover:-translate-y-2 duration-[1s]" href={`whatsapp://send?text=${items.title}%20%0A%20https://barta-india.in/es/${items.slug}`} data-action="share/whatsapp/share"><img src="/img/whatsapp.svg" alt="WhatsApp Logo"/></a>
+													<a class="hover:-translate-y-2 duration-[1s]" href={`https://www.facebook.com/share.php?u=https://barta-india.in/es/${items.slug}`} target="_blank"><img src="/img/facebook.svg" alt="Facebook Logo"/></a>                  
+													<a class="hover:-translate-y-2 duration-[1s]" href={`http://www.twitter.com/share?url=https://barta-india.in/es/${items.slug}&text=${items.title}`} target="_blank"><img src="/img/x.svg" alt="Twitter/X Logo"/></a>
+													<a class="hover:-translate-y-2 duration-[1s]" href={`https://www.linkedin.com/shareArticle?mini=true&url=https://barta-india.in/es/${items.slug}&title=${items.title}&summary=${items.title}&source=${items.title}`} onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"><img src="/img/link.svg" alt="Linkdin Logo"/></a>
+												</div>
+												<div class="flex border-b-4 border-gray-500 border-t rounded-full  text-3xl hover:rotate-180  duration-[3s]">
+													<button class="text-white font-bold py-2 px-4 bg-[#780a0a] rounded-full shadow-xl" onclick={`document.getElementById('d-${items.id}').close()`}>&#10008;</button>
+												</div>
+											</div>
+										</div>
+									</form>
+								</dialog>
+							</div>
+						</div>
+						<div class="flex flex-row place-content-between">
+							<button onclick={`document.getElementById('d-${items.id}').showModal()`} class="bg-[#780A0A] text-white rounded-md font-bold py-2 px-6">In Brief</button>
+							<a href={`/es/${items.slug}`} class="bg-[#780A0A] text-white rounded-md font-bold py-2 px-6">Details</a>
+						</div>
+					</div>
+				)}
+				<!-- <a href={`/${items.slug}`} class="bg-[#780A0A] text-white rounded-md font-bold px-6 ">Read More>></a> -->
+                <!-- <p class="">Publish at: <br/> {items.date_created.split(':')[0].split('T')[0]}</p> -->
+
+			</div>
+		</section>		
+	</main>
+</Layout>
diff --git a/src/pages/hi/[id].astro b/src/pages/hi/[id].astro
new file mode 100644
index 0000000..4421e26
--- /dev/null
+++ b/src/pages/hi/[id].astro
@@ -0,0 +1,94 @@
+---
+import Layout from "../../layouts/Layout.astro";
+export async function getStaticPaths() {
+    const postData = { key1: 'value1', key2: 'value2'};
+    const options = { method: 'POST', headers: { 'Content-Type': 'application/json', 'Origin': 'https://2024.dev2-cs.siliconpin.com' }, body: JSON.stringify(postData)};
+    const response = await fetch('https://apisp.dev2.cicdhosting.com/_dedicated/dwd/get-news/?action=news_hi', options);
+    const data = await response.json();
+    const finalData = data.map((n: { slug: string | undefined; })=>{
+        return {params: {id:n.slug}}
+    })
+    return finalData;
+}
+const postData = { key1: 'value1', key2: 'value2'};
+const options = { method: 'POST', headers: { 'Content-Type': 'application/json', 'Origin': 'https://2024.dev2-cs.siliconpin.com' }, body: JSON.stringify(postData)};
+const response = await fetch('https://apisp.dev2.cicdhosting.com/_dedicated/dwd/get-news/?action=news_hi', options);
+const data = await response.json();
+const { id } = Astro.params;
+const idx = data.findIndex((n: { slug: string | undefined; }) => n.slug ===id);
+const items  = data[idx];
+// console.log(items)
+---
+<Layout title=""
+            metaTitle={items.meta_title}
+            description={items.meta_description}
+            ogImg={items.img}          
+            tiwtterCard="summary_large_image"
+            tiwtterImage={items.img}
+            tiwtterTitle={items.meta_title}
+            tiwtterDesc={items.meta_description}
+            tiwtterURL=`https://barta-india.in/hi/${items.slug}`
+            artPubTime={items.date_created}
+            ogSiteName=`https://barta-india.in/hi/${items.slug}`
+            ogType='News'
+            ogTitle={items.meta_title}
+            ogDesc={items.meta_description}
+            ogURL=`https://barta-india.in/hi/${items.slug}`>
+    <main>
+        <section class="container mx-auto px-4 mt-16">
+          <div class="flex flex-col justify-center">
+            <div class=""><button onclick="toggleSpeech();" id="listenButton" class="float-right text-white font-bold px-6 py-2 rounded-lg bg-[#780a0a]">Listen</button></div>
+              <h1 id="message1" class="text-3xl font-bold border-b-4 border-[#780A0A]">{items.heading}</h1>
+              <h2 id="message2" class="text-xl py-2">{items.title}</h2>
+              <div class="flex flex-col place-items-center">
+                <img src={items.img} alt={items.title} class="md:w-[40%]" />
+              </div>
+              <div class="flex flex-row justify-center md:justify-end mt-2">
+                <div class="flex flex-row place-items-center p-2 shadow-lg shadow-[#780a0a] border-b-2 border-[#780a0a] rounded-b-2xl w-fit">
+                  <p class="text-xl font-bold text-[#780a0a]">Share on: </p>
+                  <a href=`whatsapp://send?text=${items.title}%20%0A%20https://barta-india.in/hi/${items.slug}` data-action="share/whatsapp/share"><img src="/img/whatsapp.svg" alt="WhatsApp Logo"/></a>
+                  <a href=`https://www.facebook.com/share.php?u=https://barta-india.in/hi/${items.slug}` target="_blank"><img src="/img/facebook.svg" alt="Facebook Logo"/></a>
+                  <a href=`http://www.twitter.com/share?url=https://barta-india.in/hi/${items.slug}&text=%20${items.title}` target="_blank"><img src="/img/x.svg" alt="Twitter/X Logo"/></a>
+                  <a href=`https://www.linkedin.com/shareArticle?mini=true&url=https://barta-india.in/hi/${items.slug}&title=${items.title}&summary=${items.title}&source=${items.title}` onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"><img src="/img/link.svg" alt="Linkdin Logo"/></a>
+                </div>
+              </div>
+              <p class="text-justify  mt-4">{items.content}</p>
+          </div>
+        </section>
+      </main>
+</Layout>
+<script is:inline>
+    let isListening = false;
+    let speechSynthesisInstance = window.speechSynthesis;
+  
+    function toggleSpeech() {
+      if (isListening) {
+        stopSpeech();
+      } else {
+        startSpeech();
+      }
+    }
+  
+    function startSpeech() {
+      let message1 = document.getElementById('message1').innerText;
+      let message2 = document.getElementById('message2').innerText;
+      let allSpeechText = message1 + ' ' + message2;
+  
+      let speechText = new SpeechSynthesisUtterance(allSpeechText);
+      speechText.lang = 'bn';  // Set language to Bengali
+  
+      speechSynthesisInstance.speak(speechText);
+  
+      document.getElementById('listenButton').innerText = 'Stop';
+      isListening = true;
+    }
+  
+    function stopSpeech() {
+      speechSynthesisInstance.cancel();
+      document.getElementById('listenButton').innerText = 'Listen';
+      isListening = false;
+    }
+    // if(window.location.reload()){
+    //   isListening = false;
+    // }
+  </script>
diff --git a/src/pages/hi/cat/index.astro b/src/pages/hi/cat/index.astro
new file mode 100644
index 0000000..0899829
--- /dev/null
+++ b/src/pages/hi/cat/index.astro
@@ -0,0 +1,29 @@
+---
+import Layout from "../../../layouts/Layout.astro"
+import HICategory from "../../../components/HICategory.vue";
+const postData = { key1: 'value1', key2: 'value2'};
+const options = { method: 'POST', headers: { 'Content-Type': 'application/json', 'Origin': 'https://2024.dev2-cs.siliconpin.com' }, body: JSON.stringify(postData)};
+const response = await fetch('https://apisp.dev2.cicdhosting.com/_dedicated/dwd/get-news/?action=news_hi', options);
+const data = await response.json();
+const news = data;
+// console.log(news);
+---
+<Layout title="">
+    <main>
+        <div>
+            <section class="container mx-auto px-4">
+                <div class="text-[#780a0a] py-6 flex flex-row" id="">
+                    <a id="folder" href="/en"></a> &nbsp;>&nbsp;
+                    <p id="cat"></p>
+                </div>
+                <HICategory client:visible />
+            </section>
+        </div>
+    </main>
+</Layout>
+<script is:inline>
+    let fullURL = window.location.href.split('/');
+    // console.log(fullURL);
+    let folderName = document.getElementById('folder').innerHTML = fullURL[3];
+    let catName = document.getElementById('cat').innerHTML = fullURL[5].split('?cat=')[1]
+</script>
\ No newline at end of file
diff --git a/src/pages/hi/index.astro b/src/pages/hi/index.astro
new file mode 100644
index 0000000..92ec8eb
--- /dev/null
+++ b/src/pages/hi/index.astro
@@ -0,0 +1,71 @@
+---
+import Layout from "../../layouts/Layout.astro";
+const postData = { key1: 'value1', key2: 'value2'};
+const options = { method: 'POST', headers: { 'Content-Type': 'application/json', 'Origin': 'https://2024.dev2-cs.siliconpin.com' }, body: JSON.stringify(postData)};
+const response = await fetch('https://apisp.dev2.cicdhosting.com/_dedicated/dwd/get-news/?action=news_hi', options);
+const data = await response.json();
+const news = data;
+// console.log(news);
+---
+<Layout title="">
+    <main>
+		<section class="container mx-auto px-4">
+			<div class="my-16">
+				<span class="text-[#780a0a] font-bold" id="pageName"></span>
+				<h1 class="text-4xl font-bold border-b-4 border-[#780A0A]">Latest News</h1>
+			</div>
+			<div class="flex flex-row md:justify-center my-10 overflow-x-scroll md:overflow-x-clip">
+				<a href="/hi/cat/?cat=local" class="border-2 border-[#780a0a] py-2.5 px-6 text-lg text-[#780a0a] hover:bg-[#780a0a50] duration-[1s]">Local</a>
+				<a href="/hi/cat/?cat=national" class="border-2 border-[#780a0a] py-2.5 px-6 text-lg text-[#780a0a] hover:bg-[#780a0a50] duration-[1s]">National</a>
+				<a href="/hi/cat/?cat=world" class="border-2 border-[#780a0a] py-2.5 px-6 text-lg text-[#780a0a] hover:bg-[#780a0a50] duration-[1s]">World</a>
+				<a href="/hi/cat/?cat=politics" class="border-2 border-[#780a0a] py-2.5 px-6 text-lg text-[#780a0a] hover:bg-[#780a0a50] duration-[1s]">Politics</a>
+				<a href="/hi/cat/?cat=technology" class="border-2 border-[#780a0a] py-2.5 px-6 text-lg text-[#780a0a] hover:bg-[#780a0a50] duration-[1s]">Technology</a>
+			</div>
+			<div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4">
+				{news.map((items: {id: string | undefined; heading: string | undefined; img: string | undefined; title : string | undefined; content : string | undefined; slug : string | undefined; date_created : string | undefined; in_brief: string | undefined;}) =>
+					<div class="flex flex-col border-2 border-[#780a0a] gap-6 p-4 place-content-between rounded-lg">
+						<div class="flex flex-col">
+							<div class="">
+								<a class="flex flex-col" href={`/hi/${items.slug}`}>
+									<img class="aspect-video rounded-t-lg" src={items.img} alt={items.title} />
+									<h2 class="text-lg text-justify ">{items.title}</h2> 
+								</a>
+							</div>
+							<div>
+								<dialog id={`d-${items.id}`} class="shadow-xl rounded-xl md:w-[50%] xl:w-[30%]">
+									<form method="dialog">
+										<div class="flex flex-col md:flex-col">
+											<a href={`/hi/${items.slug}`} class="flex flex-col md:flex-col">
+												<img class="rounded-t-xl" src={items.img} alt={items.title} />
+												<h1 class="text-lg font-bold">{items.heading} </h1>
+												<h2 class="text-justify ">{items.in_brief}</h2>
+											</a>
+											<div class="flex flex-row place-content-between place-items-center">
+												<div class="flex flex-row place-content-between place-items-center p-2 space-x-6 shadow-lg shadow-gray-400 rounded-2xl">
+													<a class="hover:-translate-y-2 duration-[1s]" href={`whatsapp://send?text=${items.title}%20%0A%20https://barta-india.in/hi/${items.slug}`} data-action="share/whatsapp/share"><img src="/img/whatsapp.svg" alt="WhatsApp Logo"/></a>
+													<a class="hover:-translate-y-2 duration-[1s]" href={`https://www.facebook.com/share.php?u=https://barta-india.in/hi/${items.slug}`} target="_blank"><img src="/img/facebook.svg" alt="Facebook Logo"/></a>                  
+													<a class="hover:-translate-y-2 duration-[1s]" href={`http://www.twitter.com/share?url=https://barta-india.in/hi/${items.slug}&text=${items.title}`} target="_blank"><img src="/img/x.svg" alt="Twitter/X Logo"/></a>
+													<a class="hover:-translate-y-2 duration-[1s]" href={`https://www.linkedin.com/shareArticle?mini=true&url=https://barta-india.in/hi/${items.slug}&title=${items.title}&summary=${items.title}&source=${items.title}`} onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"><img src="/img/link.svg" alt="Linkdin Logo"/></a>
+												</div>
+												<div class="flex border-b-4 border-gray-500 border-t rounded-full  text-3xl hover:rotate-180  duration-[3s]">
+													<button class="text-white font-bold py-2 px-4 bg-[#780a0a] rounded-full shadow-xl" onclick={`document.getElementById('d-${items.id}').close()`}>&#10008;</button>
+												</div>
+											</div>
+										</div>
+									</form>
+								</dialog>
+							</div>
+						</div>
+						<div class="flex flex-row place-content-between">
+							<button onclick={`document.getElementById('d-${items.id}').showModal()`} class="bg-[#780A0A] text-white rounded-md font-bold py-2 px-6">In Brief</button>
+							<a href={`/hi/${items.slug}`} class="bg-[#780A0A] text-white rounded-md font-bold py-2 px-6">Details</a>
+						</div>
+					</div>
+				)}
+				<!-- <a href={`/${items.slug}`} class="bg-[#780A0A] text-white rounded-md font-bold px-6 ">Read More>></a> -->
+                <!-- <p class="">Publish at: <br/> {items.date_created.split(':')[0].split('T')[0]}</p> -->
+
+			</div>
+		</section>		
+	</main>
+</Layout>
diff --git a/src/pages/zh/[id].astro b/src/pages/zh/[id].astro
new file mode 100644
index 0000000..eeafdd1
--- /dev/null
+++ b/src/pages/zh/[id].astro
@@ -0,0 +1,94 @@
+---
+import Layout from "../../layouts/Layout.astro";
+export async function getStaticPaths() {
+    const postData = { key1: 'value1', key2: 'value2'};
+    const options = { method: 'POST', headers: { 'Content-Type': 'application/json', 'Origin': 'https://2024.dev2-cs.siliconpin.com' }, body: JSON.stringify(postData)};
+    const response = await fetch('https://apisp.dev2.cicdhosting.com/_dedicated/dwd/get-news/?action=news_zh', options);
+    const data = await response.json();
+    const finalData = data.map((n: { slug: string | undefined; })=>{
+        return {params: {id:n.slug}}
+    })
+    return finalData;
+}
+const postData = { key1: 'value1', key2: 'value2'};
+const options = { method: 'POST', headers: { 'Content-Type': 'application/json', 'Origin': 'https://2024.dev2-cs.siliconpin.com' }, body: JSON.stringify(postData)};
+const response = await fetch('https://apisp.dev2.cicdhosting.com/_dedicated/dwd/get-news/?action=news_zh', options);
+const data = await response.json();
+const { id } = Astro.params;
+const idx = data.findIndex((n: { slug: string | undefined; }) => n.slug ===id);
+const items  = data[idx];
+// console.log(items)
+---
+<Layout title=""
+            metaTitle={items.meta_title}
+            description={items.meta_description}
+            ogImg={items.img}          
+            tiwtterCard="summary_large_image"
+            tiwtterImage={items.img}
+            tiwtterTitle={items.meta_title}
+            tiwtterDesc={items.meta_description}
+            tiwtterURL=`https://barta-india.in/zh/${items.slug}`
+            artPubTime={items.date_created}
+            ogSiteName=`https://barta-india.in/zh/${items.slug}`
+            ogType='News'
+            ogTitle={items.meta_title}
+            ogDesc={items.meta_description}
+            ogURL=`https://barta-india.in/zh/${items.slug}`>
+    <main>
+        <section class="container mx-auto px-4 mt-16">
+          <div class="flex flex-col justify-center">
+            <div class=""><button onclick="toggleSpeech();" id="listenButton" class="float-right text-white font-bold px-6 py-2 rounded-lg bg-[#780a0a]">Listen</button></div>
+              <h1 id="message1" class="text-3xl font-bold border-b-4 border-[#780A0A]">{items.heading}</h1>
+              <h2 id="message2" class="text-xl py-2">{items.title}</h2>
+              <div class="flex flex-col place-items-center">
+                <img src={items.img} alt={items.title} class="md:w-[40%]" />
+              </div>
+              <div class="flex flex-row justify-center md:justify-end mt-2">
+                <div class="flex flex-row place-items-center p-2 shadow-lg shadow-[#780a0a] border-b-2 border-[#780a0a] rounded-b-2xl w-fit">
+                  <p class="text-xl font-bold text-[#780a0a]">Share on: </p>
+                  <a href=`whatsapp://send?text=${items.title}%20%0A%20https://barta-india.in/zh/${items.slug}` data-action="share/whatsapp/share"><img src="/img/whatsapp.svg" alt="WhatsApp Logo"/></a>
+                  <a href=`https://www.facebook.com/share.php?u=https://barta-india.in/zh/${items.slug}` target="_blank"><img src="/img/facebook.svg" alt="Facebook Logo"/></a>
+                  <a href=`http://www.twitter.com/share?url=https://barta-india.in/zh/${items.slug}&text=%20${items.title}` target="_blank"><img src="/img/x.svg" alt="Twitter/X Logo"/></a>
+                  <a href=`https://www.linkedin.com/shareArticle?mini=true&url=https://barta-india.in/zh/${items.slug}&title=${items.title}&summary=${items.title}&source=${items.title}` onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"><img src="/img/link.svg" alt="Linkdin Logo"/></a>
+                </div>
+              </div>
+              <p class="text-justify  mt-4">{items.content}</p>
+          </div>
+        </section>
+      </main>
+</Layout>
+<script is:inline>
+    let isListening = false;
+    let speechSynthesisInstance = window.speechSynthesis;
+  
+    function toggleSpeech() {
+      if (isListening) {
+        stopSpeech();
+      } else {
+        startSpeech();
+      }
+    }
+  
+    function startSpeech() {
+      let message1 = document.getElementById('message1').innerText;
+      let message2 = document.getElementById('message2').innerText;
+      let allSpeechText = message1 + ' ' + message2;
+  
+      let speechText = new SpeechSynthesisUtterance(allSpeechText);
+      speechText.lang = 'bn';  // Set language to Bengali
+  
+      speechSynthesisInstance.speak(speechText);
+  
+      document.getElementById('listenButton').innerText = 'Stop';
+      isListening = true;
+    }
+  
+    function stopSpeech() {
+      speechSynthesisInstance.cancel();
+      document.getElementById('listenButton').innerText = 'Listen';
+      isListening = false;
+    }
+    // if(window.location.reload()){
+    //   isListening = false;
+    // }
+  </script>
diff --git a/src/pages/zh/cat/index.astro b/src/pages/zh/cat/index.astro
new file mode 100644
index 0000000..5ee9af6
--- /dev/null
+++ b/src/pages/zh/cat/index.astro
@@ -0,0 +1,29 @@
+---
+import Layout from "../../../layouts/Layout.astro"
+import ZHCategory from "../../../components/ZHCategory.vue";
+const postData = { key1: 'value1', key2: 'value2'};
+const options = { method: 'POST', headers: { 'Content-Type': 'application/json', 'Origin': 'https://2024.dev2-cs.siliconpin.com' }, body: JSON.stringify(postData)};
+const response = await fetch('https://apisp.dev2.cicdhosting.com/_dedicated/dwd/get-news/?action=news_zh', options);
+const data = await response.json();
+const news = data;
+// console.log(news);
+---
+<Layout title="">
+    <main>
+        <div>
+            <section class="container mx-auto px-4">
+                <div class="text-[#780a0a] py-6 flex flex-row" id="">
+                    <a id="folder" href="/zh"></a> &nbsp;>&nbsp;
+                    <p id="cat"></p>
+                </div>
+                <ZHCategory client:visible />
+            </section>
+        </div>
+    </main>
+</Layout>
+<script is:inline>
+    let fullURL = window.location.href.split('/');
+    // console.log(fullURL);
+    let folderName = document.getElementById('folder').innerHTML = fullURL[3];
+    let catName = document.getElementById('cat').innerHTML = fullURL[5].split('?cat=')[1]
+</script>
\ No newline at end of file
diff --git a/src/pages/zh/index.astro b/src/pages/zh/index.astro
new file mode 100644
index 0000000..05f4046
--- /dev/null
+++ b/src/pages/zh/index.astro
@@ -0,0 +1,71 @@
+---
+import Layout from "../../layouts/Layout.astro";
+const postData = { key1: 'value1', key2: 'value2'};
+const options = { method: 'POST', headers: { 'Content-Type': 'application/json', 'Origin': 'https://2024.dev2-cs.siliconpin.com' }, body: JSON.stringify(postData)};
+const response = await fetch('https://apisp.dev2.cicdhosting.com/_dedicated/dwd/get-news/?action=news_zh', options);
+const data = await response.json();
+const news = data;
+// console.log(news);
+---
+<Layout title="">
+    <main>
+		<section class="container mx-auto px-4">
+			<div class="my-16">
+				<span class="text-[#780a0a] font-bold" id="pageName"></span>
+				<h1 class="text-4xl font-bold border-b-4 border-[#780A0A]">Latest News</h1>
+			</div>
+			<div class="flex flex-row md:justify-center my-10 overflow-x-scroll md:overflow-x-clip">
+				<a href="/zh/cat/?cat=local" class="border-2 border-[#780a0a] py-2.5 px-6 text-lg text-[#780a0a] hover:bg-[#780a0a50] duration-[1s]">Local</a>
+				<a href="/zh/cat/?cat=national" class="border-2 border-[#780a0a] py-2.5 px-6 text-lg text-[#780a0a] hover:bg-[#780a0a50] duration-[1s]">National</a>
+				<a href="/zh/cat/?cat=world" class="border-2 border-[#780a0a] py-2.5 px-6 text-lg text-[#780a0a] hover:bg-[#780a0a50] duration-[1s]">World</a>
+				<a href="/zh/cat/?cat=politics" class="border-2 border-[#780a0a] py-2.5 px-6 text-lg text-[#780a0a] hover:bg-[#780a0a50] duration-[1s]">Politics</a>
+				<a href="/zh/cat/?cat=technology" class="border-2 border-[#780a0a] py-2.5 px-6 text-lg text-[#780a0a] hover:bg-[#780a0a50] duration-[1s]">Technology</a>
+			</div>
+			<div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4">
+				{news.map((items: {id: string | undefined; heading: string | undefined; img: string | undefined; title : string | undefined; content : string | undefined; slug : string | undefined; date_created : string | undefined; in_brief: string | undefined;}) =>
+					<div class="flex flex-col border-2 border-[#780a0a] gap-6 p-4 place-content-between rounded-lg">
+						<div class="flex flex-col">
+							<div class="">
+								<a class="flex flex-col" href={`/zh/${items.slug}`}>
+									<img class="aspect-video rounded-t-lg" src={items.img} alt={items.title} />
+									<h2 class="text-lg text-justify ">{items.title}</h2> 
+								</a>
+							</div>
+							<div>
+								<dialog id={`d-${items.id}`} class="shadow-xl rounded-xl md:w-[50%] xl:w-[30%]">
+									<form method="dialog">
+										<div class="flex flex-col md:flex-col">
+											<a href={`/zh/${items.slug}`} class="flex flex-col md:flex-col">
+												<img class="rounded-t-xl" src={items.img} alt={items.title} />
+												<h1 class="text-lg font-bold">{items.heading} </h1>
+												<h2 class="text-justify ">{items.in_brief}</h2>
+											</a>
+											<div class="flex flex-row place-content-between place-items-center">
+												<div class="flex flex-row place-content-between place-items-center p-2 space-x-6 shadow-lg shadow-gray-400 rounded-2xl">
+													<a class="hover:-translate-y-2 duration-[1s]" href={`whatsapp://send?text=${items.title}%20%0A%20https://barta-india.in/zh/${items.slug}`} data-action="share/whatsapp/share"><img src="/img/whatsapp.svg" alt="WhatsApp Logo"/></a>
+													<a class="hover:-translate-y-2 duration-[1s]" href={`https://www.facebook.com/share.php?u=https://barta-india.in/zh/${items.slug}`} target="_blank"><img src="/img/facebook.svg" alt="Facebook Logo"/></a>                  
+													<a class="hover:-translate-y-2 duration-[1s]" href={`http://www.twitter.com/share?url=https://barta-india.in/zh/${items.slug}&text=${items.title}`} target="_blank"><img src="/img/x.svg" alt="Twitter/X Logo"/></a>
+													<a class="hover:-translate-y-2 duration-[1s]" href={`https://www.linkedin.com/shareArticle?mini=true&url=https://barta-india.in/zh/${items.slug}&title=${items.title}&summary=${items.title}&source=${items.title}`} onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"><img src="/img/link.svg" alt="Linkdin Logo"/></a>
+												</div>
+												<div class="flex border-b-4 border-gray-500 border-t rounded-full  text-3xl hover:rotate-180  duration-[3s]">
+													<button class="text-white font-bold py-2 px-4 bg-[#780a0a] rounded-full shadow-xl" onclick={`document.getElementById('d-${items.id}').close()`}>&#10008;</button>
+												</div>
+											</div>
+										</div>
+									</form>
+								</dialog>
+							</div>
+						</div>
+						<div class="flex flex-row place-content-between">
+							<button onclick={`document.getElementById('d-${items.id}').showModal()`} class="bg-[#780A0A] text-white rounded-md font-bold py-2 px-6">In Brief</button>
+							<a href={`/zh/${items.slug}`} class="bg-[#780A0A] text-white rounded-md font-bold py-2 px-6">Details</a>
+						</div>
+					</div>
+				)}
+				<!-- <a href={`/${items.slug}`} class="bg-[#780A0A] text-white rounded-md font-bold px-6 ">Read More>></a> -->
+                <!-- <p class="">Publish at: <br/> {items.date_created.split(':')[0].split('T')[0]}</p> -->
+
+			</div>
+		</section>		
+	</main>
+</Layout>

From 90a2fe8d9b3ce49268157f0b5d0e1fcd3d3956f5 Mon Sep 17 00:00:00 2001
From: dev sp <dev2@ns1.cicdhosting.com>
Date: Fri, 16 Feb 2024 12:38:40 +0000
Subject: [PATCH 10/12] change

---
 src/pages/bn/cat/index.astro | 2 +-
 src/pages/es/cat/index.astro | 2 +-
 src/pages/hi/cat/index.astro | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/pages/bn/cat/index.astro b/src/pages/bn/cat/index.astro
index 96194aa..6cd731b 100644
--- a/src/pages/bn/cat/index.astro
+++ b/src/pages/bn/cat/index.astro
@@ -13,7 +13,7 @@ const news = data;
         <div>
             <section class="container mx-auto px-4">
                 <div class="text-[#780a0a] py-6 flex flex-row" id="">
-                    <a id="folder" href="/en"></a> &nbsp;>&nbsp;
+                    <a id="folder" href="/bn"></a> &nbsp;>&nbsp;
                     <p id="cat"></p>
                 </div>
                 <BNCategory client:visible />
diff --git a/src/pages/es/cat/index.astro b/src/pages/es/cat/index.astro
index 1d7e958..a02c758 100644
--- a/src/pages/es/cat/index.astro
+++ b/src/pages/es/cat/index.astro
@@ -13,7 +13,7 @@ const news = data;
         <div>
             <section class="container mx-auto px-4">
                 <div class="text-[#780a0a] py-6 flex flex-row" id="">
-                    <a id="folder" href="/zh"></a> &nbsp;>&nbsp;
+                    <a id="folder" href="/es"></a> &nbsp;>&nbsp;
                     <p id="cat"></p>
                 </div>
                 <ESCategory client:visible />
diff --git a/src/pages/hi/cat/index.astro b/src/pages/hi/cat/index.astro
index 0899829..9dbd362 100644
--- a/src/pages/hi/cat/index.astro
+++ b/src/pages/hi/cat/index.astro
@@ -13,7 +13,7 @@ const news = data;
         <div>
             <section class="container mx-auto px-4">
                 <div class="text-[#780a0a] py-6 flex flex-row" id="">
-                    <a id="folder" href="/en"></a> &nbsp;>&nbsp;
+                    <a id="folder" href="/hi"></a> &nbsp;>&nbsp;
                     <p id="cat"></p>
                 </div>
                 <HICategory client:visible />

From 10e2829ced54e09c560ab2242db85db3d28a571b Mon Sep 17 00:00:00 2001
From: dev sp <dev2@ns1.cicdhosting.com>
Date: Fri, 16 Feb 2024 16:31:31 +0000
Subject: [PATCH 11/12] change

---
 src/pages/tmp/weather.astro | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)
 create mode 100644 src/pages/tmp/weather.astro

diff --git a/src/pages/tmp/weather.astro b/src/pages/tmp/weather.astro
new file mode 100644
index 0000000..1fee366
--- /dev/null
+++ b/src/pages/tmp/weather.astro
@@ -0,0 +1,23 @@
+---
+import Layout from "../../layouts/Layout.astro";
+---
+<Layout title="">
+    <main>
+        <div>
+            <section class="container mx-auto px-4">
+                <div>
+                    <button onclick="getWeather();">Get Data</button>
+                </div>
+            </section>
+        </div>
+    </main>
+</Layout>
+<script is:inline>
+    function getWeather(){
+        fetch(`https://apisp.dev2.cicdhosting.com/_dedicated/dwd/runner/weather/openweathermap/`)
+        .then(data => data.json())
+        .then(data => {
+            console.log(data)
+        })
+    }
+</script>
\ No newline at end of file

From 12c6a9584cafd2ce5d3772aaeda8d233469379f8 Mon Sep 17 00:00:00 2001
From: dev sp <dev2@ns1.cicdhosting.com>
Date: Sat, 17 Feb 2024 07:38:29 +0000
Subject: [PATCH 12/12] last worked in weather API

---
 public/sitemap.xml                | 920 +++++++++++++++++++++++-------
 src/components/MainHeader.astro   |   4 +-
 src/components/MainHeaderBN.astro |   2 +-
 src/pages/tmp/weather.astro       |   2 +-
 src/pages/weather.astro           |   2 +-
 5 files changed, 725 insertions(+), 205 deletions(-)

diff --git a/public/sitemap.xml b/public/sitemap.xml
index b9a059f..55cb289 100644
--- a/public/sitemap.xml
+++ b/public/sitemap.xml
@@ -8,360 +8,880 @@
 
 
 <url>
-  <loc>http://barta-india.in/</loc>
-  <lastmod>2024-01-12T16:29:37+00:00</lastmod>
+  <loc>https://barta-india.in/</loc>
+  <lastmod>2024-02-16T14:05:06+00:00</lastmod>
   <priority>1.00</priority>
 </url>
 <url>
-  <loc>http://barta-india.in/bn/</loc>
-  <lastmod>2024-01-12T16:29:46+00:00</lastmod>
+  <loc>https://barta-india.in/bn/</loc>
+  <lastmod>2024-02-16T14:06:01+00:00</lastmod>
   <priority>0.80</priority>
 </url>
 <url>
-  <loc>http://barta-india.in/national/</loc>
-  <lastmod>2024-01-12T16:29:40+00:00</lastmod>
+  <loc>https://barta-india.in/national/</loc>
+  <lastmod>2024-02-16T14:05:08+00:00</lastmod>
   <priority>0.80</priority>
 </url>
 <url>
-  <loc>http://barta-india.in/politics/</loc>
-  <lastmod>2024-01-12T16:29:42+00:00</lastmod>
+  <loc>https://barta-india.in/politics/</loc>
+  <lastmod>2024-02-16T14:05:19+00:00</lastmod>
   <priority>0.80</priority>
 </url>
 <url>
-  <loc>http://barta-india.in/local/</loc>
-  <lastmod>2024-01-12T16:29:43+00:00</lastmod>
+  <loc>https://barta-india.in/local/</loc>
+  <lastmod>2024-02-16T14:06:00+00:00</lastmod>
   <priority>0.80</priority>
 </url>
 <url>
-  <loc>http://barta-india.in/technology/</loc>
-  <lastmod>2024-01-12T16:29:38+00:00</lastmod>
+  <loc>https://barta-india.in/technology/</loc>
+  <lastmod>2024-02-16T14:05:07+00:00</lastmod>
   <priority>0.80</priority>
 </url>
 <url>
-  <loc>http://barta-india.in/contact/</loc>
-  <lastmod>2024-01-12T16:29:43+00:00</lastmod>
+  <loc>https://barta-india.in/contact/</loc>
+  <lastmod>2024-02-16T14:05:22+00:00</lastmod>
   <priority>0.80</priority>
 </url>
 <url>
-  <loc>http://barta-india.in/flipkart-is-offering-the-iphone15-for-rs68999-see-how-the-deal-works/</loc>
-  <lastmod>2024-01-12T16:30:26+00:00</lastmod>
+  <loc>https://barta-india.in/google-introduces-a-paid-subscription-service-with-gemini-ai-formerly-known-as-bard-chatbot/</loc>
+  <lastmod>2024-02-16T14:06:31+00:00</lastmod>
   <priority>0.80</priority>
 </url>
 <url>
-  <loc>http://barta-india.in/first-t20-ibetween-new-zealandand-pakistan-finn-allen-hits-shaheen-afridi-for-24-runs-in-an-over-setting-a-record-for-the-mos-texpensive-over-in-t20-ihistory/</loc>
-  <lastmod>2024-01-12T16:30:26+00:00</lastmod>
+  <loc>https://barta-india.in/this-month-saud-the-foreign-minister-of-nepal-will-visit-india/</loc>
+  <lastmod>2024-02-16T14:06:31+00:00</lastmod>
   <priority>0.80</priority>
 </url>
 <url>
-  <loc>http://barta-india.in/west-bengal-minister-sujit-boseshomeisraidedbythe-ed-due-to-a-municipal-jobs-fraud/</loc>
-  <lastmod>2024-01-12T16:30:25+00:00</lastmod>
+  <loc>https://barta-india.in/indias-4-5-billion-dollar-investment-plan-is-unveiled-by-uaes-adia-through-gujarats-finance-hub/</loc>
+  <lastmod>2024-02-16T14:06:30+00:00</lastmod>
   <priority>0.80</priority>
 </url>
 <url>
-  <loc>http://barta-india.in/in-advance-of-the-ayodhya-ram-mandir-consecration-ceremony-pm-modi-starts-an11-day-anushthan/</loc>
-  <lastmod>2024-01-12T16:30:25+00:00</lastmod>
+  <loc>https://barta-india.in/with-the-support-of-business-finland-finnish-companies-are-expanding-into-the-thriving-indian-market/</loc>
+  <lastmod>2024-02-16T14:06:30+00:00</lastmod>
   <priority>0.80</priority>
 </url>
 <url>
-  <loc>http://barta-india.in/be-at-ease-everything-will-work-out-this-is-nitish-kumar-most-recent-assurancere-garding-seat-sharingin-bihar/</loc>
-  <lastmod>2024-01-12T16:30:24+00:00</lastmod>
+  <loc>https://barta-india.in/brother-shehbaz-says-that-if-the-pml-n-wins-a-majority-nawaz-sharif-would-become-prime-minister/</loc>
+  <lastmod>2024-02-16T14:06:30+00:00</lastmod>
   <priority>0.80</priority>
 </url>
 <url>
-  <loc>http://barta-india.in/in-manipur-four-villagers-were-kidnappedand-killedby-suspected-kuki-militants-including-father-son/</loc>
-  <lastmod>2024-01-12T16:30:24+00:00</lastmod>
+  <loc>https://barta-india.in/rbi-maintains-6-point-5-percent-repo-rateforthe-sixth-time-fy-24percent-gdp-is-maintained-at-7percent-inflation-is-projectedat5-poin-4percent/</loc>
+  <lastmod>2024-02-16T14:06:29+00:00</lastmod>
   <priority>0.80</priority>
 </url>
 <url>
-  <loc>http://barta-india.in/mamata-banerjee-invites-pm-modi-to-visit-ganga-sagar-mela-despite-differences/</loc>
-  <lastmod>2024-01-12T16:30:23+00:00</lastmod>
+  <loc>https://barta-india.in/although-us-sees-potentialfor-improvement-israeli-pm-netanyahu-labels-hamas-ceasefire-proposal-delusional/</loc>
+  <lastmod>2024-02-16T14:06:29+00:00</lastmod>
   <priority>0.80</priority>
 </url>
 <url>
-  <loc>http://barta-india.in/mamata-banerjee-rejects-one-nation-one-election-writing-to-the-kovind-led-panel-that-it/</loc>
-  <lastmod>2024-01-12T16:30:22+00:00</lastmod>
+  <loc>https://barta-india.in/before-chinese-new-year-millions-of-peoples-travels-are-disrupted-by-snow-and-ice/</loc>
+  <lastmod>2024-02-16T14:06:29+00:00</lastmod>
   <priority>0.80</priority>
 </url>
 <url>
-  <loc>http://barta-india.in/article/</loc>
+  <loc>https://barta-india.in/hanuman-spotted-followingthe-ayodhya-inauguration-monkeys-visit-ram-temples/</loc>
+  <lastmod>2024-02-16T14:06:28+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/today-pm-narendra-modi-will-respond-in-the-rajya-sabha-to-the-motion-of-thanks/</loc>
+  <lastmod>2024-02-16T14:06:28+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/indias-14-billion-budget-proposal-for-jammu-and-kashmir-dwarfs-pakistans-3-billion-imf-bailout/</loc>
+  <lastmod>2024-02-16T14:06:28+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/after-divorcing-shoaib-malik-sania-mirza-shares-another-cryptic-instagram-story-see-inside/</loc>
+  <lastmod>2024-02-16T14:06:28+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/who-is-maulana-mufti-salman-azhari-who-was-arrested-in-a-hate-speech-caseby-gujarat-ats/</loc>
+  <lastmod>2024-02-16T14:06:27+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/hearing-on-the-muslim-sides-plea-in-the-gyanvapi-case-today-at-the-allahabad-high-court/</loc>
+  <lastmod>2024-02-16T14:06:27+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/third-deadliest-wildfire-of-the-century-struck-chile-killing-122-people/</loc>
+  <lastmod>2024-02-16T14:06:27+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/after-meeting-with-netanyahu-the-french-minister-declared-that-israeli-settler-violence-against-palestinians-must-stop/</loc>
+  <lastmod>2024-02-16T14:06:26+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/since-gaining-independence-senegal-has-never-experienced-a-coup-willthe-presidential-polls-delay-affect-that/</loc>
+  <lastmod>2024-02-16T14:06:26+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/chinasaidthat-russia-is-deliberately-trying-to-create-war-china-also-says-the-us-is-destroying-peace-in-west-asia/</loc>
+  <lastmod>2024-02-16T14:06:26+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/prince-harry-will-meet-king-charles-with-a-royal-interview-after-the-king-was-diagnosed-with-cancer/</loc>
+  <lastmod>2024-02-16T14:06:25+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/a-new-political-party-associated-with-the-banned-outfitof-mumbai-attacks-mastermind-hafiz-saeed-enters-pakistani-elections/</loc>
+  <lastmod>2024-02-16T14:06:25+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/denver-airport-walkway-swallows-pilots-foot-injuries-him-maker-sues/</loc>
+  <lastmod>2024-02-16T14:06:25+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/the-us-senate-unveilsa118-billion-bill-that-combines-aidfor-israeland-ukrainewith-border-policies/</loc>
+  <lastmod>2024-02-16T14:06:25+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/before-may10-indian-troops-will-depart-the-maldives-says-prez-muizzuin-first-parliamentary-address/</loc>
+  <lastmod>2024-02-16T14:06:24+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/deadliest-forest-firesin-chile112-deadinthe-deadliest-catastrophe-sincethe2010-earthquake/</loc>
+  <lastmod>2024-02-16T14:06:24+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/gyanvapi-case-todays-scientific-surveyof-shivalinga-plea-will-be-heardby-supreme-court/</loc>
+  <lastmod>2024-02-16T14:06:24+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/conflict-regarding-mehrauli-mosque-demolition-dda-allegation-differs-from-asi-document/</loc>
+  <lastmod>2024-02-16T14:06:23+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/pakistan-terrorist-attackon-police-stationin-dera-leaves-ten-deadand-six-injured/</loc>
+  <lastmod>2024-02-16T14:06:23+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/poonam-pandey-is-a-live-see-actress-stages-her-death-to-draw-attention-to-cervical-cancer/</loc>
+  <lastmod>2024-02-16T14:06:23+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/do-you-think-poonam-pandey-is-dead-there-has-been-no-formal-statement-from-the-family-or-authorities-yet/</loc>
+  <lastmod>2024-02-16T14:06:22+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/yashasvi-jaiswal-a-future-test-master-who-will-give-team-india-a-sehwag-like-approach/</loc>
+  <lastmod>2024-02-16T14:06:22+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/doesthe-indi-alliances-game-end-attacking-congress-mamata-banerjee-claims-that-the-party-wont-get-even-40-seats-in-ls-polls/</loc>
+  <lastmod>2024-02-16T14:06:22+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/probable-playing-elevens-for-indiavs-englands-second-test-will-rohit-sharma-support-sarfaraz-khan-washington-sundar-for-a-potential-rank-turner-at-vizag/</loc>
+  <lastmod>2024-02-16T14:06:21+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/live-streaming-of-al-nassrvs-inter-miami-riyadh-seasons-cup-no-cristiano-ronaldo-find-out-where-whenand-howto-watch-lionel-messis-match-liveon-tv-laptopand-mobile-apps/</loc>
+  <lastmod>2024-02-16T14:06:21+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/ce-oof-facebookand-instagram-mark-zuckerberg-has-apologized-to-the-united-statesfor-thi-sreason-however-what-about-india/</loc>
+  <lastmod>2024-02-16T14:06:21+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/breaking-following-the-approval-of-the-varanasi-court-a-puja-was-performed-at-gyanvapis-vyas-parivar-tehkhana-this-is-the-first-image/</loc>
+  <lastmod>2024-02-16T14:06:21+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/updates-on-the-budget-the-new-income-tax-slabs-for-2024-25-staythe-same/</loc>
+  <lastmod>2024-02-16T14:06:20+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/following-the-formation-of-a-new-government-we-will-present-a-full-budget-pm-narendra-modi/</loc>
+  <lastmod>2024-02-16T14:06:20+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/parliaments-budget-session-president-murmu-says-indian-forces-are-responding-to-terrorism-appropriately/</loc>
+  <lastmod>2024-02-16T14:06:20+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/bollywood-stars-disha-patani-to-kriti-kharbanda-professional-beachwear-outfit-inspiration/</loc>
+  <lastmod>2024-02-16T14:06:19+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/moon-is-shrinking-new-research-alerts-usto-more-landslidesand-moonshakesin-its-south-pole/</loc>
+  <lastmod>2024-02-16T14:06:19+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/ed-interrogates-lalu-yadav-for-nine-hours-in-land-regarding-jobs-case-rjd-claims-pm-modi-is-terrified/</loc>
+  <lastmod>2024-02-16T14:06:19+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/rahul-dravid-says-we-didnt-get-a-in-his-admission-that-india-made-a-major-error-in-their-first-test-loss-to-england/</loc>
+  <lastmod>2024-02-16T14:06:19+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/in-dvs-eng-ahamstring-injury-makes-ravindra-jadeja-doubtful-for-the-second-test-against-england/</loc>
+  <lastmod>2024-02-16T14:06:18+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/pariksha-pe-charcha-prime-minister-modi-engages-with-exam-warriorsat-bharat-mandapamin-delhi/</loc>
+  <lastmod>2024-02-16T14:06:18+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/sports-france-assures-support-for-indias-olympic-games-bid/</loc>
+  <lastmod>2024-02-16T14:06:18+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/politics-in-bihar-are-chaos-as-nitish-kumar-is-expected-to-take-the-oath-of-office-tomorrow-with-bjp-backing-him/</loc>
+  <lastmod>2024-02-16T14:06:17+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/isthe-un-ableto-stepin-when-pakistan-knocks-on-the-door-regarding-the-ayodhya-ram-temple/</loc>
+  <lastmod>2024-02-16T14:06:17+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/review-of-karmma-calling-karmma-lacks-sting-raveena-tandon-savesthe-show/</loc>
+  <lastmod>2024-02-16T14:06:17+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/ina-republic-daymessage-vladimir-putinof-russiapraises-prime-minister-modi-and-indias-independent-foreign-policy/</loc>
+  <lastmod>2024-02-16T14:06:16+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/venkaiah-naidu-chiranjeevi-and-vyjayantimala-are-among-the-132-recipients-of-the-padma-awards-2024-view-the-full-list/</loc>
+  <lastmod>2024-02-16T14:06:16+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/republic-day-2024-parade-indias-military-power-to-be-displayed-with-french-president-as-chief-guest-key-details/</loc>
+  <lastmod>2024-02-16T14:06:16+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/netaji-boses-2024-jayanti-top-few-inspiring-quotes-on-his-birthday/</loc>
+  <lastmod>2024-02-16T14:06:16+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/why-did-akhilesh-grant-jayant-seven-seats-while-charu-will-also-run-for-office-understand-the-answers-to-these-four-alliance-related-questions/</loc>
+  <lastmod>2024-02-16T14:06:15+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/union-home-minister-amit-shahdeclared-in-assamthat-lord-ramreturnedhomeafter550yearsofbadtimes/</loc>
+  <lastmod>2024-02-16T14:06:15+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/600-burmese-soldiers-enter-india-amid-crisis-mizoram-chief-minister-requests-intervention-from-center/</loc>
+  <lastmod>2024-02-16T14:06:15+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/asaduddin-owaisi-babri-masjid-taken-from-muslims-very-systematically/</loc>
+  <lastmod>2024-02-16T14:06:14+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/following-split-from-sania-mirza-shoaib-malik-remarries-and-shares-a-picture-of-himself-with-his-second-wife-on-instagram/</loc>
+  <lastmod>2024-02-16T14:06:14+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/explained-the-historyof-balochistan-and-tensions-along-the-pakistan-iran-border/</loc>
+  <lastmod>2024-02-16T14:06:14+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/began-as-a-background-dancer-and-artist-as-a-child-today-she-is-best-friends-with-famous-bollywood-actresses-like-kiara-deepika/</loc>
+  <lastmod>2024-02-16T14:06:14+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/when-the-israeli-soldiers-head-was-put-up-forauction-by-hamas-the-soldiers-father-voiced-his-sorrow-and-declared-this-is-barbarism/</loc>
+  <lastmod>2024-02-16T14:06:13+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/whenthe-estate-directorate-team-arrived-at-mahuas-government-residence-the-officer-stated-that-they-were-there-to-vacate/</loc>
+  <lastmod>2024-02-16T14:06:13+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/ayodhya-ram-mandir-before-it-was-dedicated-what-else-did-followers-of-ramsayin-ayodhya-ready-to-sacrifice-my-life-for-modi/</loc>
+  <lastmod>2024-02-16T16:32:34+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/notice-to-facebook-youtube-to-dhirendra-shastri/</loc>
+  <lastmod>2024-02-16T16:32:33+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/puri-thousands-of-people-attended-the-launch-of-the-rs-800-crore-srimandir-parikrama-project-and-the-cultural-corridor-surrounding-the-jagannath-shrine/</loc>
+  <lastmod>2024-02-16T16:32:33+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/there-are-four-days-remaining-till-ram-mandir-opens-and-today-the-sanctum-sanctorum-will-host-ramlalas-architectural-figure/</loc>
+  <lastmod>2024-02-16T16:32:33+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/by-2025-when-the-sun-reaches-solar-maximum-there-will-probably-be-a-worldwide-internet-outage/</loc>
+  <lastmod>2024-02-16T16:32:32+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/weather-alert-a-warning-has-been-issued-for-any-district-due-to-heavy-winter-rains/</loc>
+  <lastmod>2024-02-16T16:32:32+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/tmc-congress-seat-sharing-tm-csdemandto-congresswas-will-not-join-nyay-yatra-until-seat-sharing-formula-is-decided/</loc>
+  <lastmod>2024-02-16T16:32:31+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/flying-turns-become-a-headache-traveler-trapped-in-aircraft-lavatory-spent-entire-trip-sitting-on-commoded/</loc>
+  <lastmod>2024-02-16T16:32:31+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/r-praggnanandhaa-r-praggnanandhaa-overcame-ding-liren-the-world-champion-and-also-overthrew-vishwanathan-anand/</loc>
+  <lastmod>2024-02-16T16:32:31+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/manipur-violence-manipur-violence-has-returned-kuki-militants-murdered-cdo-after-attacking-security-personnel-and-hurling-bombs-at-a-police-check-point/</loc>
+  <lastmod>2024-02-16T16:32:30+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/mahuas-government-bungalow-is-going-to-be-taken-after-mp-noticeto-center-please-leave-immediately-or-face-for-cible-eviction/</loc>
+  <lastmod>2024-02-16T16:32:30+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/shaurya-the-namibian-cheetah-diesin-kuno-madhya-pradesh-becoming-the-tenth-death-in-the-national-park/</loc>
+  <lastmod>2024-02-16T16:32:30+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/lord-ram-is-a-symbol-of-good-governance-andhra-pradesh-pm-modi-said/</loc>
+  <lastmod>2024-02-16T16:32:29+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/bjp-rss-event-focused-on-pm-modi-rahul-gandhi-dismissesthe-pran-pratishtha-ceremonyat-ayodhya-ram-mandir/</loc>
+  <lastmod>2024-02-16T16:32:29+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/indias-growing-presence-in-international-politics-how-pm-modis-call-with-putin-and-jaishankars-visit-to-iran-are-changing-storylines/</loc>
+  <lastmod>2024-02-16T16:32:29+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/hrithik-roshanand-deepika-padukones-fighter-trailer-has-fans-praising-it-and-calling-it-pure-goosebumps/</loc>
+  <lastmod>2024-02-16T16:32:28+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/retail-inflation-rate-due-to-the-sharp-increase-in-the-cost-of-dal-and-vegetables-this-is-the-greatest-rate-of-retail-inflation-in-the-previous-four-months-rice/</loc>
+  <lastmod>2024-02-16T16:32:28+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/mahasamaroh-is-located-near-the-ayodhya-ram-mandir-but-when-will-the-300-year-old-mahishadal-temple-be-restored/</loc>
+  <lastmod>2024-02-16T16:32:28+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/three-monks-were-lynched-in-purulia-after-being-suspected-of-kidnapping-12-arrested-palghar-bj-praises-the-matter/</loc>
+  <lastmod>2024-02-16T16:32:27+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/anurag-tagore-is-being-targeted-by-the-statement-west-bengal-government-shelters-corrupt-people-in-kolkata/</loc>
+  <lastmod>2024-02-16T16:32:27+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/launch-of-the-ram-mandir-how-does-the-ramayan-actor-feel-about-getting-invited-to-the-launch-of-the-ram-mandir/</loc>
+  <lastmod>2024-02-16T16:32:27+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/flipkart-is-offering-the-iphone15/</loc>
+  <lastmod>2024-02-16T16:32:26+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/first-t20-ibetween-new-zealandand-pakistan-finn-allen-hits-shaheen-afridi-for-24-runs-in-an-over-setting-a-record-for-the-mos-texpensive-over-in-t20-ihistory/</loc>
+  <lastmod>2024-02-16T16:32:26+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/west-bengal-minister-sujit-boseshomeisraidedbythe-ed-due-to-a-municipal-jobs-fraud/</loc>
+  <lastmod>2024-02-16T16:32:26+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/in-advance-of-the-ayodhya-ram-mandir-consecration-ceremony-pm-modi-starts-an11-day-anushthan/</loc>
+  <lastmod>2024-02-16T16:32:25+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/be-at-ease-everything-will-work-out-this-is-nitish-kumar-most-recent-assurancere-garding-seat-sharingin-bihar/</loc>
+  <lastmod>2024-02-16T16:32:25+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/in-manipur-four-villagers-were-kidnappedand-killedby-suspected-kuki-militants-including-father-son/</loc>
+  <lastmod>2024-02-16T16:32:25+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/mamata-banerjee-invites-pm-modi-to-visit-ganga-sagar-mela-despite-differences/</loc>
+  <lastmod>2024-02-16T16:32:24+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/mamata-banerjee-rejects-one-nation-one-election-writing-to-the-kovind-led-panel-that-it/</loc>
+  <lastmod>2024-02-16T16:32:24+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/article/</loc>
   <lastmod>2024-01-12T06:57:29+00:00</lastmod>
   <priority>0.80</priority>
 </url>
 <url>
-  <loc>http://barta-india.in/terms-and-conditions/</loc>
-  <lastmod>2024-01-12T16:29:37+00:00</lastmod>
+  <loc>https://barta-india.in/terms-and-conditions/</loc>
+  <lastmod>2024-02-16T16:31:22+00:00</lastmod>
   <priority>0.80</priority>
 </url>
 <url>
-  <loc>http://barta-india.in/privacy-policy/</loc>
-  <lastmod>2024-01-12T16:29:37+00:00</lastmod>
+  <loc>https://barta-india.in/privacy-policy/</loc>
+  <lastmod>2024-02-16T16:31:22+00:00</lastmod>
   <priority>0.80</priority>
 </url>
 <url>
-  <loc>http://barta-india.in/bn/national/</loc>
-  <lastmod>2024-01-12T16:29:49+00:00</lastmod>
+  <loc>https://barta-india.in/bn/cat/?cat=local</loc>
+  <lastmod>2024-02-16T16:32:21+00:00</lastmod>
   <priority>0.64</priority>
 </url>
 <url>
-  <loc>http://barta-india.in/bn/politics/</loc>
-  <lastmod>2024-01-12T16:29:57+00:00</lastmod>
+  <loc>https://barta-india.in/bn/cat/?cat=national</loc>
+  <lastmod>2024-02-16T16:32:21+00:00</lastmod>
   <priority>0.64</priority>
 </url>
 <url>
-  <loc>http://barta-india.in/bn/local/</loc>
-  <lastmod>2024-01-12T16:30:00+00:00</lastmod>
+  <loc>https://barta-india.in/bn/cat/?cat=world</loc>
+  <lastmod>2024-02-16T16:32:21+00:00</lastmod>
   <priority>0.64</priority>
 </url>
 <url>
-  <loc>http://barta-india.in/bn/technology/</loc>
-  <lastmod>2024-01-12T16:29:47+00:00</lastmod>
+  <loc>https://barta-india.in/bn/cat/?cat=politics</loc>
+  <lastmod>2024-02-16T16:32:21+00:00</lastmod>
   <priority>0.64</priority>
 </url>
 <url>
-  <loc>http://barta-india.in/bn/shuvendu-adhikari-responding-to-eds-harassment-says-start-packing-bags-keep-winter-stuff-too/</loc>
-  <lastmod>2024-01-12T16:30:21+00:00</lastmod>
+  <loc>https://barta-india.in/bn/cat/?cat=technology</loc>
+  <lastmod>2024-02-16T16:32:21+00:00</lastmod>
   <priority>0.64</priority>
 </url>
 <url>
-  <loc>http://barta-india.in/bn/mercury-fell-before-makar-sankranti-what-is-the-temperature-of-kolkata-now/</loc>
-  <lastmod>2024-01-12T16:30:21+00:00</lastmod>
+  <loc>https://barta-india.in/bn/indonesian-presidential-contender-prabowo-projected-to-win-in-single-round/</loc>
+  <lastmod>2024-02-16T16:32:21+00:00</lastmod>
   <priority>0.64</priority>
 </url>
 <url>
-  <loc>http://barta-india.in/bn/india-vs-afghanistan-ind-vs-afg-1st-t20-ilive-cricket-scorecard-updates-team-indiaface-afghanistanin-mohali/</loc>
-  <lastmod>2024-01-12T16:30:19+00:00</lastmod>
+  <loc>https://barta-india.in/bn/leonardo-dicaprio-urges-end-to-native-forest-logging-in-australia-to-protect-swift-parrot-habitat/</loc>
+  <lastmod>2024-02-16T16:32:21+00:00</lastmod>
   <priority>0.64</priority>
 </url>
 <url>
-  <loc>http://barta-india.in/bn/sonu-sood-released-his-new-film-fateh-gift-which-is-a-tribute-to-cybercrime-victims/</loc>
-  <lastmod>2024-01-12T16:30:18+00:00</lastmod>
+  <loc>https://barta-india.in/bn/controversy-surrounding-andra-days-performance-of-the-black-national-anthem-at-super-bowl-lviii/</loc>
+  <lastmod>2024-02-16T16:32:21+00:00</lastmod>
   <priority>0.64</priority>
 </url>
 <url>
-  <loc>http://barta-india.in/bn/finance-minister-nirmala-sitharaman-is-al-lset-to-present-the-interim-budgeton-february1/</loc>
-  <lastmod>2024-01-12T16:30:18+00:00</lastmod>
+  <loc>https://barta-india.in/bn/effective-lessons-for-classroom-and-homeschool/</loc>
+  <lastmod>2024-02-16T16:32:21+00:00</lastmod>
   <priority>0.64</priority>
 </url>
 <url>
-  <loc>http://barta-india.in/bn/personally-dasand-rbi-as-an-institution-are-opposed-to-private-cryptocurrencies-on-the-grounds-that-they-pose-tremendous-threat-to-the-financial-stability/</loc>
-  <lastmod>2024-01-12T16:30:16+00:00</lastmod>
+  <loc>https://barta-india.in/bn/australian-prime-minister-anthony-albanese-gets-engaged/</loc>
+  <lastmod>2024-02-16T16:32:21+00:00</lastmod>
   <priority>0.64</priority>
 </url>
 <url>
-  <loc>http://barta-india.in/bn/chandigarh-jaipur-earthquake-residentsin-chandigarh-jaipur-delhi-gurugram-noida-and-surrounding-are-as-felt-mild-tremors/</loc>
-  <lastmod>2024-01-12T16:30:15+00:00</lastmod>
+  <loc>https://barta-india.in/bn/pakistan-tehreek-insaaf-nominates-omar-ayub-as-prime-minister-candidate/</loc>
+  <lastmod>2024-02-16T16:32:21+00:00</lastmod>
   <priority>0.64</priority>
 </url>
 <url>
-  <loc>http://barta-india.in/bn/the-stamp-bear-stheyear-2024-in-vikram-samvatthe-hindu-calendar-thatis-followed-in-nepal-and-some-parts-of-india/</loc>
-  <lastmod>2024-01-12T16:30:14+00:00</lastmod>
+  <loc>https://barta-india.in/bn/prosecutor-urges-supreme-court-to-reject-trumps-delay-request/</loc>
+  <lastmod>2024-02-16T16:32:21+00:00</lastmod>
   <priority>0.64</priority>
 </url>
 <url>
-  <loc>http://barta-india.in/bn/watchthe29th-critics-choice-awards-liv-eon-lionsgate-playon15th-january-2023/</loc>
-  <lastmod>2024-01-12T16:30:14+00:00</lastmod>
+  <loc>https://barta-india.in/bn/kansas-city-super-bowl-celebration-ends-in-shooting/</loc>
+  <lastmod>2024-02-16T16:32:21+00:00</lastmod>
   <priority>0.64</priority>
 </url>
 <url>
-  <loc>http://barta-india.in/bn/raptee-energy-showcases-high-voltage-electric-motorcycle-at-global-investors-meet2024/</loc>
-  <lastmod>2024-01-12T16:30:13+00:00</lastmod>
+  <loc>https://barta-india.in/bn/maharashtra-assembly-speaker-pronounces-verdict-in-ncp-faction-disqualification-petitions/</loc>
+  <lastmod>2024-02-16T16:32:21+00:00</lastmod>
   <priority>0.64</priority>
 </url>
 <url>
-  <loc>http://barta-india.in/bn/high-traar-queen-whois-mallika-srinivasan-1000-cror-erevenue-company-sanswer-trailblazer-woman/</loc>
-  <lastmod>2024-01-12T16:30:12+00:00</lastmod>
+  <loc>https://barta-india.in/bn/victims-of-jeffrey-epstein-sue-fbi-over-failure-to-investigate-abuse/</loc>
+  <lastmod>2024-02-16T16:32:21+00:00</lastmod>
   <priority>0.64</priority>
 </url>
 <url>
-  <loc>http://barta-india.in/bn/after-galwan-china-admits-india-is-no-longer-a-weak-nation-rajnath-singh/</loc>
-  <lastmod>2024-01-12T16:30:12+00:00</lastmod>
+  <loc>https://barta-india.in/bn/donald-trumps-recent-mixing-up-of-names-was-intentional/</loc>
+  <lastmod>2024-02-16T16:32:21+00:00</lastmod>
   <priority>0.64</priority>
 </url>
 <url>
-  <loc>http://barta-india.in/bn/flipkart-republic-day-big-deal-sale-2024-date-announced-know-the-offers-on-smartphones/</loc>
-  <lastmod>2024-01-12T16:30:11+00:00</lastmod>
+  <loc>https://barta-india.in/bn/sonia-gandhi-writes-emotional-letter-to-constituents-wont-contest-2024-polls/</loc>
+  <lastmod>2024-02-16T16:32:21+00:00</lastmod>
   <priority>0.64</priority>
 </url>
 <url>
-  <loc>http://barta-india.in/bn/polycab-india-shares-jump-after-cable-and-wire-craftsman-denies-tax-evasion-reports/</loc>
-  <lastmod>2024-01-12T16:30:10+00:00</lastmod>
+  <loc>https://barta-india.in/bn/mamata-banerjee-accuses-bjp-of-inciting-trouble-in-sandeshkhali/</loc>
+  <lastmod>2024-02-16T16:32:21+00:00</lastmod>
   <priority>0.64</priority>
 </url>
 <url>
-  <loc>http://barta-india.in/bn/government-plan-that-empower-women-making-them-economically-strong/</loc>
-  <lastmod>2024-01-12T16:30:10+00:00</lastmod>
+  <loc>https://barta-india.in/bn/poll-20-of-americans-believe-taylor-swift-conspiracy-theory/</loc>
+  <lastmod>2024-02-16T16:32:21+00:00</lastmod>
   <priority>0.64</priority>
 </url>
 <url>
-  <loc>http://barta-india.in/bn/kolkata-accident-audi-car-collided-with-van-allegedly-rude-behave-with-police-after-being-detained/</loc>
-  <lastmod>2024-01-12T16:30:09+00:00</lastmod>
+  <loc>https://barta-india.in/bn/poll-nearly-20-of-americans-believe-taylor-swift-conspiracy-theory/</loc>
+  <lastmod>2024-02-16T16:32:21+00:00</lastmod>
   <priority>0.64</priority>
 </url>
 <url>
-  <loc>http://barta-india.in/bn/tmc-mp-abhishek-banerjee-petition-to-supreme-court-against-calcutta-high-court-justices-abhijit-gangopadhyay-and-amrita-sinha-s-remarks/</loc>
-  <lastmod>2024-01-12T16:30:07+00:00</lastmod>
+  <loc>https://barta-india.in/bn/bangkok-pollution-reaches-unhealthy-levels-government-employees-asked-to-work-from-home/</loc>
+  <lastmod>2024-02-16T16:32:21+00:00</lastmod>
   <priority>0.64</priority>
 </url>
 <url>
-  <loc>http://barta-india.in/bn/sandeep-lamichhane-nepal-cricketer-gets-8-years-in-jail-for-physical-rape-get-to-know/</loc>
-  <lastmod>2024-01-12T16:30:07+00:00</lastmod>
+  <loc>https://barta-india.in/bn/the-dangers-of-ai-romance-privacy-risks-and-troubling-content/</loc>
+  <lastmod>2024-02-16T16:32:21+00:00</lastmod>
   <priority>0.64</priority>
 </url>
 <url>
-  <loc>http://barta-india.in/bn/north-24-pargana-physically-challenged-youth-going-to-ayodhya-ram-mandir-on-ramlalla-pran-pratistha-event-on-bicycle/</loc>
-  <lastmod>2024-01-12T16:30:06+00:00</lastmod>
+  <loc>https://barta-india.in/bn/nyc-mayor-files-lawsuit-against-social-media-platforms-for-mental-health-crisis/</loc>
+  <lastmod>2024-02-16T16:32:21+00:00</lastmod>
   <priority>0.64</priority>
 </url>
 <url>
-  <loc>http://barta-india.in/bn/tmc-supremo-mamatabanerjee-caution-party-members-for-inner-battle/</loc>
-  <lastmod>2024-01-12T16:30:05+00:00</lastmod>
+  <loc>https://barta-india.in/national/rbi-maintains-6-point-5-percent-repo-rateforthe-sixth-time-fy-24percent-gdp-is-maintained-at-7percent-inflation-is-projectedat5-poin-4percent/</loc>
+  <lastmod>2024-02-16T16:31:35+00:00</lastmod>
   <priority>0.64</priority>
 </url>
 <url>
-  <loc>http://barta-india.in/bn/bjp-suvenduadhikari-invasion-cpm-refer-minakshi-mukherjees-candidateship-from-nadigram/</loc>
-  <lastmod>2024-01-12T16:30:04+00:00</lastmod>
+  <loc>https://barta-india.in/national/hanuman-spotted-followingthe-ayodhya-inauguration-monkeys-visit-ram-temples/</loc>
+  <lastmod>2024-02-16T16:31:35+00:00</lastmod>
   <priority>0.64</priority>
 </url>
 <url>
-  <loc>http://barta-india.in/bn/congress-will-not-attend-ram-mandir-commencement-in-ayodhya-calls-it-bjp-rss-event/</loc>
-  <lastmod>2024-01-12T16:30:04+00:00</lastmod>
+  <loc>https://barta-india.in/national/who-is-maulana-mufti-salman-azhari-who-was-arrested-in-a-hate-speech-caseby-gujarat-ats/</loc>
+  <lastmod>2024-02-16T16:31:34+00:00</lastmod>
   <priority>0.64</priority>
 </url>
 <url>
-  <loc>http://barta-india.in/national/in-advance-of-the-ayodhya-ram-mandir-consecration-ceremony-pm-modi-starts-an11-day-anushthan/</loc>
-  <lastmod>2024-01-12T16:29:41+00:00</lastmod>
+  <loc>https://barta-india.in/national/hearing-on-the-muslim-sides-plea-in-the-gyanvapi-case-today-at-the-allahabad-high-court/</loc>
+  <lastmod>2024-02-16T16:31:34+00:00</lastmod>
   <priority>0.64</priority>
 </url>
 <url>
-  <loc>http://barta-india.in/national/mamata-banerjee-invites-pm-modi-to-visit-ganga-sagar-mela-despite-differences/</loc>
-  <lastmod>2024-01-12T16:29:40+00:00</lastmod>
+  <loc>https://barta-india.in/national/gyanvapi-case-todays-scientific-surveyof-shivalinga-plea-will-be-heardby-supreme-court/</loc>
+  <lastmod>2024-02-16T16:31:34+00:00</lastmod>
   <priority>0.64</priority>
 </url>
 <url>
-  <loc>http://barta-india.in/politics/be-at-ease-everything-will-work-out-this-is-nitish-kumar-most-recent-assurancere-garding-seat-sharingin-bihar/</loc>
-  <lastmod>2024-01-12T16:29:43+00:00</lastmod>
+  <loc>https://barta-india.in/national/conflict-regarding-mehrauli-mosque-demolition-dda-allegation-differs-from-asi-document/</loc>
+  <lastmod>2024-02-16T16:31:34+00:00</lastmod>
   <priority>0.64</priority>
 </url>
 <url>
-  <loc>http://barta-india.in/politics/mamata-banerjee-rejects-one-nation-one-election-writing-to-the-kovind-led-panel-that-it/</loc>
-  <lastmod>2024-01-12T16:29:42+00:00</lastmod>
+  <loc>https://barta-india.in/national/breaking-following-the-approval-of-the-varanasi-court-a-puja-was-performed-at-gyanvapis-vyas-parivar-tehkhana-this-is-the-first-image/</loc>
+  <lastmod>2024-02-16T16:31:33+00:00</lastmod>
   <priority>0.64</priority>
 </url>
 <url>
-  <loc>http://barta-india.in/local/in-manipur-four-villagers-were-kidnappedand-killedby-suspected-kuki-militants-including-father-son/</loc>
-  <lastmod>2024-01-12T16:29:45+00:00</lastmod>
+  <loc>https://barta-india.in/national/updates-on-the-budget-the-new-income-tax-slabs-for-2024-25-staythe-same/</loc>
+  <lastmod>2024-02-16T16:31:33+00:00</lastmod>
   <priority>0.64</priority>
 </url>
 <url>
-  <loc>http://barta-india.in/technology/flipkart-is-offering-the-iphone15-for-rs68999-see-how-the-deal-works/</loc>
-  <lastmod>2024-01-12T16:29:39+00:00</lastmod>
+  <loc>https://barta-india.in/national/following-the-formation-of-a-new-government-we-will-present-a-full-budget-pm-narendra-modi/</loc>
+  <lastmod>2024-02-16T16:31:33+00:00</lastmod>
   <priority>0.64</priority>
 </url>
 <url>
-  <loc>http://barta-india.in/article/in-manipur-four-villagers-were-kidnappedand-killedby-suspected-kuki-militants-including-father-son/</loc>
+  <loc>https://barta-india.in/national/parliaments-budget-session-president-murmu-says-indian-forces-are-responding-to-terrorism-appropriately/</loc>
+  <lastmod>2024-02-16T16:31:32+00:00</lastmod>
+  <priority>0.64</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/national/bollywood-stars-disha-patani-to-kriti-kharbanda-professional-beachwear-outfit-inspiration/</loc>
+  <lastmod>2024-02-16T16:31:32+00:00</lastmod>
+  <priority>0.64</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/national/ed-interrogates-lalu-yadav-for-nine-hours-in-land-regarding-jobs-case-rjd-claims-pm-modi-is-terrified/</loc>
+  <lastmod>2024-02-16T16:31:32+00:00</lastmod>
+  <priority>0.64</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/national/rahul-dravid-says-we-didnt-get-a-in-his-admission-that-india-made-a-major-error-in-their-first-test-loss-to-england/</loc>
+  <lastmod>2024-02-16T16:31:31+00:00</lastmod>
+  <priority>0.64</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/national/in-dvs-eng-ahamstring-injury-makes-ravindra-jadeja-doubtful-for-the-second-test-against-england/</loc>
+  <lastmod>2024-02-16T16:31:31+00:00</lastmod>
+  <priority>0.64</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/national/pariksha-pe-charcha-prime-minister-modi-engages-with-exam-warriorsat-bharat-mandapamin-delhi/</loc>
+  <lastmod>2024-02-16T16:31:31+00:00</lastmod>
+  <priority>0.64</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/national/ina-republic-daymessage-vladimir-putinof-russiapraises-prime-minister-modi-and-indias-independent-foreign-policy/</loc>
+  <lastmod>2024-02-16T16:31:31+00:00</lastmod>
+  <priority>0.64</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/national/venkaiah-naidu-chiranjeevi-and-vyjayantimala-are-among-the-132-recipients-of-the-padma-awards-2024-view-the-full-list/</loc>
+  <lastmod>2024-02-16T16:31:30+00:00</lastmod>
+  <priority>0.64</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/national/republic-day-2024-parade-indias-military-power-to-be-displayed-with-french-president-as-chief-guest-key-details/</loc>
+  <lastmod>2024-02-16T16:31:30+00:00</lastmod>
+  <priority>0.64</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/national/netaji-boses-2024-jayanti-top-few-inspiring-quotes-on-his-birthday/</loc>
+  <lastmod>2024-02-16T16:31:30+00:00</lastmod>
+  <priority>0.64</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/national/why-did-akhilesh-grant-jayant-seven-seats-while-charu-will-also-run-for-office-understand-the-answers-to-these-four-alliance-related-questions/</loc>
+  <lastmod>2024-02-16T16:31:29+00:00</lastmod>
+  <priority>0.64</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/national/union-home-minister-amit-shahdeclared-in-assamthat-lord-ramreturnedhomeafter550yearsofbadtimes/</loc>
+  <lastmod>2024-02-16T16:31:29+00:00</lastmod>
+  <priority>0.64</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/national/600-burmese-soldiers-enter-india-amid-crisis-mizoram-chief-minister-requests-intervention-from-center/</loc>
+  <lastmod>2024-02-16T16:31:29+00:00</lastmod>
+  <priority>0.64</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/national/asaduddin-owaisi-babri-masjid-taken-from-muslims-very-systematically/</loc>
+  <lastmod>2024-02-16T16:31:28+00:00</lastmod>
+  <priority>0.64</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/national/ayodhya-ram-mandir-before-it-was-dedicated-what-else-did-followers-of-ramsayin-ayodhya-ready-to-sacrifice-my-life-for-modi/</loc>
+  <lastmod>2024-02-16T16:31:28+00:00</lastmod>
+  <priority>0.64</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/national/puri-thousands-of-people-attended-the-launch-of-the-rs-800-crore-srimandir-parikrama-project-and-the-cultural-corridor-surrounding-the-jagannath-shrine/</loc>
+  <lastmod>2024-02-16T16:31:28+00:00</lastmod>
+  <priority>0.64</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/national/there-are-four-days-remaining-till-ram-mandir-opens-and-today-the-sanctum-sanctorum-will-host-ramlalas-architectural-figure/</loc>
+  <lastmod>2024-02-16T16:31:28+00:00</lastmod>
+  <priority>0.64</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/national/flying-turns-become-a-headache-traveler-trapped-in-aircraft-lavatory-spent-entire-trip-sitting-on-commoded/</loc>
+  <lastmod>2024-02-16T16:31:27+00:00</lastmod>
+  <priority>0.64</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/national/r-praggnanandhaa-r-praggnanandhaa-overcame-ding-liren-the-world-champion-and-also-overthrew-vishwanathan-anand/</loc>
+  <lastmod>2024-02-16T16:31:27+00:00</lastmod>
+  <priority>0.64</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/national/manipur-violence-manipur-violence-has-returned-kuki-militants-murdered-cdo-after-attacking-security-personnel-and-hurling-bombs-at-a-police-check-point/</loc>
+  <lastmod>2024-02-16T16:31:27+00:00</lastmod>
+  <priority>0.64</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/national/shaurya-the-namibian-cheetah-diesin-kuno-madhya-pradesh-becoming-the-tenth-death-in-the-national-park/</loc>
+  <lastmod>2024-02-16T16:31:26+00:00</lastmod>
+  <priority>0.64</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/national/lord-ram-is-a-symbol-of-good-governance-andhra-pradesh-pm-modi-said/</loc>
+  <lastmod>2024-02-16T16:31:26+00:00</lastmod>
+  <priority>0.64</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/national/indias-growing-presence-in-international-politics-how-pm-modis-call-with-putin-and-jaishankars-visit-to-iran-are-changing-storylines/</loc>
+  <lastmod>2024-02-16T16:31:26+00:00</lastmod>
+  <priority>0.64</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/national/retail-inflation-rate-due-to-the-sharp-increase-in-the-cost-of-dal-and-vegetables-this-is-the-greatest-rate-of-retail-inflation-in-the-previous-four-months-rice/</loc>
+  <lastmod>2024-02-16T16:31:26+00:00</lastmod>
+  <priority>0.64</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/national/mahasamaroh-is-located-near-the-ayodhya-ram-mandir-but-when-will-the-300-year-old-mahishadal-temple-be-restored/</loc>
+  <lastmod>2024-02-16T16:31:25+00:00</lastmod>
+  <priority>0.64</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/national/launch-of-the-ram-mandir-how-does-the-ramayan-actor-feel-about-getting-invited-to-the-launch-of-the-ram-mandir/</loc>
+  <lastmod>2024-02-16T16:31:25+00:00</lastmod>
+  <priority>0.64</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/national/west-bengal-minister-sujit-boseshomeisraidedbythe-ed-due-to-a-municipal-jobs-fraud/</loc>
+  <lastmod>2024-02-16T16:31:25+00:00</lastmod>
+  <priority>0.64</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/national/in-advance-of-the-ayodhya-ram-mandir-consecration-ceremony-pm-modi-starts-an11-day-anushthan/</loc>
+  <lastmod>2024-02-16T16:31:24+00:00</lastmod>
+  <priority>0.64</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/national/mamata-banerjee-invites-pm-modi-to-visit-ganga-sagar-mela-despite-differences/</loc>
+  <lastmod>2024-02-16T16:31:24+00:00</lastmod>
+  <priority>0.64</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/politics/today-pm-narendra-modi-will-respond-in-the-rajya-sabha-to-the-motion-of-thanks/</loc>
+  <lastmod>2024-02-16T16:31:38+00:00</lastmod>
+  <priority>0.64</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/politics/doesthe-indi-alliances-game-end-attacking-congress-mamata-banerjee-claims-that-the-party-wont-get-even-40-seats-in-ls-polls/</loc>
+  <lastmod>2024-02-16T16:31:38+00:00</lastmod>
+  <priority>0.64</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/politics/politics-in-bihar-are-chaos-as-nitish-kumar-is-expected-to-take-the-oath-of-office-tomorrow-with-bjp-backing-him/</loc>
+  <lastmod>2024-02-16T16:31:38+00:00</lastmod>
+  <priority>0.64</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/politics/tmc-congress-seat-sharing-tm-csdemandto-congresswas-will-not-join-nyay-yatra-until-seat-sharing-formula-is-decided/</loc>
+  <lastmod>2024-02-16T16:31:37+00:00</lastmod>
+  <priority>0.64</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/politics/mahuas-government-bungalow-is-going-to-be-taken-after-mp-noticeto-center-please-leave-immediately-or-face-for-cible-eviction/</loc>
+  <lastmod>2024-02-16T16:31:37+00:00</lastmod>
+  <priority>0.64</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/politics/bjp-rss-event-focused-on-pm-modi-rahul-gandhi-dismissesthe-pran-pratishtha-ceremonyat-ayodhya-ram-mandir/</loc>
+  <lastmod>2024-02-16T16:31:37+00:00</lastmod>
+  <priority>0.64</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/politics/anurag-tagore-is-being-targeted-by-the-statement-west-bengal-government-shelters-corrupt-people-in-kolkata/</loc>
+  <lastmod>2024-02-16T16:31:37+00:00</lastmod>
+  <priority>0.64</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/politics/be-at-ease-everything-will-work-out-this-is-nitish-kumar-most-recent-assurancere-garding-seat-sharingin-bihar/</loc>
+  <lastmod>2024-02-16T16:31:36+00:00</lastmod>
+  <priority>0.64</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/politics/mamata-banerjee-rejects-one-nation-one-election-writing-to-the-kovind-led-panel-that-it/</loc>
+  <lastmod>2024-02-16T16:31:36+00:00</lastmod>
+  <priority>0.64</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/local/weather-alert-a-warning-has-been-issued-for-any-district-due-to-heavy-winter-rains/</loc>
+  <lastmod>2024-02-16T16:32:21+00:00</lastmod>
+  <priority>0.64</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/local/three-monks-were-lynched-in-purulia-after-being-suspected-of-kidnapping-12-arrested-palghar-bj-praises-the-matter/</loc>
+  <lastmod>2024-02-16T16:32:21+00:00</lastmod>
+  <priority>0.64</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/local/in-manipur-four-villagers-were-kidnappedand-killedby-suspected-kuki-militants-including-father-son/</loc>
+  <lastmod>2024-02-16T16:32:20+00:00</lastmod>
+  <priority>0.64</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/technology/flipkart-is-offering-the-iphone15/</loc>
+  <lastmod>2024-02-16T16:31:23+00:00</lastmod>
+  <priority>0.64</priority>
+</url>
+<url>
+  <loc>https://barta-india.in/article/in-manipur-four-villagers-were-kidnappedand-killedby-suspected-kuki-militants-including-father-son/</loc>
   <lastmod>2024-01-12T06:57:29+00:00</lastmod>
   <priority>0.64</priority>
 </url>
-<url>
-  <loc>http://barta-india.in/bn/national/finance-minister-nirmala-sitharaman-is-al-lset-to-present-the-interim-budgeton-february1/</loc>
-  <lastmod>2024-01-12T16:29:56+00:00</lastmod>
-  <priority>0.51</priority>
-</url>
-<url>
-  <loc>http://barta-india.in/bn/national/personally-dasand-rbi-as-an-institution-are-opposed-to-private-cryptocurrencies-on-the-grounds-that-they-pose-tremendous-threat-to-the-financial-stability/</loc>
-  <lastmod>2024-01-12T16:29:55+00:00</lastmod>
-  <priority>0.51</priority>
-</url>
-<url>
-  <loc>http://barta-india.in/bn/national/the-stamp-bear-stheyear-2024-in-vikram-samvatthe-hindu-calendar-thatis-followed-in-nepal-and-some-parts-of-india/</loc>
-  <lastmod>2024-01-12T16:29:55+00:00</lastmod>
-  <priority>0.51</priority>
-</url>
-<url>
-  <loc>http://barta-india.in/bn/national/high-traar-queen-whois-mallika-srinivasan-1000-cror-erevenue-company-sanswer-trailblazer-woman/</loc>
-  <lastmod>2024-01-12T16:29:54+00:00</lastmod>
-  <priority>0.51</priority>
-</url>
-<url>
-  <loc>http://barta-india.in/bn/national/after-galwan-china-admits-india-is-no-longer-a-weak-nation-rajnath-singh/</loc>
-  <lastmod>2024-01-12T16:29:54+00:00</lastmod>
-  <priority>0.51</priority>
-</url>
-<url>
-  <loc>http://barta-india.in/bn/national/polycab-india-shares-jump-after-cable-and-wire-craftsman-denies-tax-evasion-reports/</loc>
-  <lastmod>2024-01-12T16:29:53+00:00</lastmod>
-  <priority>0.51</priority>
-</url>
-<url>
-  <loc>http://barta-india.in/bn/national/government-plan-that-empower-women-making-them-economically-strong/</loc>
-  <lastmod>2024-01-12T16:29:52+00:00</lastmod>
-  <priority>0.51</priority>
-</url>
-<url>
-  <loc>http://barta-india.in/bn/national/sandeep-lamichhane-nepal-cricketer-gets-8-years-in-jail-for-physical-rape-get-to-know/</loc>
-  <lastmod>2024-01-12T16:29:51+00:00</lastmod>
-  <priority>0.51</priority>
-</url>
-<url>
-  <loc>http://barta-india.in/bn/national/north-24-pargana-physically-challenged-youth-going-to-ayodhya-ram-mandir-on-ramlalla-pran-pratistha-event-on-bicycle/</loc>
-  <lastmod>2024-01-12T16:29:51+00:00</lastmod>
-  <priority>0.51</priority>
-</url>
-<url>
-  <loc>http://barta-india.in/bn/national/congress-will-not-attend-ram-mandir-commencement-in-ayodhya-calls-it-bjp-rss-event/</loc>
-  <lastmod>2024-01-12T16:29:50+00:00</lastmod>
-  <priority>0.51</priority>
-</url>
-<url>
-  <loc>http://barta-india.in/bn/politics/shuvendu-adhikari-responding-to-eds-harassment-says-start-packing-bags-keep-winter-stuff-too/</loc>
-  <lastmod>2024-01-12T16:29:59+00:00</lastmod>
-  <priority>0.51</priority>
-</url>
-<url>
-  <loc>http://barta-india.in/bn/politics/tmc-mp-abhishek-banerjee-petition-to-supreme-court-against-calcutta-high-court-justices-abhijit-gangopadhyay-and-amrita-sinha-s-remarks/</loc>
-  <lastmod>2024-01-12T16:29:58+00:00</lastmod>
-  <priority>0.51</priority>
-</url>
-<url>
-  <loc>http://barta-india.in/bn/politics/tmc-supremo-mamatabanerjee-caution-party-members-for-inner-battle/</loc>
-  <lastmod>2024-01-12T16:29:58+00:00</lastmod>
-  <priority>0.51</priority>
-</url>
-<url>
-  <loc>http://barta-india.in/bn/politics/bjp-suvenduadhikari-invasion-cpm-refer-minakshi-mukherjees-candidateship-from-nadigram/</loc>
-  <lastmod>2024-01-12T16:29:57+00:00</lastmod>
-  <priority>0.51</priority>
-</url>
-<url>
-  <loc>http://barta-india.in/bn/local/mercury-fell-before-makar-sankranti-what-is-the-temperature-of-kolkata-now/</loc>
-  <lastmod>2024-01-12T16:30:02+00:00</lastmod>
-  <priority>0.51</priority>
-</url>
-<url>
-  <loc>http://barta-india.in/bn/local/sonu-sood-released-his-new-film-fateh-gift-which-is-a-tribute-to-cybercrime-victims/</loc>
-  <lastmod>2024-01-12T16:30:02+00:00</lastmod>
-  <priority>0.51</priority>
-</url>
-<url>
-  <loc>http://barta-india.in/bn/local/watchthe29th-critics-choice-awards-liv-eon-lionsgate-playon15th-january-2023/</loc>
-  <lastmod>2024-01-12T16:30:01+00:00</lastmod>
-  <priority>0.51</priority>
-</url>
-<url>
-  <loc>http://barta-india.in/bn/local/kolkata-accident-audi-car-collided-with-van-allegedly-rude-behave-with-police-after-being-detained/</loc>
-  <lastmod>2024-01-12T16:30:01+00:00</lastmod>
-  <priority>0.51</priority>
-</url>
-<url>
-  <loc>http://barta-india.in/bn/technology/raptee-energy-showcases-high-voltage-electric-motorcycle-at-global-investors-meet2024/</loc>
-  <lastmod>2024-01-12T16:29:48+00:00</lastmod>
-  <priority>0.51</priority>
-</url>
-<url>
-  <loc>http://barta-india.in/bn/technology/flipkart-republic-day-big-deal-sale-2024-date-announced-know-the-offers-on-smartphones/</loc>
-  <lastmod>2024-01-12T16:29:48+00:00</lastmod>
-  <priority>0.51</priority>
-</url>
 
 
 </urlset>
\ No newline at end of file
diff --git a/src/components/MainHeader.astro b/src/components/MainHeader.astro
index c002090..81531e6 100644
--- a/src/components/MainHeader.astro
+++ b/src/components/MainHeader.astro
@@ -3,7 +3,7 @@
     <nav>
       <div class="logo">
         <!-- <img  class="w-[50px] rounded-full drop-shadow-2xl p-0.5 animate-[spin_3s_ease]" src="/img/logo.svg" alt="" /> animate-[bounce_3s_ease] -->
-          <a href="/"><img class=" border-2 rounded-md border-white shadow-md shadow-white drop-shadow-2xl " src="/img/barta_logo.png" alt="Barta Logo" /></a>
+          <a href="/en"><img class=" border-2 rounded-md border-white shadow-md shadow-white drop-shadow-2xl " src="/img/barta_logo.png" alt="Barta Logo" /></a>
       </div>
       <div class="hamburger">
           <div class="line1"></div>
@@ -12,7 +12,7 @@
       </div>
       <ul class="nav-links">
         <li><a class="text-yellow-500" href="/bn">বাংলা</a></li>
-          <li><a href="/">Home</a></li>
+          <li><a href="/en">Home</a></li>
           <li><a href="/national">National</a></li>
           <li><a href="/politics">Politics</a></li>
           <li><a href="/local">Local</a></li>
diff --git a/src/components/MainHeaderBN.astro b/src/components/MainHeaderBN.astro
index 80f3e4e..6d1006a 100644
--- a/src/components/MainHeaderBN.astro
+++ b/src/components/MainHeaderBN.astro
@@ -11,7 +11,7 @@
           <div class="line3"></div>
       </div>
       <ul class="nav-links">
-        <li><a class="text-yellow-500" href="/">English</a></li>
+        <li><a class="text-yellow-500" href="/en">English</a></li>
           <li><a href="/bn">হোম</a></li>
           <li><a href="/bn/national">জাতীয়</a></li>
           <li><a href="/bn/politics">রাজনীতি</a></li>
diff --git a/src/pages/tmp/weather.astro b/src/pages/tmp/weather.astro
index 1fee366..97971c9 100644
--- a/src/pages/tmp/weather.astro
+++ b/src/pages/tmp/weather.astro
@@ -14,7 +14,7 @@ import Layout from "../../layouts/Layout.astro";
 </Layout>
 <script is:inline>
     function getWeather(){
-        fetch(`https://apisp.dev2.cicdhosting.com/_dedicated/dwd/runner/weather/openweathermap/`)
+        fetch(`https://apisp.dev2.cicdhosting.com/_dedicated/dwd/runner/weather/openweathermap/test/`)
         .then(data => data.json())
         .then(data => {
             console.log(data)
diff --git a/src/pages/weather.astro b/src/pages/weather.astro
index ecc7f3a..d7d8111 100644
--- a/src/pages/weather.astro
+++ b/src/pages/weather.astro
@@ -60,7 +60,7 @@
 
     async function getWeatherData(city) {
         const apiKey = 'aed8dd87581613e1d2bbbf63eeb618da';
-        const apiUrl = `https://api.openweathermap.org/data/2.5/weather?q=${city}&appid=${apiKey}`;
+        const apiUrl = `https://api.openweathermap.org/data/2.5/weather?q=Los%20Angeles&appid=${apiKey}`;
 
         try {
         const response = await fetch(apiUrl);