feat: enhance contact page with newsletter and social cards
Add newsletter_card component with :card and :inline variants to share between footer and contact page. Add social_links_card component with full-width icon+text cards for better discoverability. Improve contact_form with optional email link and response time display, keeping important contact info above the fold. Reorganize contact page layout with form on left, info cards on right. Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
30
ROADMAP.md
30
ROADMAP.md
@@ -339,29 +339,7 @@ This ensures sellers never unknowingly sell at a loss due to Printify price chan
|
||||
|
||||
## Quick Wins (Low Effort)
|
||||
|
||||
### Enhanced Contact Page
|
||||
**Status:** Not implemented
|
||||
**Effort:** Small
|
||||
|
||||
The current contact page has subtle footer social icons that are easy to miss. Improvements:
|
||||
|
||||
1. **Newsletter signup card** - Prominent card encouraging newsletter subscription as the best way to stay updated (already in footer, but deserves dedicated placement)
|
||||
|
||||
2. **Social media links card** - Full-width card listing social platforms with icons and text labels:
|
||||
```
|
||||
[Instagram icon] Instagram
|
||||
[Patreon icon] Patreon
|
||||
[TikTok icon] TikTok
|
||||
[Facebook icon] Facebook
|
||||
[Pinterest icon] Pinterest
|
||||
```
|
||||
This makes social links more discoverable than the current small footer icons.
|
||||
|
||||
**Implementation:**
|
||||
- Add `newsletter_card/1` component to ShopComponents
|
||||
- Add `social_links_card/1` component with configurable platforms
|
||||
- Update contact page template to include both cards
|
||||
- Consider making platforms configurable via theme settings
|
||||
*(None pending)*
|
||||
|
||||
---
|
||||
|
||||
@@ -488,3 +466,9 @@ The project is currently named `simpleshop_theme` (reflecting its origins as a t
|
||||
- Current page is not a link (avoids self-links)
|
||||
- Logo links to home except when on home page
|
||||
- `aria-current="page"` with visual underline indicator
|
||||
|
||||
### Enhanced Contact Page ✅
|
||||
- `newsletter_card` component with `:card` and `:inline` variants (shared with footer)
|
||||
- `social_links_card` component with icon + text label cards
|
||||
- Contact form with integrated email link and response time
|
||||
- Reorganized layout: contact form left, info cards right
|
||||
|
||||
Reference in New Issue
Block a user