/* 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">
      <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>
  );
}
