Showcase and branding cleanup

[DenhamPreen]

• style: 3 column showcase
• feat: nav logo
• feat: footer & showcase cleanup
• feat: add sub pages for seo for showcase

Summary by CodeRabbit

• New Features

  • Added showcase section featuring 14 community projects with detailed project pages
  • Implemented new footer component with navigation links and copyright information

• Style

  • Updated navbar branding with new title and gradient animation effects
  • Enhanced typography sizing and heading hierarchy across documentation
  • Improved dark mode color tokens and contrast
  • Refined card layouts and visual styling for better presentation

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
envio-docs	Error		Mar 11, 2026 10:01am

[coderabbitai]

Caution

Review failed

Pull request was closed or merged during review

📝 Walkthrough

Walkthrough

This pull request introduces a new Showcase section to the documentation website, featuring a data-driven architecture for displaying featured projects. It includes configuration updates for navbar branding, a comprehensive CSS overhaul with new animations and styling, a showcase data module, a detail component for individual showcase pages, 16 individual showcase page components, a refactored showcase index page, and a new footer component implementation.

Changes

Cohort / File(s)	Summary
Configuration & Branding docusaurus.config.js, static/custom.css	Updated navbar title to "Envio", hid logo image, added showcase item styling with gradient animation; increased navbar title font-weight and font-size; removed footer title styling.
Core Styling Updates src/css/custom.css	Refactored font stacks, introduced gradient animation (envioGradient) for navbar branding, added showcase item variant (.navbar__item--showcase) with gradient text and animation, updated footer/breadcrumb/table styling with improved dark-mode contrast and spacing.
Showcase Data & Architecture src/pages/showcase/_data.js, src/pages/showcase/_detail.js	Created new data module exporting tags and sites array; created ShowcaseDetail component rendering site metadata, media (video/image), tags, source link, and CTA button with conditional rendering and meta tag generation.
Showcase Index Page src/pages/showcase/index.js	Refactored from static content to data-driven rendering; replaced in-file site definitions with imported data; restructured card layout with clickable links, fixed-height media containers, padded content areas, and styled tag pills.
Showcase Detail Pages src/pages/showcase/{chain-density,chain-pulse,cryptokitties-genome-visualiser,hypersync-query-builder,liqo,logtui,oracle-wars,safescan,snubb,solana-stables,stable-radar,stable-volume,the-list,v4-xyz}.js	Created 14 minimal page components; each imports site data and detail component, locates matching site by slug, and renders ShowcaseDetail with found site as prop.
Footer Component src/theme/Footer/index.js	Implemented new Docusaurus theme Footer component; reads config from useThemeConfig, flattens footer link structure, renders copyright text and navigation with external link handling (target="_blank", rel="noopener noreferrer") and memoization.

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~25 minutes

Possibly related PRs

• UI Improvements on Showcase Page #709: Modifies showcase pages structure and presentation, directly related to this PR's refactoring of src/pages/showcase/index.js and showcase card rendering.
• Add Stable Radar #747: Adds additional showcase entries and updates showcase rendering logic, overlapping with this PR's showcase infrastructure.
• dp/docs styling refresh #674: Updates styling in src/css/custom.css and static/custom.css with theme configuration changes, shares styling and theme modification scope with this PR.

Suggested reviewers

• nikbhintade
• moose-code

Poem

🐰 Hops through the gradient glow,
Sixteen showcases now on show,
Data flows where cards once grew,
Fresh branding brings the site anew! ✨

🚥 Pre-merge checks | ✅ 2 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (2 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title 'Showcase and branding cleanup' directly reflects the main changes: new showcase detail pages, updated branding (navbar logo/title styling), footer redesign, and showcase page reorganization.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

• 📝 Generate docstrings (stacked PR)
• 📝 Generate docstrings (commit on current branch)

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch dp/showcase-cleanup

---

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

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}