l

src/pages/[id].astro

@@ -18,15 +18,32 @@ const items  = data.data[idx];
 <Layout title={items.title}>
     <main>
         <section class="container mx-auto px-4 mt-16">
-            <div class="flex flex-col">
+            <div class="flex flex-col justify-center">
                 <h1 class="text-3xl font-bold border-b-4 border-[#780A0A]">{items.heading}</h1>
                 <h2 class="text-xl py-2">{items.title}</h2>
-                <img class="lg:w-[60%]" src={`https://api7.siliconpin.com/assets/${items.img}`} alt={items.title} />
+                <div class="flex flex-row justify-center">
+                  <img src={`https://api7.siliconpin.com/assets/${items.img}`} alt={items.title} style="width: 40%;" />
+                  <div class="flex flex-col">
+                    <a 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=""/> </a>
+                    <a href=`https://www.facebook.com/share.php?u=https://barta-india.in/${items.slug}` target="_blank"><img src="/img/facebook.svg" alt=""/></a>
+                  </div>
+                </div>
+                <div class="flex flex-row">
+                  <!-- <a href="whatsapp://send?text=Your%20description%20text%20goes%20here%20-%20https%3A%2F%2Fexample.com" data-action="share/whatsapp/share">Share via WhatsApp</a>  -->
+                  <!-- <a href="https://wa.me/whatsappphonenumber/?text=urlencodedtext">Share whatsapp</a> -->
+                  <!-- <a href="https://api.whatsapp.com/send?text=Your%20Message&phone=1234567890" target="_blank">Share on WhatsApp</a> -->
+                </div>
                 <p class="text-justify text-red-700 mt-4" set:html={items.content}></p>
             </div>
         </section>
     </main>
 </Layout>
+<script is:inline>
+  // let whatsAppurl = document.location.href;
+  // console.log(whatsAppurl);
+  // document.getElementById('whatsappURL').href = `whatsapp://send?text=${whatsAppurl}`;
+  // document.getElementById('whatsappURL').href = `whatsapp://send?text=Sample Text%20goes%20here%20-%20${whatsAppurl}`
+</script>
 <style>
   section > div > p > p {
     text-align: justify;