[RZA-250154]: Refactored the description and title of left over pages

1046prt · recursivezero · commit 21ea0b8f61c0 · 2025-07-22T22:26:17.000+05:30
diff --git a/src/pages/akshar.astro b/src/pages/akshar.astro
@@ -18,7 +18,7 @@ const meta = {
     <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."
+      description="Learn alphabets of different Indian languages by alphabet comparison."
     />
   </Fragment>
   <IndicLanguageGrid primary="hi" secondary="kn" />
diff --git a/src/pages/alphabets/[alphabet]/board.astro b/src/pages/alphabets/[alphabet]/board.astro
@@ -1,11 +1,11 @@
 ---
 import "@/assets/styles/tile.css";
 import BackButton from "@/components/BackButton.astro";
+import Help from "@/components/Help.astro";
 import LetterCard from "@/components/LetterCard.astro";
+import SharePopover from "@/components/ShareButton.astro";
 import BaseLayout from "@/layouts/Base";
 import { DATASET } from "@/mappers/dataset";
-import Help from "@/components/Help.astro";
-import SharePopover from "@/components/ShareButton.astro";
 
 export const prerender = true;
 
@@ -18,9 +18,14 @@ export async function getStaticPaths() {
 const { alphabet } = Astro.params;
 
 const data = DATASET[alphabet].data;
+
+const meta = {
+  title: "Alphabets",
+  description: `Explore the "${alphabet}" category with interactive flashcards to learn associated words and objects.`
+};
 ---
 
-<BaseLayout meta={{ title: `Alphabets - ${alphabet.charAt(0).toUpperCase() + alphabet.slice(1)}` }}>
+<BaseLayout meta={meta}>
   <Fragment slot="header-left">
     <SharePopover />
     <Help title="Board" description="Learn new information from the selected alphabet category!" />
diff --git a/src/pages/alphabets/[alphabet]/playground.astro b/src/pages/alphabets/[alphabet]/playground.astro
@@ -26,10 +26,15 @@ const defaultCategory = {
 const { alphabet } = Astro.params;
 const currentCategory = DATASET[alphabet] || defaultCategory;
 
-const title = `${capitalizeThis(alphabet)} - Playground`;
+const meta = {
+  title: `${capitalizeThis(alphabet)} - Playground`,
+  description: `Type or navigate to interactively explore the "${capitalizeThis(
+    alphabet
+  )}" alphabet set using keyboard or arrows.`
+};
 ---
 
-<BaseLayout meta={{ title }}>
+<BaseLayout meta={meta}>
   <div class="container__heading">
     <BackButton />
     <span class="info">Press a key to see the magic</span>
@@ -38,7 +43,7 @@ const title = `${capitalizeThis(alphabet)} - Playground`;
     <KeyboardTrigger />
     <SharePopover />
     <Help
-      title={title}
+      title={meta.title}
       description="Press Next Arrow >  to get next letter. navigate through < and > from your keyboard"
     />
   </Fragment>
diff --git a/src/pages/alphabets/hindi/board.astro b/src/pages/alphabets/hindi/board.astro
@@ -6,16 +6,18 @@ import BaseLayout from "@/layouts/Base";
 
 import { consonants, vowels } from "@/data/hindi.json";
 
-const title = "Hindi Alphabets | हिन्दी वर्णमाला";
-const description = "Explore Swar (स्वर) and Vyanjan (व्यंजन) in this interactive guide.";
-const category = "hindi";
+const meta = {
+  title: "हिन्दी वर्णमाला",
+  description: "Explore Swar (स्वर) and Vyanjan (व्यंजन) in this interactive guide."
+};
+const category = "Hindi";
 ---
 
-<BaseLayout meta={{ title, description }}>
+<BaseLayout meta={meta}>
   <BackButton href="/alphabets" />
   <div class="container__page">
     <div class="page__header">
-      <h2 class="page__title">{title}</h2>
+      <h2 class="page__title">{meta.title}</h2>
       <button id="flip-all-button" class="btn__flip__all">Flip All Cards</button>
     </div>
     <article class="page__content">
diff --git a/src/pages/canvas/text.astro b/src/pages/canvas/text.astro
@@ -6,7 +6,7 @@ import SharePopover from "@/components/ShareButton.astro";
 import BaseLayout from "@/layouts/Base";
 
 const meta = {
-  title: "Canvas Image Generator",
+  title: "Canvas Generator",
   description: "Generate custom canvas images with text or time"
 };
 ---
diff --git a/src/pages/crossword.astro b/src/pages/crossword.astro
@@ -9,7 +9,7 @@ import BaseLayout from "@/layouts/Base";
 const meta = {
   title: "Crossword",
   description:
-    "Play an interactive crossword puzzle! Draw words by clicking and dragging through letters in any direction. Use hints to find word directions."
+    "Play an interactive crossword puzzle! Draw words by clicking and dragging through letters in any direction."
 };
 ---
 
diff --git a/src/pages/gallery/index.astro b/src/pages/gallery/index.astro
@@ -8,7 +8,7 @@ import SharePopover from "@/components/ShareButton.astro";
 import BaseLayout from "@/layouts/Base";
 
 const meta = {
-  title: "Gallery | Explore Alphabet Card Layouts | abcdkbd",
+  title: "Gallery",
   description:
     "Discover interactive ways to learn alphabets with Stack, Queue, and Slider gallery layouts. Choose your favorite mode to visualize and play with alphabet cards."
 };
diff --git a/src/pages/gallery/queue.astro b/src/pages/gallery/queue.astro
@@ -8,13 +8,9 @@ import "@/assets/styles/cards/queue.css";
 import SharePopover from "@/components/ShareButton.astro";
 import KeyboardTrigger from "@/components/KeyboardTrigger.astro";
 
-const pageTitle = "Queue | Interactive Alphabet";
-const pageDescription =
-  "Explore the interactive alphabet with images and descriptions for each letter in a queue format.";
-
-const pageMeta = {
-  title: pageTitle,
-  description: pageDescription
+const meta = {
+  title: "Queue Alphabet",
+  description: "Explore the interactive alphabet with images and descriptions for each letter in a queue format."
 };
 
 interface AlphabetItem {
@@ -45,7 +41,7 @@ function randomAngle(max: number, min: number): number {
 let currentIndex = 0;
 ---
 
-<BaseLayout meta={pageMeta}>
+<BaseLayout meta={meta}>
   <Fragment slot="header-right">
     <KeyboardTrigger />
     <SharePopover />
diff --git a/src/pages/gallery/slider.astro b/src/pages/gallery/slider.astro
@@ -7,12 +7,9 @@ import Help from "@/components/Help.astro";
 import "@/assets/styles/cards/slider.css";
 import SharePopover from "@/components/ShareButton.astro";
 
-const pageTitle = "Slider | Interactive Alphabet";
-const pageDescription = "Explore the alphabet through interactive images. Click or use arrow keys to slide.";
-
-const pageMeta = {
-  title: pageTitle,
-  description: pageDescription
+const meta = {
+  title: "Slider Alphabet",
+  description: "Explore the alphabet through interactive images."
 };
 
 interface AlphabetItem {
@@ -36,7 +33,7 @@ const items: Record<string, AlphabetItem> = alphabetMapper.reduce(
 const entries = Object.entries(items);
 ---
 
-<BaseLayout meta={pageMeta}>
+<BaseLayout meta={meta}>
   <Fragment slot="header-right">
     <div class="header-tools-wrapper"></div>
     <SharePopover />
diff --git a/src/pages/gallery/stack.astro b/src/pages/gallery/stack.astro
@@ -7,13 +7,10 @@ import Help from "@/components/Help.astro";
 import "@/assets/styles/cards/stack.css";
 import SharePopover from "@/components/ShareButton.astro";
 
-const pageTitle = "Stack | Interactive Alphabet";
-const pageDescription =
-  "Explore the interactive alphabet with images and descriptions for each letter in a stack display format.";
-
-const pageMeta = {
-  title: pageTitle,
-  description: pageDescription
+const meta = {
+  title: "Stack Alphabet",
+  description:
+    "Explore the interactive alphabet with images and descriptions for each letter in a stack display format."
 };
 
 interface AlphabetItem {
@@ -44,7 +41,7 @@ function randomAngle(max: number, min: number): number {
 let currentIndex = 0;
 ---
 
-<BaseLayout meta={pageMeta}>
+<BaseLayout meta={meta}>
   <Fragment slot="header-right">
     <div class="header-tools-wrapper"></div>
     <SharePopover />
diff --git a/src/pages/glossary/[item].astro b/src/pages/glossary/[item].astro
@@ -21,16 +21,16 @@ const { title, data, category } = categoryData || {};
 if (!categoryData) {
   throw new Error("Glossary category not found");
 }
+
+const meta = {
+  title,
+  description: `Explore glossary term: ${title}. Learn definitions and examples!`
+};
 ---
 
-<BaseLayout
-  meta={{
-    title,
-    description: `Explore glossary term: ${title}. Learn definitions and examples!`
-  }}
->
+<BaseLayout meta={meta}>
   <Fragment slot="header-left">
-    <SharePopover title={title} description={`Explore glossary term: ${title}. Learn definitions and examples!`} />
+    <SharePopover />
     <Help title="Glossary" description="Learn new information from the selected category!" />
   </Fragment>
   <div class="container__page">
diff --git a/src/pages/hidenseek/grid.astro b/src/pages/hidenseek/grid.astro
@@ -15,7 +15,7 @@ const meta = {
 <Layout meta={meta}>
   <BackButton />
   <Fragment slot="header-right">
-    <SharePopover title={meta.title} description={meta.description} />
+    <SharePopover />
     <Help
       title="Hide & Seek Game"
       description="Press any alphabet key from keyboard and that letter will appear. Press again to hide it. Enjoy the hover and active effects on each card."
diff --git a/src/pages/hidenseek/kbd.astro b/src/pages/hidenseek/kbd.astro
@@ -15,7 +15,7 @@ const meta = {
 <Layout meta={meta}>
   <BackButton />
   <Fragment slot="header-right">
-    <SharePopover title={meta.title} description={meta.description} />
+    <SharePopover />
     <Help
       title="Hide & Seek Game"
       description="Press any alphabet key from keyboard and that letter will appear. Press again to hide it. Enjoy the hover and active effects on each card."
diff --git a/src/pages/map/[...state].astro b/src/pages/map/[...state].astro
@@ -39,11 +39,16 @@ const population = stateInfo.population || 0;
 const literacy_rate = stateInfo.literacy_rate || 0;
 const languages = stateInfo.languages || [];
 const major_rivers = stateInfo.major_rivers || [];
+
+const meta = {
+  title: `${name} - ${dance}`,
+  description: `${name} is known for its vibrant ${dance} dance form and rich cultural heritage.`
+};
 ---
 
-<BaseLayout meta={{ title: `${name} - ${dance}`, description }}>
+<BaseLayout meta={meta}>
   <Fragment slot="header-left">
-    <SharePopover title={`${name} - ${dance}`} description={description} />
+    <SharePopover />
     <Help title="India" description="Learn new information about the selected state!" />
   </Fragment>
   <section class="state-page">
diff --git a/src/pages/map/[category].astro b/src/pages/map/[category].astro
@@ -28,7 +28,7 @@ const meta = {
 
 <BaseLayout meta={meta}>
   <Fragment slot="header-right">
-    <SharePopover title={meta.title} description={meta.description} />
+    <SharePopover />
     <Help title="Map" description="An Interactive Journey Through India's States and Territories. " />
   </Fragment>
   <IndiaMap />
diff --git a/src/pages/map/index.astro b/src/pages/map/index.astro
@@ -17,7 +17,7 @@ type Category = {
 const categories: Category[] = Object.values(categoryData.categories);
 
 const meta = {
-  title: "Explore India | Interactive States & Capitals Map | abcdkbd",
+  title: "Explore India",
   description: "Explore India's states, capitals, and regions with an interactive map."
 };
 ---
diff --git a/src/pages/nakshtra/index.astro b/src/pages/nakshtra/index.astro
@@ -47,7 +47,7 @@ const meta = {
     <SharePopover />
     <Help
       title="Nakshtra"
-      description="In Hindu astrology, Nakshatra (नक्षत्र) refers to a constellation or lunar mansion, specifically a division of the zodiac used to determine the position of the moon."
+      description="In Hindu astrology, Nakshatra (नक्षत्र) refers to a constellation or lunar mansion."
     />
   </Fragment>
 
diff --git a/src/pages/numbers/[item].astro b/src/pages/numbers/[item].astro
@@ -21,16 +21,16 @@ const { title, data, category } = categoryData || {};
 if (!categoryData) {
   throw new Error("Glossary category not found");
 }
+
+const meta = {
+  title,
+  description: `Learn about the number ${title} with fun facts and activities!`
+};
 ---
 
-<BaseLayout
-  meta={{
-    title,
-    description: `Learn about the number ${title} with fun facts and activities!`
-  }}
->
+<BaseLayout meta={meta}>
   <Fragment slot="header-left">
-    <SharePopover title={title} description={`Learn about the number ${title} with fun facts and activities!`} />
+    <SharePopover />
     <Help title="Numbers" description="Learn new information from the selected number category!" />
   </Fragment>
   <div class="container__page">
diff --git a/src/pages/numbers/english.astro b/src/pages/numbers/english.astro
@@ -3,14 +3,19 @@ import "@/assets/styles/tile.css";
 import BackButton from "@/components/BackButton.astro";
 import Help from "@/components/Help.astro";
 import NumberGrid from "@/components/NumberGrid.astro";
-import BaseLayout from "@/layouts/Base";
 import SharePopover from "@/components/ShareButton.astro";
+import BaseLayout from "@/layouts/Base";
 
 const title = "English Numbers";
 const numbers = Array.from({ length: 10 }, (_, i) => i + 1);
+
+const meta = {
+  title: "Numbers",
+  description: "Explore English numbers from 1 to 10 with interactive multiplication tables for each number."
+};
 ---
 
-<BaseLayout meta={{ title: "Numbers" }}>
+<BaseLayout meta={meta}>
   <Fragment slot="header-left">
     <SharePopover />
     <Help title="Multiplication Tables" description="This page displays numbers and their multiplication tables." />
diff --git a/src/pages/signup.astro b/src/pages/signup.astro
@@ -18,8 +18,7 @@ const slideImages = [
 
 const meta = {
   title: "Record",
-  description:
-    "Record and save audio clips for learning pronunciation. Use the intuitive controls to record, pause, and manage your audio recordings."
+  description: "Record and save audio clips for learning pronunciation."
 };
 ---
 
diff --git a/src/pages/stories/[slug].astro b/src/pages/stories/[slug].astro
@@ -50,9 +50,14 @@ if (!Content) {
   Astro.redirect("/404");
   return;
 }
+
+const meta = {
+  title: "Stories",
+  description: validatedData.description
+};
 ---
 
-<BaseLayout meta={{ title: "Stories", description: validatedData.description }}>
+<BaseLayout meta={meta}>
   <Fragment slot="header-left">
     <SharePopover />
     <Help title="Stories" description="Read and learn! 😄" />
diff --git a/src/pages/varnmala/barahkhadi/[consonant].astro b/src/pages/varnmala/barahkhadi/[consonant].astro
@@ -1,8 +1,8 @@
 ---
 import "@/assets/styles/varnmala/consonant.css";
 import BackButton from "@/components/BackButton.astro";
-import BaseLayout from "@/layouts/Base";
 import SharePopover from "@/components/ShareButton.astro";
+import BaseLayout from "@/layouts/Base";
 
 import { hindiConsonants as consonants, matras } from "@/utils/characters";
 export const prerender = true;
@@ -14,9 +14,14 @@ export function getStaticPaths() {
 const { consonant } = Astro.params;
 
 const combinations = [consonant, ...Object.values(matras).map((matra) => consonant + matra)];
+
+const meta = {
+  title: `Barahkhadi - ${consonant}`,
+  description: `Learn the barahkhadi combinations of the Hindi consonant "${consonant}" with different matras.`
+};
 ---
 
-<BaseLayout meta={{ title: `Barahkhadi - ${consonant}` }}>
+<BaseLayout meta={meta}>
   <BackButton />
   <Fragment slot="header-left">
     <SharePopover />
diff --git a/src/pages/varnmala/barahkhadi/index.astro b/src/pages/varnmala/barahkhadi/index.astro
@@ -18,7 +18,7 @@ const consonants = [
 ];
 
 const meta = {
-  title: "Barahkhadi",
+  title: "Varnmala • Barahkhadi",
   description:
     "Explore Hindi consonants with matra combinations through an interactive and visually organized Barahkhadi learning interface."
 };
diff --git a/src/pages/varnmala/english.astro b/src/pages/varnmala/english.astro
@@ -8,7 +8,7 @@ import SharePopover from "@/components/ShareButton.astro";
 import { varnmala_english } from "@/utils/characters";
 
 const meta = {
-  title: "English",
+  title: "Varnmala • English",
   description:
     "A fun and visual English alphabet collection to help kids learn language basics in an engaging and simple format."
 };
diff --git a/src/pages/varnmala/hindi.astro b/src/pages/varnmala/hindi.astro
diff --git a/src/pages/varnmala/listen.astro b/src/pages/varnmala/listen.astro
diff --git a/src/pages/varnmala/play.astro b/src/pages/varnmala/play.astro
diff --git a/src/pages/varnmala/write.astro b/src/pages/varnmala/write.astro
