CodeIssuesPullsCIStacksSearchBranchesTags

Refresh homepage layout and social preview metadata#12

merged
main
feat/homepage-refresh
opened19d agobySscreen-gd
7 files changed
View on GitHubRepository sync pausedPR last imported 7d ago

What changed

Updated the homepage bento grid and library cards, improved directory search layout, and added a 1200×630 social preview image with Open Graph and Twitter metadata.

Type

  • New library
  • Library metadata correction
  • Bug fix
  • Feature
  • Documentation

Verification

  • I kept this pull request focused.
  • I ran npm run build successfully.
  • I checked light and dark modes when the interface changed.
  • I checked keyboard access and reduced motion when interaction changed.
  • I added screenshots or a recording for visible changes.

Library submissions

Related issue

Closes #

Summary by CodeRabbit

  • Improvements
    • Updated social sharing previews with refreshed imagery and website details.
    • Made library cards easier to open by linking more of each card to its destination while keeping save and external-link actions accessible.
    • Adjusted directory and search-bar spacing for clearer layouts on smaller screens.
    • Refined the feature grid’s column and row layout across screen sizes.

Checks

Checks in progress
Sscreen-gdopened·19d ago
V
vercel[bot]·19d ago

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

ProjectDeploymentActionsUpdated
External image colReady ReadyPreviewSep 23, 2026 10:13pm UTC
C
coderabbitai[bot]·19d ago

Review in Change Stack →

Navigate logical layers of code changes, visualize relationships, and explore their blast radius.

[!NOTE] Currently processing new changes in this PR. This may take a few minutes, please wait...

⚙️ Run configuration

Configuration used: Organization UI

Review profile: ASSERTIVE

Plan: Advanced

Run ID: 6e240481-dd51-4eec-a358-69ee9a8a2f39

📥 Commits

Reviewing files that changed from the base of the PR and between e396b83f8188eb93d9b0cf2e4cf5c9b74ee9d617 and abcff9628a9dcc9f3aafcb3b66581b1591760461.

⛔ Files ignored due to path filters (1)
  • public/col-social-preview.jpg is excluded by !**/*.jpg
📒 Files selected for processing (6)
  • app/layout.tsx
  • components/DirectoryExplorer.tsx
  • components/FilterBar.tsx
  • components/LibraryCard.tsx
  • components/WhatsInsideSection.tsx
  • components/ui/bento-grid.tsx
ascii
1 __________________________________________________________________________________________________________
2< Minimize coupling between modules. Avoid coupling by writing 'shy' code and applying the Law of Demeter. >
3 ----------------------------------------------------------------------------------------------------------
4 \
5 \ (\__/)
6 (•ㅅ•)
7 / 　 づ
✨ Finishing Touches
📝 Generate docstrings
  • Commit to this branch
  • Create a new PR
🧪 Generate unit tests (beta)
  • Commit to this branch
  • Create a new PR

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.