[RZA-250154]: Fix the meta tag description and title

Author: 1046prt

src/pages/about.astro

@@ -12,7 +12,6 @@ import { Content } from "@/content/about.md";
 // Constants
 const appName = "abcdkbd";
 
-// Meta data
 const meta = {
   title: "About Us",
   description: "Learn more about our mission and the team behind abcdkbd."

src/pages/akshar.astro

@@ -7,16 +7,16 @@ import SharePopover from "@/components/ShareButton.astro";
 import BaseLayout from "@/layouts/Base";
 
 const meta = {
-  title: "Indic Alphabets",
+  title: "Akshar",
   description:
-    "Learn Indian culture and diversity through Indian languages. Learn alphabets of different Indian languages by alphabet comparison, their pronunciation and examples."
+    "Learn alphabets of different Indian languages by alphabet comparison."
 };
 ---
 
 <BaseLayout meta={meta}>
   <BackIcon />
   <Fragment slot="header-right">
-    <SharePopover title={meta.title} description={meta.description} />
+    <SharePopover />
     <Help
       title="Indic Alphabets"
       description="Learn Indian culture and diversity through Indian languages. Learn alphabets of different Indian languages by alphabet comparison , their pronunciation and examples."

src/pages/alphabets/index.astro

@@ -30,7 +30,7 @@ const categoryList = categories.map((category, index) => ({
 
 <BaseLayout meta={meta}>
   <Fragment slot="header-right">
-    <SharePopover title={meta.title} description={meta.description} />
+    <SharePopover />
   </Fragment>
   <Back />
 

src/pages/blog/index.astro

@@ -21,20 +21,16 @@ const blogPosts = blogs.map((entry) => {
   });
   return post;
 });
+const meta = {
+  title: "Blog",
+  description: "Read the latest articles, updates, and educational insights from abcdkbd.com."
+};
 ---
 
-<BaseLayout
-  meta={{
-    title: "Blog",
-    description: "Read the latest articles, updates, and educational insights from abcdkbd.com."
-  }}
->
+<BaseLayout meta={meta}>
   <BackArrow />
   <Fragment slot="header-right">
-    <SharePopover
-      title="Blog"
-      description="Read the latest articles, updates, and educational insights from abcdkbd.com."
-    />
+    <SharePopover />
     <Help
       title="Blog"
       description="Stay updated with the latest in technology, development trends, and digital innovation."

src/pages/canvas/index.astro

@@ -15,7 +15,7 @@ const meta = {
 <BaseLayout meta={meta}>
   <Back />
   <Fragment slot="header-right">
-    <SharePopover title={meta.title} description={meta.description} />
+    <SharePopover />
   </Fragment>
   <div class="selection-container">
     <h1 class="selection-title">Select a creative mode</h1>

src/pages/capital.astro

@@ -19,7 +19,7 @@ const utList = locations.filter((loc) => !loc.isState);
 <BaseLayout meta={meta}>
   <Back />
   <Fragment slot="header-right">
-    <SharePopover title={meta.title} description={meta.description} />
+    <SharePopover />
     <Help title="Capital" description="Capital of India's States and Territories. " />
   </Fragment>
   <CapitalComponent stateList={stateList} utList={utList} />

src/pages/clan.astro

@@ -51,11 +51,15 @@ function isBranch(data: any): data is Branch {
     data.surnames.every((surname: any) => surname && typeof surname.hi === "string" && typeof surname.en === "string")
   );
 }
-
 const validClanData = Array.isArray(clanJson) ? clanJson.filter(isBranch) : [];
+const meta = {
+  title: "Clan Explorer",
+  description:
+    "Search and explore your family's heritage by gotra, deity, caste, and location using this organized clan directory."
+};
 ---
 
-<BaseLayout meta={{ title: "Clan Explorer" }}>
+<BaseLayout meta={meta}>
   <Back />
   <article class="container__clan">
     <div class="clan__header">

src/pages/coming-soon.astro

@@ -5,9 +5,13 @@ import BaseLayout from "@/layouts/Base";
 import { APP_NAME } from "@/utils/constants";
 import { Picture } from "astro:assets";
 import logoImage from "/public/assets/images/ABCD-blue.png";
+
+const meta = {
+  title: "coming soon"
+};
 ---
 
-<BaseLayout meta={{ title: "Coming Soon" }}>
+<BaseLayout meta={meta}>
   <div class="page-container">
     <!-- Section 1: Heading -->
     <div class="heading-container">

src/pages/contact.astro

@@ -5,14 +5,20 @@ import TitleLayout from "@/layouts/TitleLayout";
 import Back from "@/components/Back.astro";
 import CopyIcon from "@/assets/icons/copy.svg";
 import GitHubIcon from "@/assets/icons/github.svg";
+
+const meta = {
+  title: "Contact Us",
+  description:
+    "Reach out to the abcdkbd team via email or connect with us on GitHub to collaborate or provide feedback."
+};
 ---
 
 <style>
   .copy {
     width: 24px;
   }
 </style>
-<BaseLayout meta={{ title: "Contact Us" }}>
+<BaseLayout meta={meta}>
   <Back />
   <TitleLayout title="Get in Touch" />
   <div class="container__contact">

src/pages/cookies.astro

@@ -1,15 +1,15 @@
 ---
-import BaseLayout from "@/layouts/Base";
-import { Content, frontmatter } from "@/content/article/cookies.md";
 import "@/assets/styles/cookies.css";
+import { Content, frontmatter } from "@/content/article/cookies.md";
+import BaseLayout from "@/layouts/Base";
+
+const meta = {
+  title: frontmatter.title,
+  description: frontmatter.description || "Read about our cookie policy and how we use cookies on abcdkbd.com."
+};
 ---
 
-<BaseLayout
-  meta={{
-    title: frontmatter.title,
-    description: frontmatter.description || "Read about our cookie policy and how we use cookies on abcdkbd.com."
-  }}
->
+<BaseLayout meta={meta}>
   <article class="article-container">
     <header class="article-header">
       <h1>{frontmatter.title}</h1>