Timeline Options
Choose the version that works best for your landing page
Option 1: AI-Generated Vertical Image
A single image file - easy to update, consistent styling
✅ Pros:
- Consistent visual design
- Easy to replace/update
- Loads as single file
- Exact control over styling
❌ Cons:
- Text not selectable/searchable
- Requires image editing to change content
- Fixed size (though responsive)
Option 2: HTML/CSS Responsive Timeline
Fully coded, editable, and optimized for all devices
TODAY: The Panic
Terrified about running out of money
This is where the worry starts. You feel stuck, stressed, and dependent on income you soon won't have.
The 12-Month Path to Clarity
THIS WEEK
You have a simple offer you can sell
30 DAYS
You've reached out to 10 potential clients
6 MONTHS
You've sold your first offer ($5K)
You're making $5K–$10K/month on YOUR schedule (while still employed)
12 MONTHS: The Freedom
FINANCIAL INDEPENDENCE
You have FREEDOM to explore your second act—without financial panic.
You are now the architect of your life. Your income is stable, predictable, and fully on your terms.
✅ Pros:
- Fully responsive - perfect on all devices
- Text is selectable and SEO-friendly
- Easy to edit content directly in code
- Smooth animations possible
- Accessible for screen readers
❌ Cons:
- Requires code changes to update
- More complex to maintain
My Recommendation
Go with Option 2 (HTML/CSS) for maximum mobile readability and flexibility. The coded version:
- Scales perfectly on any device
- Text stays crisp and readable
- Easy to A/B test different copy
- Better for SEO and accessibility
However, if you prefer the exact visual style of the AI image, Option 1 works great too!