Create reusable PageHero component

[KKSurendran06]

The hero section is duplicated across nearly every page with only minor text differences which violates the DRY principle. A single, reusable component should be created

Tasks

• Create a new component named PageHero.jsx
• The component should accept all the necessary props
• Replace all duplicate hero sections on the Home, About, Team, Gallery, and Clublife pages with the new PageHero component.