<script>
    import Content from '@/components/Content.vue'
    import Header from '@/components/Header.vue'
    import TextFrame from '@/components/TextFrame.vue'
    export default {
        name: 'NotFound',
        components: {
            Content,
            Header,
            TextFrame
        }
    }
</script>
<template>
    <TextFrame>
        <Header>
            Error: Not Found
        </Header>
        <Content>
            <article class="prose mx-auto">
                <p class="text-leader">
                    Uh-oh.
                </p>
                <p>
                    Sometimes we can get lost along the path.
                </p>
                <p>
                    But it&rsquo;s okay.
                    Just retrace your steps and you will find your way back again.
                </p>
            </article>
        </Content>
    </TextFrame>
</template>
<style scoped>
</style>