Screen #10 of 60 Batch 2 mobile • 390x844px

Mobile Landing Page — Fold 4: Mobile Pricing Cards & 3-Way Value Exchange Selector

Specification & Codex Reference Prompt (Click to expand) (Mobile Fold 4: Swipeable mobile pricing cards showing Free ($0) with rewarded video options vs Pro ($9/mo).)

Screen Role: Mobile Fold 4: Swipeable mobile pricing cards showing Free ($0) with rewarded video options vs Pro ($9/mo).

Design Intent: A sleek mobile pricing screen UI mockup at 390x844 resolution (iPhone 15 Pro) in crisp Light Mode (Mobile Fold 4 of 5, connects below Mobile Fold 3). Clean off-white background (#F8FAFC). Section title: "Choose Your Plan". Horizontally swipeable pricing card carousel showing Card 1 ("Free Forever - $0/mo") and Card 2 ("Pro Creator - $9/mo" with highlighted indigo border and "Recommended" pill badge). Feature bullet lists with vector checkmark SVGs: - Free: Unlimited WASM, 5 Cloud files/day, watch 15s video for +3 files. - Pro: Unlimited everything, 2GB file size, priority cloud, zero ads. Full-width primary indigo button "Get Started Free" with secondary text link "View Team & API Plans". iOS design standards, zero emojis.

Component Architecture: Django Cotton components (<c-file_converter.* />) with Tailwind tokens matching Labb.io design language.

Direct route: /file-converter/m/#pricing Template: file_converter/screens/screen_10.html

Live Django Implementation (mobile)

Isolate →

9:41

Tier Selection