Affected Apps / Packages
Portfolio (apps/portfolio)
Metadata
- Suggested Branch: feat/portfolio-feature-grid-previews
- Suggested PR Title: [Feature] [Portfolio]: render real template images in feature grid
Is your feature request related to a problem?
Yes. The "change the mood, not the content" box inside the feature grid section displays generic text cards ("Aa") with placeholders for Signal and Atelier. It would look much better if we showed actual visual representations of these templates.
Describe the solution you'd like
Replace the text placeholders for Signal and Atelier with mini-browser window cards that show the actual template preview images:
/templates/signal-template-preview.png/templates/atelier-template-preview.png
Describe alternatives you've considered
None. Using actual screenshots is the best visual choice.
Additional Context
Use next/image to render the screenshots with clean borders, shadows, and subtle hover animations that match the rest of the grid.
Affected Apps / Packages
Portfolio (apps/portfolio)
Metadata
Is your feature request related to a problem?
Yes. The "change the mood, not the content" box inside the feature grid section displays generic text cards ("Aa") with placeholders for Signal and Atelier. It would look much better if we showed actual visual representations of these templates.
Describe the solution you'd like
Replace the text placeholders for Signal and Atelier with mini-browser window cards that show the actual template preview images:
/templates/signal-template-preview.png/templates/atelier-template-preview.pngDescribe alternatives you've considered
None. Using actual screenshots is the best visual choice.
Additional Context
Use
next/imageto render the screenshots with clean borders, shadows, and subtle hover animations that match the rest of the grid.