feat(ui): premium wedding-luxury redesign (+ blog & FAQ from #10) - #11
Merged
Conversation
Elevate the look to a high-end wedding aesthetic (maroon + gold + cream): - New decorative SVGs (src/components/ui/decor.tsx): a wax-seal medallion, a flourish divider, a four-point star mark, and corner filigree. - Custom line icons for features (template, photo, PDF, link, shield, heart) replacing emoji — consistent and crisp. - Premium Button variants: maroon/gold gradients, soft shadow, gold ring, subtle lift on hover. - CSS design utilities: gold-foil text, paper-bg radial wash, lux-shadow, gold-rule/gold-gradient/maroon-gradient, wrap-safe gold-underline, slow seal rotation (respects prefers-reduced-motion). - Landing page: seal accent, gold-underlined headline, flourish dividers, medallion feature icons, framed miniature template previews with corner flourishes, gold-ringed step numbers with a connecting rule, refined FAQ + CTA with a maroon-gradient finale. - Blog index + post and the /create header: matching brand mark, paper background, gold accents, framed article CTA. - Hardening: overflow-x-clip on page roots (doesn't break sticky nav) and a wrap-safe underline so the hero headline reflows cleanly on mobile. Verified with headless Chrome at desktop + mobile widths. Content is unchanged (SEO intact); changes are presentational. lint, test (61) and build all green. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
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
1 participant
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.
What
A premium wedding-luxury visual redesign across the whole app (maroon + gold + cream), built on top of the blog/SEO work. This PR supersedes #10 — it contains all of #10's blog + FAQ commits plus the redesign, so merging this lands everything.
Design highlights
ui/decor.tsx): wax-seal medallion, flourish divider, star mark, corner filigree.prefers-reduced-motion).Also included (was #10)
Notes
overflow-x-clipon page roots (doesn't break the sticky nav) + wrap-safe headline underline.Verified
npm run lint✅ ·npm test✅ (61) ·npm run build✅ (all 12 posts prerendered)🤖 Generated with Claude Code