<template>
    <q-layout view="hHh lpR fFf">
        <q-page-container>
            <q-page padding class="column justify-center items-center bg-secondary">
                <q-card class="col-shrink rounded-20">
                    <q-img src="src/assets/line-truck-1.jpg" height="20vh">
                        <div
                            class="absolute-bottom text-h4 text-center text-weight-bolder justify-center items-center row">
                            <div class="q-pr-md text-primary text-h3 text-weight-bolder">404</div>
                            PAGE NOT FOUND
                        </div>
                    </q-img>
                    <q-card-section class="text-center text-h5 text-primary">
                        {{ $t('notFoundPage.pageText') }}
                    </q-card-section>
                </q-card>
            </q-page>
        </q-page-container>
    </q-layout>
</template>