import type { Metadata } from "next"

export const metadata: Metadata = {
	title: "Membership Registration 2024 | Sign Up Today",
	description: "Sign up for 2024 membership and support Tamil culture in Waterloo Region.",
};

import Countdown from '@/components/elements/Countdown'
import Layout from "@/components/layout/Layout"
import Link from "next/link"
import Section1 from "@/components/online/membership2024/Section1"
import Section2 from "@/components/online/membership2024/Section2"
import Section3 from "@/components/online/membership2024/Section3"
export default function Membership2024() {

	return (
		<>

			<Layout headerStyle={1} footerStyle={1}>
				<div>
					<div className="inner-page-header" style={{ backgroundImage: 'url(/assets/img/online/banners/membership-2024.webp)' }}>
						<div className="container">
							<div className="row">
								<div className="col-lg-12 m-auto">
									<div className="heading1">
										<h1>Membership 2024</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>
		</>
	)
}