refactor(showcase): update showcase page layout, remove unused images…

[afsar-dev]

…, and enhance showcase item structure

Summary by CodeRabbit

• New Features
  • Added a new issue template for submitting projects to the showcase, with guided fields and screenshot instructions.
  • Updated the showcase section with a refreshed layout and card design.
  • Showcase cards now open project websites directly in a new tab.
  • One featured showcase entry was updated with new project details and visuals.
• Chores
  • Removed the standalone showcase detail page and simplified related showcase handling.

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
nurui	Building	Preview, Comment, Open in v0	Jul 2, 2026 10:47am

[coderabbitai]

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: d6d843de-493d-4baa-bb01-145944bcead5

📥 Commits

Reviewing files that changed from the base of the PR and between 4a9e913 and 4f78cc1.

⛔ Files ignored due to path filters (4)

• public/showcase/aura-analytics.png is excluded by !**/*.png
• public/showcase/nurui-docs.png is excluded by !**/*.png
• public/showcase/nurui-project-showcase-1.png is excluded by !**/*.png
• public/showcase/zenith-portfolio.png is excluded by !**/*.png

📒 Files selected for processing (9)

• .github/ISSUE_TEMPLATE/config.yml
• .github/ISSUE_TEMPLATE/showcase_submission.md
• src/app/showcase/[slug]/page.tsx
• src/app/showcase/page.tsx
• src/components/pages/showcase/ShowcaseCard.tsx
• src/components/pages/showcase/ShowcaseGrid.tsx
• src/data/showcase.data.ts
• src/types/showcase.type.ts
• tsconfig.json

---

📝 Walkthrough

Walkthrough

Removes the showcase detail page and its dynamic routing, redesigns ShowcaseCard/ShowcaseGrid to link directly to external project URLs with accent colors, extends IShowcaseItem with subtitle/accentColor fields, updates showcase data, reworks the showcase page layout/CTA, adds GitHub issue templates, and reformats tsconfig.json.

Changes

Showcase redesign

Layer / File(s)	Summary
Type and data updates src/types/showcase.type.ts, src/data/showcase.data.ts	IShowcaseItem gains optional subtitle and accentColor fields; the first showcase entry's content is fully replaced with new project data.
Card and grid redesign src/components/pages/showcase/ShowcaseCard.tsx, src/components/pages/showcase/ShowcaseGrid.tsx	ShowcaseCard now accepts an index, computes accent colors, derives domain/subtitle via new helpers, and links externally to websiteUrl instead of an internal route; ShowcaseGrid passes the new index prop and updates grid spacing.
Listing page layout and CTA src/app/showcase/page.tsx	Page container and SectionIntro props are restructured, and the prior CTA section is replaced with a footer linking to the showcase submission issue template.
Detail page removal src/app/showcase/[slug]/page.tsx	The dynamic showcase detail page, its metadata generation, and static params are deleted.
Issue templates .github/ISSUE_TEMPLATE/config.yml, .github/ISSUE_TEMPLATE/showcase_submission.md	New config enabling blank issues with contact links, and a structured issue template for showcase submissions.
tsconfig formatting tsconfig.json	include array entries reformatted into separate, cleanly indented lines.

Estimated code review effort: 3 (Moderate) | ~25 minutes

Sequence Diagram(s)

sequenceDiagram
  participant ShowcasePage
  participant ShowcaseGrid
  participant ShowcaseCard
  participant Browser

  ShowcasePage->>ShowcaseGrid: pass items
  ShowcaseGrid->>ShowcaseCard: render item with index
  ShowcaseCard->>ShowcaseCard: getDisplayDomain(websiteUrl)
  ShowcaseCard->>ShowcaseCard: getCardSubtitle(item)
  ShowcaseCard->>Browser: external link to item.websiteUrl (new tab)

Loading

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch dev

Warning

There were issues while running some tools. Please review the errors and either fix the tool's configuration or disable the tool if it's a critical failure.

🔧 ESLint

If the error stems from missing dependencies, add them to the package.json file. For unrecoverable errors (e.g., due to private dependencies), disable the tool in the CodeRabbit configuration.

ESLint install failed. For unrecoverable errors, disable the tool in CodeRabbit configuration.

---

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.}