Warm pastel CRO redesign — waitlist landing page overhaul

[syed-reza98]

$(cat <<'EOF'

Summary

• Warm pastel design system — canvas moves from stark white to cream (#FFFDF9) and peach (#FFF4EC); terracotta/peach accents (#FF9E7D) replace cold grays throughout; sage/mint greens (#EAF7F0, #A2CBA0) reserved for health/nutrition motifs; brand blue (#2979FF) kept strictly for action elements
• Hero section — floating translucent pet emoji decorations (CSS @keyframes), gradient app icon with ring-pulse animation, warm glassmorphism waitlist card; all form inputs share identical pill geometry (height: 50px, border-radius: 100px) including the petCount number field
• Social proof strip — four scannable stat items (pet parents joined, nutrition engine, geo-matching, marketplace) inserted between hero and feature sections to reduce scroll anxiety
• Bento 1 – Care Streaks — task tiles gain backdrop-filter blur and a subtle border; streak dot for today uses box-shadow ring instead of outline for broader browser support
• Bento 2 – Smart Nutrition — new 5-column CSS bar chart visualises the weight log trend; activity badge pill sits alongside the kcal figure; log trimmed to 4 most-recent entries for scannability
• Bento 3 – Discovery & Match — Ziggy Leopard Gecko card gets a dedicated portrait area (height: 218px) with the emoji floating on a radial-gradient stage; personality tags include tag-green variant; dock buttons use warm-peach border instead of generic gray
• Bento 4 – Social/Commerce — panels use border-radius: 32px with warm border tint; seller stats switch to peach-tinted tiles; seller header carries a sage gradient wash
• Final CTA — deep blue gradient with layered radial blobs; dual-button row (primary white + ghost outline)
• All backend logic 100% intact — SUPABASE_URL, WAITLIST_API, IDs (firstName, email, petType, petCount, form-state, success-state, counter, spot-number), and all JS functions (fetchWaitlistCount, animateCounter, handleJoin, updateShareLinks, copyLink) are unchanged

Test plan

• Fill form with valid data → success state shows, spot-number and counter update correctly
• Submit with empty name/email/petType → shake animation fires on the offending field
• petCount input visually matches text inputs (same height, pill radius, border, background)
• Scroll reveal triggers on all .reveal elements as sections enter viewport
• Floating hero decorations hidden on ≤600px screens; form rows stack to single column
• All four feature sections render without overlap at 375px, 768px, and 1280px viewports
• Care streak ring, nutrition bar chart, and match card portrait display correctly on Safari/Firefox

https://claude.ai/code/session_0116rKa7kc65vJnjW7L7WyPp
EOF
)

---

Generated by Claude Code

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
petfolio-waitlist	Ready	Preview, Comment	May 19, 2026 0:22am