Contact
Mobile: View design
Desktop: View design
Last modified with commit 508b812 on
by Sara Deric.
Dedicated layout for contact pages featuring header, tertiary hero, contact form and footer. Designed for help and support pages where users can submit inquiries. Simple structure focuses on form submission without additional content modules.
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 |
| Contact Form | The Contact Form component provides a form for visitors to submit inquiries or messages. Includes configurable input fields (such as name, email, phone, subject, message, etc.) with validation and feedback messages on submission. Form submissions are handled using Cloudflare Pages static forms plugin. | 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 |