Page specifications

Per-page specifications. The listing balances scan-density (many cards) with status-clarity (the colored strip + deadline pill convey state at a glance). The detail page balances editorial depth with conversion velocity.

Opportunity Radar listing

Hero

Title "Opportunity Radar" / "رادار الفرص", lede paragraph framing the editorial discipline, filter pill row, result count.

Filters

Sector · Stage · Country · Status · Type (accelerator / grant / sandbox / pitch-competition / incubator). State persists in URL query params.

Card grid

`<app-opportunity-card *ngFor="…">` 3-up desktop, 2-up tablet, 1-up mobile. Sort: open → closing-soon → rolling → closed.

Weekly Signals digest block

Inline subscribe block in the middle of the listing. Captures email + dial code + optional partner_consent flag.

Empty state

When filter combination yields zero open opportunities, suggest browsing closing-soon or removing a filter.

Opportunity detail page

Hero

Status strip top edge + status chip + sponsored chip (if isSponsored) + type label + title (.t-page-h1) + deadline pill + organizer line with verified badge + primary Apply CTA + secondary View Details CTA.

Eligibility block

List of eligibility items pulled from the entity. Each item is a typed criterion (stage / sector / country / business-stage / team-size / revenue-band).

Benefits block

Typed benefits: equity-investment / cash-grant / mentorship / workspace / network / regulatory-sandbox. Each benefit can carry an amount or description.

Timeline block

Ordered steps with optional dates: application open → application close → review → cohort start → demo day. Visualized as a step-circle row.

Related Ecosystem Signals

`<app-related-ecosystem-signals [block]="signalsBlock()" />`. Order: preparation files (highest), matching founders, similar opportunities, related events.

Inline Signal CTA

`<app-inline-signal-cta context="opportunity" />`. Encourages signup to the Weekly Opportunity Signals digest.