How maxrohowsky/landing-page-design-examples works
This repository is a curated landing-page inspiration site. A visitor opens the site, whose home page fetches the listing data, lets visitors filter it by tags, and renders scrollable cards linking to each showcased site. The interface also includes a promotional hero, navigation, and banner. The README documents the site and its filtering capability; source excerpts show the page’s data-fetch and rendering behavior. The dataset and screenshots are served from GitHub. Some interface links are explicit, but no further backend processing is shown.
Main entry points: page.js Home page · card.js Page card · filters.js Tag filters · banner.js Community banner
Components 11
Browse experience
- Home page
next-site/src/app/page.js - Tag filters
next-site/src/components/filters.js - Filtered listing
next-site/src/app/page.js - Page card
next-site/src/components/card.js
Curated content
- Catalog data
docs/data.json - GitHub content host
- Showcased sites
Site promotion
- Community banner
next-site/src/components/banner.js - Site navigation
next-site/src/components/navbar.js - Hero promotion
next-site/src/components/hero.js
Other components
- Visitor
Connections 12
- Visitor → Home page: opens
README.md - Home page → GitHub content host: fetches listing
next-site/src/app/page.js - GitHub content host → Home page: returns JSON
next-site/src/app/page.js - Home page → Tag filters: renders
next-site/src/app/page.js - Home page → Filtered listing: renders
next-site/src/app/page.js - Tag filters → Filtered listing: sets tag state
next-site/src/app/page.js - Filtered listing → Page card: renders matches
next-site/src/app/page.js - Page card → GitHub content host: loads screenshots
next-site/src/components/card.js - Page card → Showcased sites: links to
next-site/src/components/card.js - Home page → Community banner: renders
next-site/src/app/page.js - Home page → Site navigation: renders
next-site/src/app/page.js - Home page → Hero promotion: renders
next-site/src/app/page.js