TrustLab - Oppurtunities | Barazas landing page

[RalphOwah]

Barazas landing page

• Hero section displays:

  • Page title “Barazas”.
  • Subtitle/description text.
  • Decorative hero image.
  • Layout is responsive

• Overview section displays:

  • Section heading “Overview”.
  • Body text content.
  • Supporting image block.
  • Two-column layout on desktop, stacked layout on mobile.

• Filter bar is visible above the event list and includes:

  • Year dropdown filter.
  • Thematic Areas dropdown filter.
  • Selected filters appear as removable tags.
  • “Apply Filters” button filters results.
  • “Clear Filters” removes all filters and resets results.

• Event catalogue displays Baraza cards in a grid layout:

  • Each card contains image, title, location, and date.
  • Grid shows 3 cards per row on desktop.
  • Layout adjusts responsively for tablet and mobile.

• Clicking an event card navigates to the corresponding Baraza event detail page.

• Pagination is displayed below the card grid:

  • “Per page” selector changes number of results shown.
  • Page numbers allow navigation between pages.
  • Previous and next arrows navigate between pages.

• Facilitators section displays:

  • Section title “Facilitators”.
  • Description text.
  • List of facilitators with avatar and name.

• Bottom call-to-action section displays:

  • Text “Want to join our baraza?”
  • Button labelled “Indicate Interest”.

• Clicking “Indicate Interest” pops up the Baraza interest Airtable form.

• All text and images on the page are editable via PayLoad CMS.

• Page renders correctly across desktop, tablet, and mobile breakpoints.