├── static ├── favicon.ico └── README.md ├── .prettierrc ├── assets ├── images │ ├── dots.png │ ├── logo.png │ ├── symbol.png │ ├── symbol-bg1.png │ ├── symbol-bg2.png │ ├── coffee-cups.jpg │ ├── gallery │ │ ├── pic1.jpg │ │ ├── pic10.jpg │ │ ├── pic11.jpg │ │ ├── pic12.jpg │ │ ├── pic13.jpg │ │ ├── pic2.jpg │ │ ├── pic3.jpg │ │ ├── pic4.jpg │ │ ├── pic5.jpg │ │ ├── pic6.jpg │ │ ├── pic7.jpg │ │ ├── pic8.jpg │ │ └── pic9.jpg │ ├── products │ │ ├── amber.png │ │ ├── black.png │ │ └── white.png │ ├── symbol-bg-hero.png │ ├── symbol-bg-shop.png │ └── Spilled-Coffee-Beans.png ├── README.md └── variables.scss ├── plugins ├── vue-scroll-reveal.js └── README.md ├── components └── README.md ├── layouts ├── README.md ├── error.vue └── default.vue ├── pages ├── README.md └── index.vue ├── middleware └── README.md ├── store └── README.md ├── .eslintrc.js ├── README.md ├── package.json ├── .gitignore └── nuxt.config.js /static/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nzesalem/nuxt-coffee-page/HEAD/static/favicon.ico -------------------------------------------------------------------------------- /.prettierrc: -------------------------------------------------------------------------------- 1 | { 2 | "semi": false, 3 | "arrowParens": "always", 4 | "singleQuote": true 5 | } 6 | -------------------------------------------------------------------------------- /assets/images/dots.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nzesalem/nuxt-coffee-page/HEAD/assets/images/dots.png -------------------------------------------------------------------------------- /assets/images/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nzesalem/nuxt-coffee-page/HEAD/assets/images/logo.png -------------------------------------------------------------------------------- /assets/images/symbol.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nzesalem/nuxt-coffee-page/HEAD/assets/images/symbol.png -------------------------------------------------------------------------------- /assets/images/symbol-bg1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nzesalem/nuxt-coffee-page/HEAD/assets/images/symbol-bg1.png -------------------------------------------------------------------------------- /assets/images/symbol-bg2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nzesalem/nuxt-coffee-page/HEAD/assets/images/symbol-bg2.png -------------------------------------------------------------------------------- /assets/images/coffee-cups.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nzesalem/nuxt-coffee-page/HEAD/assets/images/coffee-cups.jpg -------------------------------------------------------------------------------- /assets/images/gallery/pic1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nzesalem/nuxt-coffee-page/HEAD/assets/images/gallery/pic1.jpg -------------------------------------------------------------------------------- /assets/images/gallery/pic10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nzesalem/nuxt-coffee-page/HEAD/assets/images/gallery/pic10.jpg -------------------------------------------------------------------------------- /assets/images/gallery/pic11.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nzesalem/nuxt-coffee-page/HEAD/assets/images/gallery/pic11.jpg -------------------------------------------------------------------------------- /assets/images/gallery/pic12.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nzesalem/nuxt-coffee-page/HEAD/assets/images/gallery/pic12.jpg -------------------------------------------------------------------------------- /assets/images/gallery/pic13.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nzesalem/nuxt-coffee-page/HEAD/assets/images/gallery/pic13.jpg -------------------------------------------------------------------------------- /assets/images/gallery/pic2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nzesalem/nuxt-coffee-page/HEAD/assets/images/gallery/pic2.jpg -------------------------------------------------------------------------------- /assets/images/gallery/pic3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nzesalem/nuxt-coffee-page/HEAD/assets/images/gallery/pic3.jpg -------------------------------------------------------------------------------- /assets/images/gallery/pic4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nzesalem/nuxt-coffee-page/HEAD/assets/images/gallery/pic4.jpg -------------------------------------------------------------------------------- /assets/images/gallery/pic5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nzesalem/nuxt-coffee-page/HEAD/assets/images/gallery/pic5.jpg -------------------------------------------------------------------------------- /assets/images/gallery/pic6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nzesalem/nuxt-coffee-page/HEAD/assets/images/gallery/pic6.jpg -------------------------------------------------------------------------------- /assets/images/gallery/pic7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nzesalem/nuxt-coffee-page/HEAD/assets/images/gallery/pic7.jpg -------------------------------------------------------------------------------- /assets/images/gallery/pic8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nzesalem/nuxt-coffee-page/HEAD/assets/images/gallery/pic8.jpg -------------------------------------------------------------------------------- /assets/images/gallery/pic9.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nzesalem/nuxt-coffee-page/HEAD/assets/images/gallery/pic9.jpg -------------------------------------------------------------------------------- /assets/images/products/amber.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nzesalem/nuxt-coffee-page/HEAD/assets/images/products/amber.png -------------------------------------------------------------------------------- /assets/images/products/black.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nzesalem/nuxt-coffee-page/HEAD/assets/images/products/black.png -------------------------------------------------------------------------------- /assets/images/products/white.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nzesalem/nuxt-coffee-page/HEAD/assets/images/products/white.png -------------------------------------------------------------------------------- /assets/images/symbol-bg-hero.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nzesalem/nuxt-coffee-page/HEAD/assets/images/symbol-bg-hero.png -------------------------------------------------------------------------------- /assets/images/symbol-bg-shop.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nzesalem/nuxt-coffee-page/HEAD/assets/images/symbol-bg-shop.png -------------------------------------------------------------------------------- /assets/images/Spilled-Coffee-Beans.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nzesalem/nuxt-coffee-page/HEAD/assets/images/Spilled-Coffee-Beans.png -------------------------------------------------------------------------------- /plugins/vue-scroll-reveal.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import VueScrollReveal from 'vue-scroll-reveal' 3 | 4 | Vue.use(VueScrollReveal) 5 | -------------------------------------------------------------------------------- /components/README.md: -------------------------------------------------------------------------------- 1 | # COMPONENTS 2 | 3 | **This directory is not required, you can delete it if you don't want to use it.** 4 | 5 | The components directory contains your Vue.js Components. 6 | 7 | _Nuxt.js doesn't supercharge these components._ 8 | -------------------------------------------------------------------------------- /layouts/README.md: -------------------------------------------------------------------------------- 1 | # LAYOUTS 2 | 3 | **This directory is not required, you can delete it if you don't want to use it.** 4 | 5 | This directory contains your Application Layouts. 6 | 7 | More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/views#layouts). 8 | -------------------------------------------------------------------------------- /pages/README.md: -------------------------------------------------------------------------------- 1 | # PAGES 2 | 3 | This directory contains your Application Views and Routes. 4 | The framework reads all the `*.vue` files inside this directory and creates the router of your application. 5 | 6 | More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/routing). 7 | -------------------------------------------------------------------------------- /assets/README.md: -------------------------------------------------------------------------------- 1 | # ASSETS 2 | 3 | **This directory is not required, you can delete it if you don't want to use it.** 4 | 5 | This directory contains your un-compiled assets such as LESS, SASS, or JavaScript. 6 | 7 | More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/assets#webpacked). 8 | -------------------------------------------------------------------------------- /plugins/README.md: -------------------------------------------------------------------------------- 1 | # PLUGINS 2 | 3 | **This directory is not required, you can delete it if you don't want to use it.** 4 | 5 | This directory contains Javascript plugins that you want to run before mounting the root Vue.js application. 6 | 7 | More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/plugins). 8 | -------------------------------------------------------------------------------- /middleware/README.md: -------------------------------------------------------------------------------- 1 | # MIDDLEWARE 2 | 3 | **This directory is not required, you can delete it if you don't want to use it.** 4 | 5 | This directory contains your application middleware. 6 | Middleware let you define custom functions that can be run before rendering either a page or a group of pages. 7 | 8 | More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/routing#middleware). 9 | -------------------------------------------------------------------------------- /store/README.md: -------------------------------------------------------------------------------- 1 | # STORE 2 | 3 | **This directory is not required, you can delete it if you don't want to use it.** 4 | 5 | This directory contains your Vuex Store files. 6 | Vuex Store option is implemented in the Nuxt.js framework. 7 | 8 | Creating a file in this directory automatically activates the option in the framework. 9 | 10 | More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/vuex-store). 11 | -------------------------------------------------------------------------------- /.eslintrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | root: true, 3 | env: { 4 | browser: true, 5 | node: true 6 | }, 7 | parserOptions: { 8 | parser: 'babel-eslint' 9 | }, 10 | extends: [ 11 | '@nuxtjs', 12 | 'prettier', 13 | 'prettier/vue', 14 | 'plugin:prettier/recommended', 15 | 'plugin:nuxt/recommended' 16 | ], 17 | plugins: [ 18 | 'prettier' 19 | ], 20 | // add your custom rules here 21 | rules: { 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # coffee-page 2 | 3 | > Coffee landing page 4 | 5 | ## Build Setup 6 | 7 | ``` bash 8 | # install dependencies 9 | $ npm run install 10 | 11 | # serve with hot reload at localhost:3000 12 | $ npm run dev 13 | 14 | # build for production and launch server 15 | $ npm run build 16 | $ npm run start 17 | 18 | # generate static project 19 | $ npm run generate 20 | ``` 21 | 22 | For detailed explanation on how things work, check out [Nuxt.js docs](https://nuxtjs.org). 23 | -------------------------------------------------------------------------------- /static/README.md: -------------------------------------------------------------------------------- 1 | # STATIC 2 | 3 | **This directory is not required, you can delete it if you don't want to use it.** 4 | 5 | This directory contains your static files. 6 | Each file inside this directory is mapped to `/`. 7 | Thus you'd want to delete this README.md before deploying to production. 8 | 9 | Example: `/static/robots.txt` is mapped as `/robots.txt`. 10 | 11 | More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/assets#static). 12 | -------------------------------------------------------------------------------- /assets/variables.scss: -------------------------------------------------------------------------------- 1 | // Ref: https://github.com/nuxt-community/vuetify-module#customvariables 2 | // 3 | // The variables you want to modify 4 | // $font-size-root: 20px; 5 | 6 | @import '~vuetify/src/styles/styles.sass'; 7 | $container-max-widths: ( 8 | 'lg': 1170px, 9 | 'xl': 1170px 10 | ); 11 | 12 | // Example of nested object updates 13 | $headings: map-merge($headings, ( 14 | overline: map-merge( 15 | map-get($headings, 'overline'), 16 | ( 17 | 'size': 0.9rem 18 | ) 19 | ) 20 | )); 21 | -------------------------------------------------------------------------------- /layouts/error.vue: -------------------------------------------------------------------------------- 1 | 14 | 15 | 39 | 40 | 45 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Noansa", 3 | "version": "1.0.0", 4 | "description": "Noansa coffee landing page", 5 | "author": "Salem Nzeukwu", 6 | "private": true, 7 | "scripts": { 8 | "dev": "nuxt", 9 | "build": "nuxt build", 10 | "start": "nuxt start", 11 | "generate": "nuxt generate", 12 | "lint": "eslint --ext .js,.vue --ignore-path .gitignore ." 13 | }, 14 | "lint-staged": { 15 | "*.{js,vue}": "eslint" 16 | }, 17 | "husky": { 18 | "hooks": { 19 | "pre-commit": "lint-staged" 20 | } 21 | }, 22 | "dependencies": { 23 | "@nuxtjs/axios": "^5.3.6", 24 | "nuxt": "^2.0.0", 25 | "vue-scroll-reveal": "^1.0.11" 26 | }, 27 | "devDependencies": { 28 | "@nuxtjs/vuetify": "^1.0.0", 29 | "@nuxtjs/eslint-config": "^1.0.1", 30 | "@nuxtjs/eslint-module": "^1.0.0", 31 | "babel-eslint": "^10.0.1", 32 | "eslint": "^6.1.0", 33 | "eslint-plugin-nuxt": ">=0.4.2", 34 | "eslint-config-prettier": "^4.1.0", 35 | "eslint-plugin-prettier": "^3.0.1", 36 | "prettier": "^1.16.4", 37 | "husky": "^2.6.0", 38 | "lint-staged": "^8.2.1" 39 | } 40 | } 41 | -------------------------------------------------------------------------------- /layouts/default.vue: -------------------------------------------------------------------------------- 1 | 34 | 35 | 47 | 48 | 53 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Created by .ignore support plugin (hsz.mobi) 2 | ### Node template 3 | # Logs 4 | logs 5 | *.log 6 | npm-debug.log* 7 | yarn-debug.log* 8 | yarn-error.log* 9 | 10 | # Runtime data 11 | pids 12 | *.pid 13 | *.seed 14 | *.pid.lock 15 | 16 | # Directory for instrumented libs generated by jscoverage/JSCover 17 | lib-cov 18 | 19 | # Coverage directory used by tools like istanbul 20 | coverage 21 | 22 | # nyc test coverage 23 | .nyc_output 24 | 25 | # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files) 26 | .grunt 27 | 28 | # Bower dependency directory (https://bower.io/) 29 | bower_components 30 | 31 | # node-waf configuration 32 | .lock-wscript 33 | 34 | # Compiled binary addons (https://nodejs.org/api/addons.html) 35 | build/Release 36 | 37 | # Dependency directories 38 | node_modules/ 39 | jspm_packages/ 40 | 41 | # TypeScript v1 declaration files 42 | typings/ 43 | 44 | # Optional npm cache directory 45 | .npm 46 | 47 | # Optional eslint cache 48 | .eslintcache 49 | 50 | # Optional REPL history 51 | .node_repl_history 52 | 53 | # Output of 'npm pack' 54 | *.tgz 55 | 56 | # Yarn Integrity file 57 | .yarn-integrity 58 | 59 | # dotenv environment variables file 60 | .env 61 | 62 | # parcel-bundler cache (https://parceljs.org/) 63 | .cache 64 | 65 | # next.js build output 66 | .next 67 | 68 | # nuxt.js build output 69 | .nuxt 70 | 71 | # Nuxt generate 72 | dist 73 | 74 | # vuepress build output 75 | .vuepress/dist 76 | 77 | # Serverless directories 78 | .serverless 79 | 80 | # IDE / Editor 81 | .idea 82 | .editorconfig 83 | 84 | # Service worker 85 | sw.* 86 | 87 | # Mac OSX 88 | .DS_Store 89 | 90 | # Vim swap files 91 | *.swp 92 | -------------------------------------------------------------------------------- /nuxt.config.js: -------------------------------------------------------------------------------- 1 | import colors from 'vuetify/es5/util/colors' 2 | 3 | export default { 4 | mode: 'universal', 5 | /* 6 | ** Headers of the page 7 | */ 8 | head: { 9 | titleTemplate: '%s - ' + process.env.npm_package_name, 10 | title: process.env.npm_package_name || '', 11 | meta: [ 12 | { charset: 'utf-8' }, 13 | { name: 'viewport', content: 'width=device-width, initial-scale=1' }, 14 | { 15 | hid: 'description', 16 | name: 'description', 17 | content: process.env.npm_package_description || '' 18 | } 19 | ], 20 | link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }] 21 | }, 22 | /* 23 | ** Customize the progress-bar color 24 | */ 25 | loading: { color: '#fff' }, 26 | /* 27 | ** Global CSS 28 | */ 29 | css: [], 30 | /* 31 | ** Plugins to load before mounting the App 32 | */ 33 | plugins: [{ src: '~/plugins/vue-scroll-reveal', ssr: false }], 34 | /* 35 | ** Nuxt.js dev-modules 36 | */ 37 | buildModules: [ 38 | // Doc: https://github.com/nuxt-community/eslint-module 39 | '@nuxtjs/eslint-module', 40 | '@nuxtjs/vuetify' 41 | ], 42 | /* 43 | ** Nuxt.js modules 44 | */ 45 | modules: [ 46 | // Doc: https://axios.nuxtjs.org/usage 47 | '@nuxtjs/axios' 48 | ], 49 | /* 50 | ** Axios module configuration 51 | ** See https://axios.nuxtjs.org/options 52 | */ 53 | axios: {}, 54 | /* 55 | ** vuetify module configuration 56 | ** https://github.com/nuxt-community/vuetify-module 57 | */ 58 | vuetify: { 59 | treeShake: true, 60 | customVariables: ['~/assets/variables.scss'], 61 | theme: { 62 | dark: false, 63 | themes: { 64 | light: { 65 | primary: colors.amber.darken1, 66 | accent: colors.grey.darken3, 67 | secondary: colors.amber.darken3, 68 | info: colors.teal.lighten1, 69 | warning: colors.amber.base, 70 | error: colors.deepOrange.accent4, 71 | success: colors.green.accent3 72 | } 73 | } 74 | } 75 | }, 76 | /* 77 | ** Build configuration 78 | */ 79 | build: { 80 | /* 81 | ** You can extend webpack config here 82 | */ 83 | extend(config, ctx) {} 84 | } 85 | } 86 | -------------------------------------------------------------------------------- /pages/index.vue: -------------------------------------------------------------------------------- 1 | 339 | 340 | 450 | 451 | 635 | --------------------------------------------------------------------------------