<template>
    <v-container>
        <v-row dense>
            <v-col cols="12">
                <v-card color="#385F73" dark>
                    <v-card-title class="headline">
                        Unlimited notes now
                    </v-card-title>
                    <v-card-subtitle>
                        Listen to your favorite artists and albums whenever and
                        wherever, online and offline.
                    </v-card-subtitle>
                    <v-card-actions>
                        <v-btn text>See a demo</v-btn>
                    </v-card-actions>
                </v-card>
            </v-col>
            <v-col cols="12">
                <v-card color="#1F7087" dark>
                    <v-card-title class="headline">
                        Wow
                    </v-card-title>
                    <v-card-subtitle>
                        You can even search your notes
                    </v-card-subtitle>
                    <v-card-actions>
                        <v-btn text>Create an account</v-btn>
                    </v-card-actions>
                </v-card>
            </v-col>
            <v-col cols="12">
                <v-card color="#952175" dark>
                    <v-card-title class="headline">
                        babar
                    </v-card-title>
                    <v-card-subtitle>
                        You notes are safe with us
                    </v-card-subtitle>
                    <v-card-actions>
                        <v-btn text>Privacy policy</v-btn>
                    </v-card-actions>
                </v-card>
            </v-col>
        </v-row>
    </v-container>
</template>

<script>
export default {
    title: 'Home',
    options: {
        auth: false,
    },
    head: () => ({
        title: 'Home',
    }),
}
</script>

<style>
body {
    background-color: #1565c0;
}
</style>
