What would you like to be added?
🎨 Improve UI of Content Sections (What We Offer, Why Choose Us, Core Values, Contact)
📌 Overview
The sections "What We Offer", "Why Choose Us", "Our Core Values", and "Contact" are currently displayed using simple text lists and headings. However, the layout lacks proper spacing, alignment, visual hierarchy, and theme consistency (light & dark mode), making the UI appear cluttered and less engaging.
This issue focuses on improving structure, readability, and overall design across both light and dark modes.
📷 Current Behavior
General Issues
- Lists appear plain and not visually structured
- Spacing between items and sections is inconsistent
- Headings and content are not clearly differentiated
- Icons/emojis are not aligned properly with text
- Sections look dense and hard to scan
- Contact section formatting is weak and not visually distinct
Light Mode Issues
- Section headers have heavy grey backgrounds that look outdated
- Contrast between text and background is not well balanced
- Overall UI looks flat and less modern
Dark Mode Issues
- Text contrast is not properly optimized
- Background and section highlights do not adapt consistently
- Some elements reduce readability
✅ Tasks
- Improve list styling:
- Add proper spacing between list items
- Align icons/checkmarks consistently
- Enhance section layout:
- Add clear separation between sections
- Improve padding and margins
- Strengthen visual hierarchy:
- Differentiate headings from content more clearly
- Refactor section headers:
- Replace heavy background styles with cleaner design
- Improve Contact section:
- Better formatting and spacing
- Highlight email/CTA properly
- Fix theme consistency:
- Ensure proper design in both light and dark modes
- Improve contrast and readability
- Maintain responsiveness across devices
🛠️ Technical Notes
- Follow existing design system and color scheme
- Use reusable styles/components
- Avoid breaking layout
- Consider accessibility (contrast ratio)
🎯 Expected Outcome
All sections should have a clean, modern, and well-structured layout with consistent design across light and dark modes, improving readability and overall user experience.
🏷️ Labels
enhancement, UI/UX, good first issue
Why is this needed?
Improving the UI of these content sections is important to enhance readability, visual clarity, and overall user experience.
Currently, the sections appear cluttered with inconsistent spacing, weak visual hierarchy, and poor alignment. In light mode, heavy background styles and flat design reduce the modern look, while in dark mode, contrast and readability issues affect usability.
Addressing these issues will make the content easier to scan, improve accessibility, and create a more polished and consistent interface across both themes.
What would you like to be added?
🎨 Improve UI of Content Sections (What We Offer, Why Choose Us, Core Values, Contact)
📌 Overview
The sections "What We Offer", "Why Choose Us", "Our Core Values", and "Contact" are currently displayed using simple text lists and headings. However, the layout lacks proper spacing, alignment, visual hierarchy, and theme consistency (light & dark mode), making the UI appear cluttered and less engaging.
This issue focuses on improving structure, readability, and overall design across both light and dark modes.
📷 Current Behavior
General Issues
Light Mode Issues
Dark Mode Issues
✅ Tasks
🛠️ Technical Notes
🎯 Expected Outcome
All sections should have a clean, modern, and well-structured layout with consistent design across light and dark modes, improving readability and overall user experience.
🏷️ Labels
enhancement, UI/UX, good first issue
Why is this needed?
Improving the UI of these content sections is important to enhance readability, visual clarity, and overall user experience.
Currently, the sections appear cluttered with inconsistent spacing, weak visual hierarchy, and poor alignment. In light mode, heavy background styles and flat design reduce the modern look, while in dark mode, contrast and readability issues affect usability.
Addressing these issues will make the content easier to scan, improve accessibility, and create a more polished and consistent interface across both themes.