- Store badges: w-full on mobile, sm:w-[260px] on larger screens
- AppPreview phone: w-full with aspect-ratio on mobile
- UseCases rows: stack vertically on mobile (flex-col sm:flex-row)
- Footer/DownloadCTA: responsive padding and container widths
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- Store badges: w-full on mobile, sm:w-[260px] on larger screens
- AppPreview phone: w-full with aspect-ratio on mobile, fixed size on lg
- UseCases rows: stack vertically on mobile (flex-col sm:flex-row)
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Complete redesign with 9 sections matching the updated 1920px layout:
- Header: sticky nav with globe/language toggle and Download CTA
- Hero: warm beige bg, iPhone mockup, "A Modern Way to Stay Connected"
- WhyTalkPro: 2x2 card grid with SVG icons and illustration
- CoreSystem: halftone bg, 6-card feature grid with 3D icons
- Experience: 3 vertical screenshot cards with exact Figma clip positions
- UseCases: split layout with 4 orange-header rows
- Trust: 4-column reliability features with sprite clipping and SVG dividers
- AppPreview: interactive phone carousel with prev/next fade transition
- DownloadCTA: polka-dot bg, TalkPro logo script, store badges
- Footer: logo, description, store badges, link columns
All 35 Figma assets downloaded locally (SVGs correctly named .svg).
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
