Modules Documentation
Page specifications
Page-by-page specification using the standard template.
Complete
Per-page specifications follow the standard documentation template. The Showcase listing and the Startup detail are the only currently live surfaces; both are documented here.
Showcase listing page
- Hero
- Title "Startup Showcase" / "عرض الشركات الناشئة", lede, filter pill row, count summary.
- Filters
- Sector · Stage · Country · Verified (boolean toggle). State persists in URL query params.
- Grid
- `<app-startup-card *ngFor="…">` 3-up desktop, 2-up tablet, 1-up mobile. Each card carries 16:9 logo canvas + chips + Verified badge.
- Empty state
- Filter combination with zero results → empty-state with "Clear filters" + suggestion to broaden the sector/stage filter.
Startup detail page
- Hero (main column)
- Eyebrow ("STARTUP SHOWCASE") · `.t-page-h1` brand name · tagline body-lg · sector + stage + country + verified chips · Visit Website CTA (when websiteUrl).
- Snapshot sidecard
- Right-side card with Sector / Stage / HQ / Founded year. On mobile, collapses below the hero.
- Description
- Standalone section with `.t-body-lg` paragraph in `max-w-3xl` reading column.
- Related Ecosystem Signals
- `<app-related-ecosystem-signals [block]="signalsBlock()" />`. Block produced by EcosystemSignalsService for ("startup", startup.id).
- Inline Signal CTA
- `<app-inline-signal-cta context="editorial" />`. Pulls into the weekly editorial digest.