Feature/rza 260184 by ShahidJamal1 · Pull Request #187 · recursivezero/abcd

ShahidJamal1 · 2026-04-28T17:08:27Z

🚀 Summary

Fixes #184

Enhanced overall website UI/UX with navigation improvements, search functionality, responsive updates, and multiple page redesigns.

🛠️ Changes

🎨 UI Improvements

Redesigned Home section layout
Improved spacing and alignment
Enhanced visual hierarchy
Updated styling for a better user experience
Redesigned Contact Us section with a modern and interactive layout
Redesigned About Us section UI
Redesigned Terms and Conditions page UI
Redesigned Privacy Policy page UI
Redesigned Cookies section UI
Redesigned Support section UI
Enhanced Footer section UI and improved user experience
Redesigned Games category cards and optimized card sizes
Fixed logo icon alignment inside circular layout
Updated all game images with better matching visuals
Improved search bar spacing and layout
Added and aligned Hide & Seek game title
Improved game card alignment and consistency
Adjusted back button positioning for better navigation

🔍 New Features

Added a global search bar with search suggestions across the website
Implemented search functionality for better navigation
Added sidebar toggle functionality
Added a download policy feature
Added a back button beside the search bar
Added Shuffle and Reset controls to the Hide & Seek Grid game

🧭 Navigation Improvements

Replaced Parents and Teachers sections with:
- Categories
- Contact Us
Moved the theme toggle button from the footer to the header (right side)
Removed unnecessary Home/About menu items
Arranged menu items in alphabetical order
Fixed sidebar spacing and layout issues
Improved back button alignment and placement

🌙 Theme & Dark Mode

Updated the dark mode color scheme for better consistency and readability
Improved theme toggle accessibility

📱 Responsive Design

Made the website responsive across:
- Mobile devices
- Tablets
- Large screens and displays

🧪 Testing

Tested locally
Verified search functionality
Verified navigation updates
Tested responsive layouts across multiple screen sizes
Checked dark mode behavior
Verified sidebar toggle functionality
Verified Hide & Seek Grid game controls
Verified Draw Game fixes
Tested search bar layout and spacing

🏁 Checklist

Code follows project style
Self-review completed
No new warnings/lint errors

📸 Before / After

🎨 UI Improvements

(Add screenshots here)

Home Section

After

###About Section

###Contact Us Section

After

###Games Categories

🔍 Search Feature

(Add screenshots here)

🧭 Navigation & Sidebar Updates

(Add screenshots here)

🌙 Dark Mode

(Add screenshots here)

After

📱 Responsive Design

(Add screenshots here)

📄 Privacy Policy / Terms & Conditions / Support / Cookies Pages

(Add screenshots here)
###Privacy Policy

###Terms & Condition

###Cookies

###Support

ShahidJamal1 · 2026-04-28T17:08:46Z

Hi sir, I have created the PR from the same repository branch. Please check.

…ch bar, and fix logo icon layout

recursivezero

fix the menu theme change button

…vigation

recursivezero · 2026-05-28T17:41:08Z

thes eare lint issue

src/components/Hero.astro:5:7 - warning ts(6133): 'appName' is declared but its value is never read.

5 const { appName } = Astro.props;
        ~~~~~~~~~~~

src/components/PoemDialog.astro:33:7 - warning ts(6133): 'currentLang' is declared but its value is never read.

33   let currentLang = "en_GB";
         ~~~~~~~~~~~

src/layouts/Base.astro:5:20 - error ts(2307): Cannot find module '@/layouts/common/Header.astro' or its corresponding type declarations.

5 import Header from "@/layouts/common/Header.astro";
                     ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src/layouts/Base.astro:437:88 - error ts(2345): Argument of type 'EventTarget | null' is not assignable to parameter of type 'Node | null'.
  Type 'EventTarget' is missing the following properties from type 'Node': baseURI, childNodes, firstChild, isConnected, and 43 more.

437         if (!sidebar.contains(target) && !toggle.contains(target) && !pinBtn?.contains(target)) {
                                                                                           ~~~~~~
src/layouts/Base.astro:437:59 - error ts(2345): Argument of type 'EventTarget | null' is not assignable to parameter of type 'Node | null'.
  Type 'EventTarget' is missing the following properties from type 'Node': baseURI, childNodes, firstChild, isConnected, and 43 more.

437         if (!sidebar.contains(target) && !toggle.contains(target) && !pinBtn?.contains(target)) {
                                                              ~~~~~~
src/layouts/Base.astro:437:31 - error ts(2345): Argument of type 'EventTarget | null' is not assignable to parameter of type 'Node | null'.
  Type 'EventTarget' is missing the following properties from type 'Node': baseURI, childNodes, firstChild, isConnected, and 43 more.

437         if (!sidebar.contains(target) && !toggle.contains(target) && !pinBtn?.contains(target)) {
                                  ~~~~~~

src/layouts/common/Header.astro:608:14 - warning ts(6133): 'initMobileNavHighlight' is declared but its value is never read.

608     function initMobileNavHighlight() {
                 ~~~~~~~~~~~~~~~~~~~~~~

src/pages/contact.astro:5:1 - warning ts(6133): 'Back' is declared but its value is never read.

5 import Back from "@/components/Back.astro";
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src/pages/contact.astro:4:1 - warning ts(6133): 'TitleLayout' is declared but its value is never read.

4 import TitleLayout from "@/layouts/TitleLayout";
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

src/pages/support.astro:501:14 - warning ts(6133): 'sToggle' is declared but its value is never read.

501     function sToggle(i) {
                 ~~~~~~~

Result (175 files): 
- 4 errors
- 0 warnings
- 6 hints

Build failed. Commit aborted.

fix these

recursivezero · 2026-05-28T18:01:48Z

make this in center aligend when no sidebar opend; proper padding

recursivezero · 2026-05-28T18:08:17Z

search result panel is very bad design
make i good design and show suggesetion as a center not fuill widths and a better color and layout

and option should be selectable by keyboad arrow , currently user need to select explicirely
seach should be accessiblity rich

ShahidJamal1 · 2026-05-29T04:35:59Z

make this in center aligend when no sidebar opend; proper padding

sir in my pc looking like this

ShahidJamal1 · 2026-05-29T05:25:11Z

"All lint errors fixed, npm run build passes clean and astro check shows 0 errors."

…e navigation

…tle to grid page - Add modular shuffleArray<T> utility (Fisher-Yates algorithm) - Shuffle button randomizes alphabet tile order - Reset button restores A-Z order and clears active states - Display game title at top of grid page

recursivezero

Do not Break layout and existing functionality while enhancing it.

…s, game card alignment, draw game bugs, and back button positioning

recursivezero and others added 8 commits September 9, 2025 08:45

Develop: Analtics script added in head (#174)

14dd64e

Develop: Landing Page Redesign (#179)

1d61567

[main]: update build workflow

8ec9d11

[main]: category icon text css for theme

3f467ae

[main]: fix back button issue

1ef97ca

update workflow

fd4db43

Develop (#185)

1bb9069

Home Section UI Improved

fd603ef

ShahidJamal1 requested review from recursivezero and xkeshav as code owners April 28, 2026 17:08

ShahidJamal1 added 12 commits May 3, 2026 22:11

Add global search bar with suggestions

1c72530

Move theme toggle to header right

b015046

Replace Parents and Teacher sections with Categories and Contact Us

a3030b4

Improve dark mode color theme

242a428

Improve Games category card UI and optimize card sizes

854dc59

Enhance Contact Us UI with improved layout and responsiveness

4488b41

Enhance About Us section with improved UI and responsiveness

b18c2b7

Enhance Terms and Conditions page with improved UI and responsiveness

0bed09f

Enhance Privacy Policy UI and add download policy feature

cd924af

Enhance Cookies section UI and improve layout design

f0d7dc2

Enhance Support section UI and improve user experience

3e36d83

Fix sidebar spacing, update menu structure, add back button near sear…

c179026

…ch bar, and fix logo icon layout

recursivezero requested changes May 25, 2026

View reviewed changes

Enhance Home and Categories sections UI and improve mobile sidebar na…

dd8a706

…vigation

recursivezero self-requested a review May 28, 2026 17:41

recursivezero added this to ABCD May 28, 2026

github-project-automation Bot moved this to Backlog in ABCD May 28, 2026

recursivezero added the enhancement New feature or request label May 28, 2026

github-project-automation Bot moved this from Backlog to Ready in ABCD May 28, 2026

recursivezero assigned ShahidJamal1 May 28, 2026

recursivezero added 2 commits May 28, 2026 23:26

[RZA-260184]: lintify

e1471d6

[RZA-260184]: tsconfig change

57657b6

[RZA-260184]: fix zodiac page issue

b090bf1

ShahidJamal1 added 2 commits May 29, 2026 11:08

[RZA-260184]: Enhance search suggestions UX, accessibility, and mobil…

78b048a

…e navigation

recursivezero requested changes May 29, 2026

View reviewed changes

[RZA-260184]: fix: resolve search spacing, hide and seek button issue…

9ef2726

…s, game card alignment, draw game bugs, and back button positioning

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Feature/rza 260184#187

Feature/rza 260184#187
ShahidJamal1 wants to merge 27 commits into
developfrom
feature/RZA-260184

ShahidJamal1 commented Apr 28, 2026 •

edited

Loading

Uh oh!

ShahidJamal1 commented Apr 28, 2026

Uh oh!

recursivezero left a comment

Uh oh!

recursivezero commented May 28, 2026

Uh oh!

recursivezero commented May 28, 2026

Uh oh!

recursivezero commented May 28, 2026 •

edited

Loading

Uh oh!

ShahidJamal1 commented May 29, 2026

Uh oh!

ShahidJamal1 commented May 29, 2026

Uh oh!

recursivezero left a comment

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

Conversation

ShahidJamal1 commented Apr 28, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

🚀 Summary

🛠️ Changes

🎨 UI Improvements

🔍 New Features

🧭 Navigation Improvements

🌙 Theme & Dark Mode

📱 Responsive Design

🧪 Testing

🏁 Checklist

📸 Before / After

🎨 UI Improvements

Home Section

🔍 Search Feature

🧭 Navigation & Sidebar Updates

🌙 Dark Mode

📱 Responsive Design

📄 Privacy Policy / Terms & Conditions / Support / Cookies Pages

Uh oh!

ShahidJamal1 commented Apr 28, 2026

Uh oh!

recursivezero left a comment

Choose a reason for hiding this comment

Uh oh!

recursivezero commented May 28, 2026

Uh oh!

recursivezero commented May 28, 2026

Uh oh!

recursivezero commented May 28, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

ShahidJamal1 commented May 29, 2026

Uh oh!

ShahidJamal1 commented May 29, 2026

Uh oh!

recursivezero left a comment

Choose a reason for hiding this comment

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

ShahidJamal1 commented Apr 28, 2026 •

edited

Loading

recursivezero commented May 28, 2026 •

edited

Loading