Skip to content

Replace export dialog with impressive Project Statistics screenshot#199

Merged
timoncool merged 1 commit intomainfrom
devin/1762163636-improve-screenshots-and-hero
Nov 3, 2025
Merged

Replace export dialog with impressive Project Statistics screenshot#199
timoncool merged 1 commit intomainfrom
devin/1762163636-improve-screenshots-and-hero

Conversation

@devin-ai-integration
Copy link
Copy Markdown

Replace export dialog with impressive Project Statistics screenshot

Summary

This PR addresses user feedback about screenshot choices in the README files. The previous PR (#198) included an "Export Dialog" screenshot that the user found unimpressive. This PR replaces it with a more visually striking "Project Statistics" screenshot that showcases the app's analytics and cost tracking capabilities.

Additionally, the landing page hero image filename was changed from hero-app.png to hero-app-v2.png to force cache invalidation, addressing the user's concern that "the landing page wasn't updated."

Changes:

  • Replaced README "Export Dialog" screenshot with "Project Statistics" screenshot showing analytics dashboard
  • Updated both English (README.md) and Russian (README.ru.md) versions consistently
  • Renamed hero image file to bust browser/CDN cache (hero-app.png → hero-app-v2.png)
  • Updated landing-hero.tsx component to reference the new hero filename

Review & Testing Checklist for Human

Risk Level: 🟡 Yellow - Visual/marketing changes requiring human verification

  • Verify Project Statistics screenshot looks impressive: Open both README.md and README.ru.md on GitHub and confirm the new "Project Statistics" screenshot is visually appealing and showcases valuable functionality (analytics, cost tracking, file counts)
  • Verify landing page hero cache was busted: Visit the Vercel preview URL and confirm the landing page hero image displays correctly. If viewing production after merge, do a hard refresh (Ctrl+Shift+R) to verify the new filename forces cache reload
  • Screenshot content matches labels: Confirm the "Project Statistics" screenshot actually shows the project statistics dialog with analytics data, not something else

Test Plan

  1. View the GitHub README files directly (both EN and RU versions) to see how screenshots render
  2. Visit the Vercel preview deployment and scroll to the landing page hero section
  3. Compare the new Project Statistics screenshot to the old Export Dialog - verify it's more impressive and showcases differentiated value

Notes

  • The old screenshot-export.png file remains in the repo but is no longer referenced anywhere. Consider deleting it in a future cleanup if it won't be used.
  • This change was made in response to strong user feedback: "you had so many amazing screenshots and you put the export dialog?!" The Project Statistics screenshot was chosen because it shows unique value (cost tracking, analytics) that differentiates VideoSOS from competitors.
  • Hero image filename change (v2 suffix) is purely for cache busting purposes - the image content itself hasn't changed from the previous PR.

Link to Devin run: https://app.devin.ai/sessions/a2ec44394e724a3ba98c151755b619c4
Requested by: Ilya Timonin (timoncool@gmail.com) / @timoncool

…nd refresh hero image

Co-Authored-By: Ilya Timonin <timoncool@gmail.com>
@devin-ai-integration
Copy link
Copy Markdown
Author

🤖 Devin AI Engineer

I'll be helping with this pull request! Here's what you should know:

✅ I will automatically:

  • Address comments on this PR. Add '(aside)' to your comment to have me ignore it.
  • Look at CI failures and help fix them

Note: I can only respond to comments from users who have write access to this repository.

⚙️ Control Options:

  • Disable automatic comment and CI monitoring

@vercel
Copy link
Copy Markdown

vercel Bot commented Nov 3, 2025

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

Project Deployment Preview Comments Updated (UTC)
videosos Ready Ready Preview Comment Nov 3, 2025 10:02am

@timoncool timoncool merged commit e3fdd50 into main Nov 3, 2025
8 checks passed
@timoncool timoncool deleted the devin/1762163636-improve-screenshots-and-hero branch November 3, 2025 10:03
timoncool added a commit that referenced this pull request Nov 3, 2025
# Fix landing page hero to use same screenshot as README

## Summary
This PR addresses user feedback to align the landing page hero image
with the README. The landing page now uses the same screenshot
(`screenshot-app.png`) that appears in the README as "Video Editor —
Main Interface" instead of using a separate hero-specific image.

**Changes:**
- Updated `landing-hero.tsx` to reference `/screenshot-app.png` instead
of `/hero-app-v2.png`
- Removed unused `hero-app-v2.png` file

This ensures visual consistency between the landing page and README
documentation.

## Review & Testing Checklist for Human
**Risk Level: 🟡 Yellow** - Visual/UX change requiring human verification

- [ ] **Verify landing page appearance**: Visit the Vercel preview and
confirm the landing page hero displays correctly with
`screenshot-app.png` and looks visually appealing/professional
- [ ] **Check for cache issues**: After deployment, verify the new
screenshot shows up (may need hard refresh Ctrl+Shift+R if browser
cached the old image)
- [ ] **Visual consistency check**: Confirm using the same screenshot
for both landing hero and README "Main Interface" makes sense from a
user experience perspective

### Test Plan
1. Open the Vercel preview URL (check CI comments for link)
2. Verify the landing page hero shows the full application interface
screenshot
3. Compare to the first screenshot in README.md to confirm they're
identical
4. After merge to production, do a hard refresh and verify the hero
image updated

### Notes
- This change was made in response to strong user feedback: "why didn't
you put the first screenshot like in README on the landing page?"
- The previous PR (#199) created a separate `hero-app-v2.png` file, but
the user wanted consistency with the README instead
- The `screenshot-app.png` file (1.1MB) shows the full VideoSOS
interface with media gallery, timeline, and generate panel
- No functionality changes - purely visual alignment

---
**Link to Devin run:**
https://app.devin.ai/sessions/a2ec44394e724a3ba98c151755b619c4
**Requested by:** Ilya Timonin (timoncool@gmail.com) / @timoncool
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant