Skip to content

Refactor About Section and add Compact Grid Elements#161

Merged
Piyushydv08 merged 1 commit into
Piyushydv08:mainfrom
Papia-tech:main
Jun 2, 2026
Merged

Refactor About Section and add Compact Grid Elements#161
Piyushydv08 merged 1 commit into
Piyushydv08:mainfrom
Papia-tech:main

Conversation

@Papia-tech
Copy link
Copy Markdown
Contributor

🛠️ Pull Request Template

🏷️ PR Type

Select the type of PR (check one):

  • 🐞 Bug Fix
  • ✨ Feature
  • 🛠️ Improvement / Refactor
  • 📚 Documentation

🔗 Related Issue


📝 Rationale / Motivation

Explain why this change is necessary.

  • Improved UX/UI: The previous "About SafeVoice" section was text-heavy and lacked visual structure.
  • Trust & Clarity: Restructuring the mission and core values into a scannable grid helps build immediate trust with users seeking sensitive support.
  • Design Consistency: The updated layout matches the modern dark theme and interactive feel of the existing hero section.

✨ Description of Changes

Summarize changes with details:

  • Home.tsx: Replaced the long paragraph in the "About" section with a compact, four-column grid layout.

  • Component Structure: Integrated four dedicated cards for "Our Mission," "Absolute Anonymity," "AI-Driven Safety," and "Verified Resources".

  • Visual Enhancements: Added custom SVG icons and themed background blurs to each card for better scannability.

  • Responsive Design: Ensured the grid adjusts from a single column on mobile to four columns on large screens for optimal viewing.

  • Frontend

    • Component A updated
    • Component B refactored
  • Backend / API

    • Endpoint X optimized
    • Validation added
  • Documentation

    • Updated README / Added usage example

🖼️ Screenshots / GIFs (if applicable)

image image

⚡ Checklist

  • Code follows project’s coding style and guidelines
  • Changes are tested locally
  • Automated tests added/updated
  • Documentation updated (if applicable)
  • User-facing changes are documented
  • Related issue linked
  • No new warnings/errors introduced
  • All reviewers guidance addressed

⚠️ Breaking Changes

  • None: This is a non-breaking UI refactor.

@netlify
Copy link
Copy Markdown

netlify Bot commented Jun 2, 2026

👷 Deploy request for safevoiceforwomen pending review.

Visit the deploys page to approve it

Name Link
🔨 Latest commit 5a13a52

@github-actions github-actions Bot added gssoc'26 Contribution for Girlscript Summer of Code'26 level:intermediate GSSoC: Intermediate difficulty - 35 pts type:design GSSoC: UI or UX design changes labels Jun 2, 2026
@Papia-tech
Copy link
Copy Markdown
Contributor Author

Hello @Piyushydv08 could you please review and merge this PR when you get time? Thank you!

@Piyushydv08 Piyushydv08 merged commit 86deb1e into Piyushydv08:main Jun 2, 2026
2 checks passed
@Piyushydv08 Piyushydv08 added quality:exceptional GSSoC: Exceptional quality - x1.5 multiplier gssoc:approved PR approved by Admin labels Jun 2, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

gssoc:approved PR approved by Admin gssoc'26 Contribution for Girlscript Summer of Code'26 level:intermediate GSSoC: Intermediate difficulty - 35 pts quality:exceptional GSSoC: Exceptional quality - x1.5 multiplier type:design GSSoC: UI or UX design changes

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Enhancement: Expand "About SafeVoice" section for better trust and clarity

2 participants