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:
2026-01-20 19:13:48 +00:00
parent 1f5498d7d8
commit 6b45846d6d
3 changed files with 147 additions and 51 deletions

View File

@@ -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