/* eslint-disable @next/next/no-img-element */
import Link from "next/link";
import {BsInstagram, BsTwitter} from "react-icons/bs";
import {BiLogoFacebook} from "react-icons/bi";
import Navbar from "@/components/Navbar";
import PricingTable from "@/components/PricingTable";
import Footer from "@/components/Footer";

export default function Home() {
	return (
		<main className="h-screen w-full bg-white text-mti-black flex flex-col">
			<Navbar currentPage="/join" language="en" />

			<section className="w-full relative bg-white py-20 lg:py-48 px-8 flex flex-col items-center text-center gap-4">
				<h2 className="text-3xl font-bold">Available Packages</h2>
				<div className="flex flex-col gap-1">
					<span className="max-w-lg">
						Once the payment process is complete, you will receive a code via e-mail to register to the application.
					</span>
					<span className="max-w-lg">(Or have time added to your account, if already registered with the given e-mail).</span>
					<PricingTable />
				</div>
			</section>

			<Footer language="en" />
		</main>
	);
}
