<script>
    import "../styles/error-pages.css";
    import Button from "../components/Button/Button.svelte"; 
</script>

<div class="error-page">
    <div class="error-content">
        <div class="title">
            <h1 class="title-top">ci</h1>
            <h1 class="title-bottom">dispiace</h1>
            <span class="divider"></span>
        </div>
        <div class="error-message">
            <p class="error-description">Stai cercando una pagina che non esiste...</p>
            <p>...se invece si tratta di un nostro sbaglio non esitare a contattarci!</p>
        </div>
        <Button text="HOME" href="/" />
    </div>
    <div class="error-background">
        <h1 class="error-code">404</h1>
        <h1 class="error-text">ERROR</h1>
    </div>
</div>