import Layout from "@/components/layout/Layout"
import Section1 from "@/components/online/volunteer/Section1"
import Section2 from "@/components/online/volunteer/Section2"
import Section3 from "@/components/online/volunteer/Section3"
import Link from "next/link"
export default function volunteer() {

	return (
		<>

			<Layout headerStyle={1} footerStyle={1}>
				<div>
						<div className="inner-page-header" style={{ backgroundImage: 'url(../assets/img/online/banners/event-volunteer.webp)' }}>
										<div className="container">
											<div className="row">
												<div className="col-lg-5 m-auto">
													<div className="heading1 text-center">
														<h1>Event Volunteers</h1>
														<div className="space20" />
														<Link href="/">Home <i className="fa-solid fa-angle-right" /> <span>Online</span></Link>
													</div>
												</div>
											</div>
										</div>
					</div>		
		
				<Section1 />	
				<Section2 />
				<Section3 />
			</div>	

			</Layout>
		</>
	)
}