FEAT : Resource Page Hero Section Redesigned#164
Open
ThePrabhu wants to merge 2 commits into
Open
Conversation
👷 Deploy request for safevoiceforwomen pending review.Visit the deploys page to approve it
|
Contributor
There was a problem hiding this comment.
Pull request overview
Note
Copilot was unable to run its full agentic suite in this review.
Updates the Resources page hero and “Quick Access Helplines” section with a refreshed layout and more prominent helpline cards/CTAs.
Changes:
- Reworked header layout (typography, spacing) and added “trust” badges (Verified/24-7/Nationwide).
- Redesigned helpline cards with richer hover effects and a “Call Now” CTA treatment.
- Added a safety reassurance banner below the helplines grid.
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
Comment on lines
+439
to
+444
| <header className="py-12 text-center"> | ||
| <h1 className="mb-4 text-6xl font-extrabold"> | ||
| <span className="bg-gradient-to-r from-pink-600 to-rose-600 bg-clip-text text-transparent"> | ||
| Verified Support Network | ||
| </span> | ||
| </h1> |
Comment on lines
+453
to
+472
| <div className="flex items-center gap-3 rounded-2xl border border-pink-200 bg-white px-8 py-4"> | ||
| <Shield className="h-5 w-5 text-pink-600" /> | ||
| <span className="font-semibold text-gray-700"> | ||
| Government Verified | ||
| </span> | ||
| </div> | ||
|
|
||
| {/* Slightly smaller text to fit longer numbers */} | ||
| <p className="mt-2 break-words text-2xl font-extrabold text-pink-600 dark:text-pink-400"> | ||
| {item.number} | ||
| </p> | ||
| <div className="flex items-center gap-3 rounded-2xl border border-pink-200 bg-white px-8 py-4"> | ||
| <Zap className="h-5 w-5 text-pink-600" /> | ||
| <span className="font-semibold text-gray-700"> | ||
| 24/7 Available | ||
| </span> | ||
| </div> | ||
|
|
||
| <div className="flex items-center gap-3 rounded-2xl border border-pink-200 bg-white px-8 py-4"> | ||
| <Users className="h-5 w-5 text-pink-600" /> | ||
| <span className="font-semibold text-gray-700"> | ||
| Nationwide Support | ||
| </span> | ||
| </div> |
Comment on lines
+536
to
+548
| <div className="rounded-2xl border border-pink-200 bg-gradient-to-r from-pink-50 to-rose-50 p-5 text-center shadow-md"> | ||
| <div className="flex items-center justify-center gap-3"> | ||
| <Shield className="h-6 w-6 text-pink-600" /> | ||
| <p className="text-sm md:text-base"> | ||
| <span className="font-bold"> | ||
| Your safety matters. | ||
| </span>{" "} | ||
| These services are confidential, free, and available 24/7. | ||
| Don't hesitate to reach out. | ||
| </p> | ||
| <Heart className="h-5 w-5 text-pink-600" /> | ||
| </div> | ||
| </div> |
Comment on lines
+494
to
+499
| return ( | ||
| <a | ||
| key={item.title} | ||
| href={`tel:${primaryNumber}`} | ||
| className="group relative overflow-hidden rounded-3xl border border-pink-200 bg-white p-7 text-center shadow-md transition-all duration-300 hover:-translate-y-2 hover:border-pink-400 hover:shadow-2xl dark:border-pink-900 dark:bg-gray-800" | ||
| > |
Contributor
Author
|
@Piyushydv08 , kindly review the code |
github-actions
Bot
added
gssoc'26
Piyushydv08
requested changes
Jun 3, 2026
Owner
Piyushydv08
left a comment
Piyushydv08
left a comment
There was a problem hiding this comment.
Align call now buttons in a single row
Contributor
Author
|
@Piyushydv08 kindly review the edits |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
🛠️ Pull Request
🏷️ PR Type
🔗 Related Issue
📝 Rationale / Motivation
The Resources page needed a dedicated section where users can easily access helpful resources, guides, and support materials. This improves content discoverability and enhances the overall user experience.
✨ Description of Changes
Frontend
🧪 Testing Instructions
👀 Impact Assessment
🖼️ Screenshots / GIFs
Add screenshots of the Resources page here.
⚡ Checklist
🎯 Priority / Impact Level