import {BlurPublicImage} from "@/app/components/BlurImage";
import "@/public/css/404.css"

const NotFound = () =>{
    return (

        <div className="container-404">
            <div className="left">
                <a href="/" className="logo"> <BlurPublicImage src={"/img/svg/Trantech Logo.svg"} width={250}
                                                               height={100} alt={"Not Found"}/></a>
                    {/*<p className="subtitle color-secondary">AI-Powered Decision Support System<br/>for the Chemical*/}
                    {/*    Process Industries</p>*/}
                    <p className="error"><strong>404.</strong> That’s an error!<br/>
                        The page you were looking for doesn’t exist.
                    </p>
                <a href="/" className="more">Go to Homepage <i className="fa-regular fa-arrow-right"></i></a>
            </div>
            <div className="right">
                <BlurPublicImage src={"/img/TranTech 404.svg"} width={500} height={500} alt={"Not Found"}/>
            </div>
        </div>
    )
}

export default NotFound