[RZB-250099]: update about us page

recursivezero · recursivezero · commit 0fa518d4436e · 2025-07-16T22:26:15.000+05:30
diff --git a/abcd.code-workspace b/abcd.code-workspace
@@ -146,6 +146,7 @@
     "prettier.trailingComma": "none",
     "scss.lint.emptyRules": "ignore",
     "search.exclude": {
+      ".github/**": true,
       "dist/**": true,
       "package-lock.json": true
     },
diff --git a/src/assets/images/ABCD.png b/src/assets/images/ABCD.png
diff --git a/src/assets/styles/common.css b/src/assets/styles/common.css
@@ -26,7 +26,7 @@
 
 .link__active,
 .text__active {
-  @apply text-customLight-active dark:text-customDark-active;
+  color: hsl(from blue 80 10 10)
 }
 
 .content {
@@ -42,6 +42,14 @@
   text-align: center;
 }
 
-.m-0 {
-  margin: 0;
+.hide {
+  content-visibility: hidden;
 }
+
+::disabled {
+  pointer-events: none;
+}
+
+.no__link {
+  text-decoration: none;
+}
diff --git a/src/assets/styles/footer.css b/src/assets/styles/footer.css
@@ -45,13 +45,12 @@
   padding: 0.5rem 1rem;
   background-color: var(--bg-tertiary);
   color: var(--text-secondary);
-  border: 1px solid var(--border-color);
+  border: 1px solid var(--primary);
   border-radius: 8px;
   cursor: pointer;
   font-size: 0.9rem;
   font-weight: 500;
   transition: all 0.2s ease;
-  border-style: solid;
 }
 
 .footer-theme-toggle:hover {
@@ -167,7 +166,6 @@
 @media (prefers-color-scheme: dark) {
   .footer__nav {
     color: #6b7280;
-    /* text-gray-500 */
   }
 }
 
@@ -179,13 +177,11 @@
 
 .footer__nav--item:hover {
   color: #3b82f6;
-  /* blue-500 */
 }
 
 @media (prefers-color-scheme: dark) {
   .footer__nav--item:hover {
     color: #60a5fa;
-    /* blue-400 */
   }
 }
 
@@ -261,7 +257,7 @@
     transition: transform 0.2s ease-in-out;
   }
 
-  .footer__nav--item[open] > summary .fa-chevron-down {
+  .footer__nav--item[open]>summary .fa-chevron-down {
     transform: rotate(180deg);
   }
 
@@ -278,4 +274,4 @@
     margin-top: 1rem;
     font-size: 0.85rem;
   }
-}
+}
diff --git a/src/components/about/HeroSection.astro b/src/components/about/HeroSection.astro
@@ -1,6 +1,6 @@
 ---
-import LogoImage from "@/assets/images/ABCD.png";
 import { Image } from "astro:assets";
+import LogoImage from "/public/assets/images/ABCD.png";
 
 interface Props {
   appName: string;
@@ -11,8 +11,7 @@ const { appName } = Astro.props;
 
 <section class="hero-section">
   <div class="hero-content">
-    <Image src={LogoImage} alt="Logo" width={400} height={300} loading="eager" class={"hero-logo"} />
-
+    <Image src={LogoImage} alt="ABCD logo" width={400} height={300} loading="eager" class="hero-logo" />
     <h1 class="hero-title">Learning Made <span class="text-highlight">Magical!</span></h1>
     <p class="hero-text">
       At {appName}, we transform education into captivating adventures that ignite young minds. Our interactive platform
@@ -21,7 +20,7 @@ const { appName } = Astro.props;
   </div>
   <div class="hero-bubbles">
     {
-      ["A", "B", "C", "D", "1", "2", "3", "🎈", "📚", "🌈"].map((char, i) => (
+      ["A", "B", "C", "📚", "1", "2", "3", "🎈", "🌈"].map((char, i) => (
         <span class="bubble" style={`--i: ${i}; --size: ${Math.random() * 2 + 1}rem;`} aria-hidden="true">
           {char}
         </span>
diff --git a/src/components/about/TechSection.astro b/src/components/about/TechSection.astro
@@ -18,7 +18,7 @@ import "@/assets/styles/about.css";
         ))
       }
     </div>
-    <a href="https://parixan.xyz" class="btn btn-primary">Start Your Learning Adventure</a>
+    <a href="https://parixan.xyz" class="btn btn-primary">Start your learning adventure</a>
   </div>
 </section>
 
diff --git a/src/components/home/HeroSection.astro b/src/components/home/HeroSection.astro
@@ -11,10 +11,10 @@ import "@/assets/styles/home/hero-section.css";
       eight.
     </p>
     <div class="cta-buttons">
-      <a href="/varnmala">
-        <button class="button green">Start Learning Now</button>
+      <a href="/varnmala" class="no__link">
+        <button class="button green">Start learning Now</button>
       </a>
-      <a href="/survey">
+      <a href="/parent">
         <button class="button gray">For Parents</button>
       </a>
     </div>
diff --git a/src/content/about.md b/src/content/about.md
@@ -1,28 +1,23 @@
 # About Us
 
+At **abcdkbd**, we transform education into captivating adventures that ignite young minds. Our interactive platform takes children on an unforgettable journey through letters, words, and diverse cultures.
+
 ## 🎯 Helping Children Learn, Play, and Grow
 
-We’re building a fun, engaging, and interactive learning platform  
-designed especially for elementary school children to explore,  
-understand, and love the world of letters, numbers, and basic concepts.
+We’re building a fun, engaging, and interactive learning platform designed especially for elementary school children to explore, understand, and love the world of letters, numbers, and basic concepts.
 
 ---
 
 ## 🚀 Our Mission
 
-To make early education joyful and accessible using simple,  
-child-friendly digital tools that inspire curiosity, creativity,  
-and confidence.
+To make early education joyful and accessible using simple, child-friendly digital tools that inspire curiosity, creativity, and confidence.
 
 ---
 
 ## 👨‍🏫 Who We Are
 
-We are a passionate group of educators, designers, and developers  
-who believe learning should be playful, meaningful, and rooted in  
-real understanding. Based in India, we aim to support teachers,  
-parents, and schools by providing high-quality,  
-curriculum-aligned educational content.
+We are a passionate group of educators, designers, and developers who believe learning should be playful, meaningful, and rooted in real understanding.
+Based in India, we aim to support teachers, parents, and schools by providing high-quality,curriculum-aligned educational content.
 
 ---
 
@@ -32,7 +27,7 @@ curriculum-aligned educational content.
 - Simple math & reading practice
 - Interactive storytelling
 - Coloring & memory activities
-- Multilingual (English + Hindi) word learning
+- Multilingual elementary learning
 - No distractions – ad-free, safe environment
 
 ---
@@ -47,17 +42,6 @@ curriculum-aligned educational content.
 
 ---
 
-## 👩‍💻 Meet Our Team
-
-**Keshav Mohta** – Product Architect & Lead Developer  
-**[Name]** – Early Childhood Educator  
-**[Name]** – Illustrator & UI Designer  
-**[Name]** – Curriculum Advisor
-
-We bring together tech and teaching to build tools that really help.
-
----
-
 ## 💡 Our Core Values
 
 - **Simplicity** – Easy-to-use design for every age
@@ -71,7 +55,6 @@ We bring together tech and teaching to build tools that really help.
 ## Contact
 
 We’d love to hear from you! Please reach out to us at .
-
 We’re always looking to collaborate with educators and contributors  
 who believe in the power of playful learning. Got feedback or ideas?  
-👉 **[Get in touch with us →](#contact)**
+👉 **Get in touch with us → [abcdkbd@outlook.com](mailto:abcdkbd@outlook.com)**
diff --git a/src/content/support.md b/src/content/support.md
diff --git a/src/layouts/common/Footer.astro b/src/layouts/common/Footer.astro
@@ -12,17 +12,17 @@ import ToggleIcon from "@/assets/icons/toggle.svg";
         abcd<span class="kbd">kbd</span>
       </div>
       <p>Making learning fun and engaging for young minds everywhere.</p>
-      <div class="social">
-        <a href="https://twitter.com/" aria-label="X" target="_blank" rel="noopener"
+      <div class="social hide">
+        <a href="https://twitter.com/" aria-label="X" target="_blank" rel="noopener noreferrer"
           ><i class="fa-brands fa-x-twitter"></i></a
         >
-        <a href="https://facebook.com/" aria-label="Facebook" target="_blank" rel="noopener"
+        <a href="https://facebook.com/" aria-label="Facebook" target="_blank" rel="noopener noreferrer"
           ><i class="fa-brands fa-facebook"></i></a
         >
-        <a href="https://instagram.com/" aria-label="Instagram" target="_blank" rel="noopener"
+        <a href="https://instagram.com/" aria-label="Instagram" target="_blank" rel="noopener noreferrer"
           ><i class="fa-brands fa-instagram"></i></a
         >
-        <a href="https://youtube.com/" aria-label="YouTube" target="_blank" rel="noopener"
+        <a href="https://youtube.com/" aria-label="YouTube" target="_blank" rel="noopener noreferrer"
           ><i class="fa-brands fa-youtube"></i></a
         >
       </div>
@@ -44,7 +44,7 @@ import ToggleIcon from "@/assets/icons/toggle.svg";
           <a href="/math">Math</a>
           <a href="/crossword">Games</a>
           <a href="/draw">Creativity</a>
-          <a href="/panel">Logic</a>
+          <a href="/map">India Map</a>
         </div>
       </details>
       <details class="footer__nav--item" open>
diff --git a/src/pages/about.astro b/src/pages/about.astro
@@ -5,10 +5,10 @@ import TeamSection from "@/components/about/TeamSection.astro";
 import TechSection from "@/components/about/TechSection.astro";
 import BackIcon from "@/components/Back.astro";
 import BaseLayout from "@/layouts/Base";
-import TitleLayout from "@/layouts/TitleLayout";
-
 import pkg from "../../package.json";
 
+import { Content } from "@/content/about.md";
+
 // Constants
 const appName = "abcdkbd";
 
@@ -18,12 +18,33 @@ const meta = {
 };
 ---
 
+<style>
+  .about__article {
+    padding: 1rem 2rem;
+
+    :is(h2, h3) {
+      padding: 0.5rem 0.5rem;
+      border-radius: 1rem;
+      box-shadow: 2px 5px 10px 3px rgba(0, 0, 0, 0.2);
+    }
+    p {
+      color: grey;
+      font-size: 1.5rem;
+    }
+  }
+</style>
+
 <BaseLayout meta={meta}>
   <BackIcon />
-  <TitleLayout title="Welcome to the world of learning" />
-  <main class="about-container">
+  <div class="about-container">
+    <section class="about__section">
+      <article class="about__article">
+        <Content class="content" />
+      </article>
+    </section>
     <HeroSection appName={appName} />
+
     <TeamSection members={pkg.contributors} />
     <TechSection />
-  </main>
+  </div>
 </BaseLayout>
diff --git a/src/pages/support.astro b/src/pages/support.astro
@@ -1,7 +1,7 @@
 ---
-import BaseLayout from "@/layouts/Base";
-import { Content } from "@/content/md/support.md";
 import "@/assets/styles/support.css";
+import { Content } from "@/content/support.md";
+import BaseLayout from "@/layouts/Base";
 ---
 
 <BaseLayout meta={{ title: "Support & Help Center" }}>
diff --git a/src/pages/varnmala/play.astro b/src/pages/varnmala/play.astro
@@ -129,6 +129,7 @@ import KeyboardTrigger from "@/components/KeyboardTrigger.astro";
       if (isAlphabet(keyCode)) {
         const upperKey = key.toUpperCase();
         let isDouble = false;
+        let doublePress;
         if (lastKey === upperKey) {
           // Double press detected
           isDouble = true;

Original file line number	Diff line number	Diff line change
`@@ -45,13 +45,12 @@`
`45`	`45`	`padding: 0.5rem 1rem;`
`46`	`46`	`background-color: var(--bg-tertiary);`
`47`	`47`	`color: var(--text-secondary);`
`48`		`- border: 1px solid var(--border-color);`
	`48`	`+ border: 1px solid var(--primary);`
`49`	`49`	`border-radius: 8px;`
`50`	`50`	`cursor: pointer;`
`51`	`51`	`font-size: 0.9rem;`
`52`	`52`	`font-weight: 500;`
`53`	`53`	`transition: all 0.2s ease;`
`54`		`- border-style: solid;`
`55`	`54`	`}`
`56`	`55`
`57`	`56`	`.footer-theme-toggle:hover {`
`@@ -167,7 +166,6 @@`
`167`	`166`	`@media (prefers-color-scheme: dark) {`
`168`	`167`	`.footer__nav {`
`169`	`168`	`color: #6b7280;`
`170`		`- /* text-gray-500 */`
`171`	`169`	`}`
`172`	`170`	`}`
`173`	`171`
`@@ -179,13 +177,11 @@`
`179`	`177`
`180`	`178`	`.footer__nav--item:hover {`
`181`	`179`	`color: #3b82f6;`
`182`		`- /* blue-500 */`
`183`	`180`	`}`
`184`	`181`
`185`	`182`	`@media (prefers-color-scheme: dark) {`
`186`	`183`	`.footer__nav--item:hover {`
`187`	`184`	`color: #60a5fa;`
`188`		`- /* blue-400 */`
`189`	`185`	`}`
`190`	`186`	`}`
`191`	`187`
`@@ -261,7 +257,7 @@`
`261`	`257`	`transition: transform 0.2s ease-in-out;`
`262`	`258`	`}`
`263`	`259`
`264`		`- .footer__nav--item[open] > summary .fa-chevron-down {`
	`260`	`+ .footer__nav--item[open]>summary .fa-chevron-down {`
`265`	`261`	`transform: rotate(180deg);`
`266`	`262`	`}`
`267`	`263`
`@@ -278,4 +274,4 @@`
`278`	`274`	`margin-top: 1rem;`
`279`	`275`	`font-size: 0.85rem;`
`280`	`276`	`}`
`281`		`-}`
	`277`	`+}`
Original file line number	Diff line number	Diff line change
`@@ -18,7 +18,7 @@ import "@/assets/styles/about.css";`
`18`	`18`	`))`
`19`	`19`	`}`
`20`	`20`	`</div>`
`21`		`- <a href="https://parixan.xyz" class="btn btn-primary">Start Your Learning Adventure</a>`
	`21`	`+ <a href="https://parixan.xyz" class="btn btn-primary">Start your learning adventure</a>`
`22`	`22`	`</div>`
`23`	`23`	`</section>`
`24`	`24`