import VolunteerForm from "@/components/volunteer-form"

export default function VolunteerPage() {
  return (
    <div className="container mx-auto px-4 py-12 md:py-24">
      <h1 className="text-4xl font-bold mb-6 text-center text-vazoOrange">Become a Volunteer Mentor</h1>
      <p className="text-lg text-gray-700 text-center max-w-3xl mx-auto mb-12">
        Share your skills and experience to guide and inspire the next generation. Your time and expertise can make a
        profound difference in the lives of Cape Town's youth.
      </p>
      <VolunteerForm />
    </div>
  )
}
