[Elizabethxxx]

Summary

closes #861, closes #862, closes #866, closes #867

This PR implements four new frontend features for the Stellar Suite platform.

#861 — Pricing and Subscription Tiers UI

• src/components/pricing/PricingTable.tsx: Responsive three-tier pricing table (Free / Pro / Enterprise) with monthly/annual billing toggle (20% annual discount), feature comparison matrix with checkmarks, and a mock checkout modal with form fields for card or enterprise inquiry.
• src/app/pricing/page.tsx: Public-facing page wrapping PricingTable with hero header and FAQ cross-link.

#862 — Global Search and Gist Viewer

• src/app/gists/page.tsx: Search and discovery page with live filtering by query string and tag pills, responsive two-column card grid showing title, author, date, language, and tags.
• src/app/gists/[id]/page.tsx: Gist detail viewer with a line-numbered, read-only code block (styled <pre> with copy-to-clipboard), metadata row (author, date, language, tags), and back navigation. Uses useParams for the dynamic route; includes mock gist data for three representative Soroban contracts.

#866 — Documentation Site for Stellar Tools

• src/app/docs/layout.tsx: Sidebar-based docs layout with searchable in-sidebar navigation across five sections (Getting Started, Soroban IDE, Stellar Tools, Guides, API Reference), mobile drawer overlay, active-link highlighting, and external resource links. Wraps all /docs/** pages.
• src/app/docs/page.tsx: Landing page with quick-link cards and a prose overview of Stellar Suite and core concepts.

#867 — Public Analytics Dashboard for IDE Usage

• src/app/stats/page.tsx: Public analytics dashboard with four stat cards (active developers, total deployments, contracts deployed, weekly transactions) and four Recharts visualisations — an area chart for monthly deployments, a line chart for monthly active users, a bar chart for weekly transaction volume, and a horizontal bar chart for contract type breakdown. All data is anonymized mock data; a privacy notice is displayed prominently.

Implementation notes

• All files are strictly inside frontend/src/ as required.
• Styling follows the existing Tailwind + CSS-variable design system (bg-background, text-foreground, border-border, btn-primary, font-display, font-body, etc.) with no new dependencies added.
• Icons use the already-installed lucide-react library; charts use the already-installed recharts library.
• All interactive pages use the "use client" directive; metadata exports are on server components.
• No existing files were modified.

[vercel]

@noevidence1017 is attempting to deploy a commit to the vidatg's projects Team on Vercel.

A member of the Team first needs to authorize it.

[drips-wave]

@Elizabethxxx Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits