├── .gitignore ├── .npmrc ├── README.md ├── assets └── css │ └── tailwind.css ├── components ├── bookings │ └── index.vue ├── category │ └── index.vue ├── companies │ └── index.vue ├── destinations │ └── index.vue ├── global │ ├── Footer.vue │ ├── Logo.vue │ └── svg │ │ ├── AeroplaneSVG.vue │ │ ├── CogSVG.vue │ │ ├── MicrophoneSVG.vue │ │ ├── PlusPlusSVG.vue │ │ └── SatelightSVG.vue ├── hero │ ├── Header.vue │ └── index.vue ├── subscribe │ └── index.vue └── testimonials │ └── index.vue ├── jadoo.jpg ├── layouts └── default.vue ├── nuxt.config.ts ├── package-lock.json ├── package.json ├── pages └── index.vue ├── public ├── favicon.ico └── images │ ├── GooglePlay.jpg │ ├── PlayStore.jpg │ ├── Social.jpg │ ├── alitalia.jpg │ ├── axon.jpg │ ├── bookings.jpg │ ├── europe.jpg │ ├── expedia.jpg │ ├── jestar.jpg │ ├── london.jpg │ ├── person.jpg │ ├── qantas.jpg │ ├── rome.png │ └── travel-girl.png ├── server └── tsconfig.json └── tsconfig.json /.gitignore: -------------------------------------------------------------------------------- 1 | # Nuxt dev/build outputs 2 | .output 3 | .nuxt 4 | .nitro 5 | .cache 6 | dist 7 | 8 | # Node dependencies 9 | node_modules 10 | 11 | # Logs 12 | logs 13 | *.log 14 | 15 | # Misc 16 | .DS_Store 17 | .fleet 18 | .idea 19 | 20 | # Local env files 21 | .env 22 | .env.* 23 | !.env.example 24 | -------------------------------------------------------------------------------- /.npmrc: -------------------------------------------------------------------------------- 1 | shamefully-hoist=true 2 | strict-peer-dependencies=false 3 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Jadoo 2 | 3 | Jadoo is a travel agency landing page built with Nuxt 3 and TailwindCSS. 4 | 5 | ## Setup 6 | 7 | Make sure to install the dependencies: 8 | 9 | ```bash 10 | # npm 11 | npm install 12 | 13 | # pnpm 14 | pnpm install 15 | 16 | # yarn 17 | yarn install 18 | ``` 19 | 20 | ## Development Server 21 | 22 | Start the development server on `http://localhost:3000`: 23 | 24 | ```bash 25 | # npm 26 | npm run dev 27 | 28 | # pnpm 29 | pnpm run dev 30 | 31 | # yarn 32 | yarn dev 33 | ``` 34 | 35 | ## Figma Design 36 | 37 | Here is the link to the figma design for the Jadoo. 38 | 39 | [Jadoo Figma File](https://www.figma.com/file/ueZJdVwFai18bVSDnkhsN1/Travel-Website-Landing-Page-(Community)-(Copy)?type=design&node-id=0%3A1&mode=design&t=nFhek10pRK80Fsv0-1) 40 | 41 | ## Jadoo Figma Design Image 42 | 43 | ![Jadoo ](/jadoo.jpg "Jadoo ") 44 | -------------------------------------------------------------------------------- /assets/css/tailwind.css: -------------------------------------------------------------------------------- 1 | @import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Volkhov:ital,wght@0,700;1,400;1,700&display=swap"); 2 | 3 | @tailwind base; 4 | @tailwind components; 5 | @tailwind utilities; 6 | -------------------------------------------------------------------------------- /components/bookings/index.vue: -------------------------------------------------------------------------------- 1 | 2 | 3 | 144 | -------------------------------------------------------------------------------- /components/category/index.vue: -------------------------------------------------------------------------------- 1 | 8 | 9 | 101 | -------------------------------------------------------------------------------- /components/companies/index.vue: -------------------------------------------------------------------------------- 1 | 2 | 3 | 46 | 47 | 56 | -------------------------------------------------------------------------------- /components/destinations/index.vue: -------------------------------------------------------------------------------- 1 | 2 | 3 | 131 | -------------------------------------------------------------------------------- /components/global/Footer.vue: -------------------------------------------------------------------------------- 1 | 198 | -------------------------------------------------------------------------------- /components/global/Logo.vue: -------------------------------------------------------------------------------- 1 | 36 | -------------------------------------------------------------------------------- /components/global/svg/AeroplaneSVG.vue: -------------------------------------------------------------------------------- 1 | 94 | -------------------------------------------------------------------------------- /components/global/svg/CogSVG.vue: -------------------------------------------------------------------------------- 1 | 30 | -------------------------------------------------------------------------------- /components/global/svg/PlusPlusSVG.vue: -------------------------------------------------------------------------------- 1 | 98 | -------------------------------------------------------------------------------- /components/global/svg/SatelightSVG.vue: -------------------------------------------------------------------------------- 1 | 90 | -------------------------------------------------------------------------------- /components/hero/Header.vue: -------------------------------------------------------------------------------- 1 | 9 | 10 | 114 | -------------------------------------------------------------------------------- /components/hero/index.vue: -------------------------------------------------------------------------------- 1 | 4 | 5 | 137 | -------------------------------------------------------------------------------- /components/subscribe/index.vue: -------------------------------------------------------------------------------- 1 | 305 | -------------------------------------------------------------------------------- /components/testimonials/index.vue: -------------------------------------------------------------------------------- 1 | 2 | 3 | 51 | -------------------------------------------------------------------------------- /jadoo.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/thecodingmontana/jadoo/24ba2d89f43afc284cc18e3d2023e4dad4686d4d/jadoo.jpg -------------------------------------------------------------------------------- /layouts/default.vue: -------------------------------------------------------------------------------- 1 | 19 | 20 | 26 | -------------------------------------------------------------------------------- /nuxt.config.ts: -------------------------------------------------------------------------------- 1 | // https://nuxt.com/docs/api/configuration/nuxt-config 2 | export default defineNuxtConfig({ 3 | devtools: { enabled: true }, 4 | modules: [ 5 | "nuxt-icon", 6 | "@nuxt/image", 7 | "@nuxtjs/tailwindcss", 8 | "nuxt-headlessui", 9 | ], 10 | tailwindcss: { 11 | cssPath: "~/assets/css/tailwind.css", 12 | config: { 13 | theme: { 14 | fontFamily: { 15 | 'poppins': ['Poppins', 'sans-serif'], 16 | 'volkhov': ['Volkhov', 'serif'] 17 | } 18 | }, 19 | plugins: [ 20 | require('tailwind-scrollbar-hide') 21 | ] 22 | } 23 | }, 24 | }); 25 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "jadoo", 3 | "private": true, 4 | "scripts": { 5 | "build": "nuxt build", 6 | "dev": "nuxt dev", 7 | "generate": "nuxt generate", 8 | "preview": "nuxt preview", 9 | "postinstall": "nuxt prepare" 10 | }, 11 | "devDependencies": { 12 | "@nuxt/devtools": "latest", 13 | "@nuxt/image": "^1.0.0-rc.1", 14 | "@types/node": "^18.16.19", 15 | "nuxt": "^3.6.3", 16 | "nuxt-icon": "^0.4.2" 17 | }, 18 | "dependencies": { 19 | "@headlessui/vue": "^1.7.14", 20 | "@heroicons/vue": "^2.0.18", 21 | "@nuxtjs/tailwindcss": "^6.8.0", 22 | "nuxt-headlessui": "^1.1.4", 23 | "pinia": "^2.1.4", 24 | "tailwind-scrollbar-hide": "^1.1.7" 25 | }, 26 | "overrides": { 27 | "vue": "latest" 28 | }, 29 | "description": "Jadoo is a travel agency landing page built with Nuxt 3", 30 | "version": "1.0.0", 31 | "main": "index.js", 32 | "repository": { 33 | "type": "git", 34 | "url": "git+https://github.com/DevHumbleChris/jadoo.git" 35 | }, 36 | "keywords": [ 37 | "travel", 38 | "travel agency", 39 | "landing page", 40 | "nuxt3", 41 | "tailwindcss", 42 | "pinia" 43 | ], 44 | "author": "AmChrisKE", 45 | "license": "MIT", 46 | "bugs": { 47 | "url": "https://github.com/DevHumbleChris/jadoo/issues" 48 | }, 49 | "homepage": "https://github.com/DevHumbleChris/jadoo#readme" 50 | } 51 | -------------------------------------------------------------------------------- /pages/index.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 20 | -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/thecodingmontana/jadoo/24ba2d89f43afc284cc18e3d2023e4dad4686d4d/public/favicon.ico -------------------------------------------------------------------------------- /public/images/GooglePlay.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/thecodingmontana/jadoo/24ba2d89f43afc284cc18e3d2023e4dad4686d4d/public/images/GooglePlay.jpg -------------------------------------------------------------------------------- /public/images/PlayStore.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/thecodingmontana/jadoo/24ba2d89f43afc284cc18e3d2023e4dad4686d4d/public/images/PlayStore.jpg -------------------------------------------------------------------------------- /public/images/Social.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/thecodingmontana/jadoo/24ba2d89f43afc284cc18e3d2023e4dad4686d4d/public/images/Social.jpg -------------------------------------------------------------------------------- /public/images/alitalia.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/thecodingmontana/jadoo/24ba2d89f43afc284cc18e3d2023e4dad4686d4d/public/images/alitalia.jpg -------------------------------------------------------------------------------- /public/images/axon.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/thecodingmontana/jadoo/24ba2d89f43afc284cc18e3d2023e4dad4686d4d/public/images/axon.jpg -------------------------------------------------------------------------------- /public/images/bookings.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/thecodingmontana/jadoo/24ba2d89f43afc284cc18e3d2023e4dad4686d4d/public/images/bookings.jpg -------------------------------------------------------------------------------- /public/images/europe.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/thecodingmontana/jadoo/24ba2d89f43afc284cc18e3d2023e4dad4686d4d/public/images/europe.jpg -------------------------------------------------------------------------------- /public/images/expedia.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/thecodingmontana/jadoo/24ba2d89f43afc284cc18e3d2023e4dad4686d4d/public/images/expedia.jpg -------------------------------------------------------------------------------- /public/images/jestar.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/thecodingmontana/jadoo/24ba2d89f43afc284cc18e3d2023e4dad4686d4d/public/images/jestar.jpg -------------------------------------------------------------------------------- /public/images/london.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/thecodingmontana/jadoo/24ba2d89f43afc284cc18e3d2023e4dad4686d4d/public/images/london.jpg -------------------------------------------------------------------------------- /public/images/person.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/thecodingmontana/jadoo/24ba2d89f43afc284cc18e3d2023e4dad4686d4d/public/images/person.jpg -------------------------------------------------------------------------------- /public/images/qantas.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/thecodingmontana/jadoo/24ba2d89f43afc284cc18e3d2023e4dad4686d4d/public/images/qantas.jpg -------------------------------------------------------------------------------- /public/images/rome.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/thecodingmontana/jadoo/24ba2d89f43afc284cc18e3d2023e4dad4686d4d/public/images/rome.png -------------------------------------------------------------------------------- /public/images/travel-girl.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/thecodingmontana/jadoo/24ba2d89f43afc284cc18e3d2023e4dad4686d4d/public/images/travel-girl.png -------------------------------------------------------------------------------- /server/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../.nuxt/tsconfig.server.json" 3 | } 4 | -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | // https://nuxt.com/docs/guide/concepts/typescript 3 | "extends": "./.nuxt/tsconfig.json" 4 | } 5 | --------------------------------------------------------------------------------