Redesign contact page with social links and improved UI#19
Merged
Conversation
- Updated Sanity contact schema to support email, description, and socialLinks (platform select + URL + optional label) fields, replacing the unused coverImage requirement - Extended the GROQ contactQuery to project the new fields explicitly - Rewrote the contact page with a clean two-column layout: email card on the left, social platform cards on the right, each with a matching Lucide icon and subtle hover accent - Added platformConfig map for 12 platforms (GitHub, Twitter, LinkedIn, Instagram, YouTube, Facebook, Bluesky, Threads, TikTok, Twitch, Discord, Mastodon) with per-platform border-color hover effects - Kept the ContactForm below a divider for visitors who prefer a form - Manually updated sanity.types.ts to reflect the new schema and query shape until typegen can be re-run in an environment with node_modules https://claude.ai/code/session_01KeJ4Ls6oesnaWgSCLtv6qw
Contributor
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
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
2 participants
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.
Summary
Completely redesigned the contact page with a modern, card-based layout featuring social media links, email contact, and an improved visual hierarchy. Removed legacy contact fields (phone, address) and replaced the generic page header with a custom header design.
Key Changes
SocialCardcomponent with platform-specific icons and hover effects, supporting 12 social platforms (GitHub, Twitter, LinkedIn, Instagram, YouTube, Facebook, Bluesky, Threads, TikTok, Twitch, Discord, Mastodon)platformConfigobject mapping platforms to their icons, labels, and brand colors for consistent stylingcoverImageand legacy fields (phone,address)descriptionfield for page taglineemailfield with validationsocialLinkswith platform, URL, and optional custom labelDocumentTextIcontoEnvelopeIconcontactQueryto explicitly select only needed fields (_id,_type,title,description,email,socialLinks,content)sanity.types.tsto reflect the new schema structure with proper nullable fieldsNotable Implementation Details
LinkIconfor platforms without dedicated iconsnoopener noreferrer)https://claude.ai/code/session_01KeJ4Ls6oesnaWgSCLtv6qw