ABOUT-01 - hero + carousel

[oorjagandhi]

Description

Customise the shared hero component for the About Us page and build the image carousel section below it, matching the Figma design.

Design

Figma link

Acceptance Criteria

• Hero displays the correct title ("About Us"), subtitle, background colour, and mascot per Figma
• Renders correctly across mobile, tablet, and desktop
• Image carousel is displayed below the hero with dot pagination indicators per Figma
• Carousel auto-advances and is manually swipeable/clickable
• Renders correctly across breakpoints
• Built with mock images if no endpoint is ready — check with Joe/#backend first

Additional Notes

• Confirm with design how many images the carousel shows at once and whether there are prev/next arrows or dots only
• Carousel images will eventually come from the CMS — mock data should use the same shape as the Execs/Events image fields for consistency