Help List
Mobile: View design
Desktop: View design
Last modified with commit 508b812 on
by Sara Deric.
Help center layout with hero section, categorized help topics, and contact options. Displays accordion-style help categories with contact methods including email, WhatsApp, and phone support.
Components
| Name | Description | Mode |
|---|---|---|
| Header | The Header component provides site navigation and branding. Shows brand logo, website switcher dropdown, main navigation menu with dropdown submenus, optional CTA button, and responsive mobile hamburger menu. Main navigation supports up to 2 levels of navigation (main items + one level of submenus/dropdowns). | global |
| Tertiary Hero | The Tertiary Hero component displays a simplified hero section for tertiary or detail pages. Features minimal design with heading and breadcrumb navigation. | fixed |
| Help Center Group | Help center archive page with accordion-based FAQ groups displaying categorized help topics. Optionally includes tab filters at the top to switch between trip types. Each group has expandable category titles containing question lists. | fixed |
| Help Center Contact | Contact options section displaying support availability, contact methods (email, WhatsApp, phone), and office visit information. Includes title, description text, and multiple call-to-action buttons. | fixed |
| Footer | Multi-column footer section with site branding, navigation links, support information, and related site logos. Adapts across different brand sites (Collegium, Mondial, Collegium CRO, Cooltura) and responsive breakpoints. | global |