/* eslint-disable @next/next/no-img-element */
import Footer from "@/components/Footer";
import Navbar from "@/components/Navbar";
import Tag from "@/components/Tag";
import Title from "@/components/Title";
import translation from "@/translation/about.json";
import clsx from "clsx";
import React from "react";
import {BsEye, BsEyeFill, BsFlower3, BsRocketTakeoffFill} from "react-icons/bs";

interface Props {
	page: string;
	language: "en" | "ar";
}

export default function ComingSoon({page, language}: Props) {
	return (
		<main className="text-mti-black flex h-screen w-full flex-col bg-white" dir={language === "ar" ? "rtl" : "ltr"}>
			<Navbar currentPage={page} language={language} />

			<section className="bg-mti-purple h-full w-full p-8 text-center text-white md:p-16">
				<div className="flex h-full w-full flex-col items-center justify-center">
					<Title>Coming soon...</Title>
				</div>
			</section>

			<Footer language={language} />
		</main>
	);
}