new component added

[afsar-dev]

Summary by CodeRabbit

• New Features
  • Added three new showcase components to the Components page: Info Card, Wave Card, and Hacker Background.
  • Each tile includes an interactive preview and links to corresponding documentation pages.
  • Previews use a consistent grid layout and decorative gradient overlays for a polished look.
  • Existing components and behavior remain unchanged.

[vercel]

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

Project	Deployment	Preview	Comments	Updated (UTC)
nurui	Building	Preview	Comment	Sep 13, 2025 4:08pm

[coderabbitai]

Caution

Review failed

The pull request is closed.

Walkthrough

Added three new UI items—Info Card, Wave Card, and Hacker Background—to the featuresComponents array on ComponentsPage, including their imports and background preview renderers. Existing items and control flow remain unchanged.

Changes

Cohort / File(s)	Summary
Components page updates src/components/pages/components/ComponentsPage.tsx	Imported InfoCardDemo, WaveCard, HackerBackground. Appended three entries to featuresComponents with hrefs, previewComponentNames, and background renderers (absolute wrappers with gradient masks). No changes to existing items or exports.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Poem

I hop through grids where new cards gleam,
Waves roll, info beams, a hacker’s dream.
Three fresh tiles in the meadow of UI,
Soft masks fade where backgrounds lie.
Nose twitch—commit approved with cheer,
Ship the shine, the carrots are near! 🥕✨

✨ Finishing touches

• 📝 Generate Docstrings

🧪 Generate unit tests

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch dev

---

📜 Recent review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between bb6a36e and 553db29.

📒 Files selected for processing (1)

• src/components/pages/components/ComponentsPage.tsx (2 hunks)

Tip

👮 Agentic pre-merge checks are now available in preview!

Pro plan users can now enable pre-merge checks in their settings to enforce checklists before merging PRs.

• Built-in checks – Quickly apply ready-made checks to enforce title conventions, require pull request descriptions that follow templates, validate linked issues for compliance, and more.
• Custom agentic checks – Define your own rules using CodeRabbit’s advanced agentic capabilities to enforce organization-specific policies and workflows. For example, you can instruct CodeRabbit’s agent to verify that API documentation is updated whenever API schema files are modified in a PR. Note: Upto 5 custom checks are currently allowed during the preview period. Pricing for this feature will be announced in a few weeks.

Please see the documentation for more information.

Example:

reviews:
  pre_merge_checks:
    custom_checks:
      - name: "Undocumented Breaking Changes"
        mode: "warning"
        instructions: |
          Pass/fail criteria: All breaking changes to public APIs, CLI flags, environment variables, configuration keys, database schemas, or HTTP/GraphQL endpoints must be documented in the "Breaking Change" section of the PR description and in CHANGELOG.md. Exclude purely internal or private changes (e.g., code not exported from package entry points or explicitly marked as internal).

Please share your feedback with us on this Discord post.

---

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