diff --git a/app.vue b/app.vue index ea4ef5c..88f8047 100644 --- a/app.vue +++ b/app.vue @@ -1,3 +1,5 @@ diff --git a/assets/css/tailwind.css b/assets/css/tailwind.css index 5f18372..617e98d 100644 --- a/assets/css/tailwind.css +++ b/assets/css/tailwind.css @@ -9,7 +9,11 @@ body { font-family: "Iransans"; direction: rtl; } - +@layer utilities { + .pinkShadow { + filter: drop-shadow(0px 0px 2px #a6228527); + } +} @layer components { .loginInput{ @apply bg-white rounded-[1.563vw] text-[0.833vw] w-full h-[2.917vw] ps-[1.2vw] @@ -20,4 +24,7 @@ body { .greenButton{ @apply h-[2.917vw] rounded-[1.563vw] py-[0.833vw] px-[4.167vw] text-white bg-primaryGreen gap-[0.521vw] text-[0.833vw] } + .categoriesOption{ + @apply font-semibold py-[2.051vw] md:py-[0.625vw] w-[22.821vw] md:w-[8vw] mx-[0.5vw] md:mx-auto gap-2 rounded-[2.051vw] md:rounded-[0.521vw] border-[1px] border-primaryGreen text-primaryGreen text-[3.59vw] md:text-[1.055vw] + } } diff --git a/components/Card.vue b/components/Card.vue new file mode 100644 index 0000000..ef50aed --- /dev/null +++ b/components/Card.vue @@ -0,0 +1,135 @@ + \ No newline at end of file diff --git a/components/home-page/About-us.vue b/components/home-page/About-us.vue new file mode 100644 index 0000000..24a9aab --- /dev/null +++ b/components/home-page/About-us.vue @@ -0,0 +1,117 @@ + + + + \ No newline at end of file diff --git a/components/home-page/Information.vue b/components/home-page/Information.vue new file mode 100644 index 0000000..5ec6b02 --- /dev/null +++ b/components/home-page/Information.vue @@ -0,0 +1,123 @@ + \ No newline at end of file diff --git a/components/home-page/Intro.vue b/components/home-page/Intro.vue new file mode 100644 index 0000000..5656da4 --- /dev/null +++ b/components/home-page/Intro.vue @@ -0,0 +1,25 @@ + \ No newline at end of file diff --git a/components/home-page/Suggested-courses.vue b/components/home-page/Suggested-courses.vue new file mode 100644 index 0000000..9959b06 --- /dev/null +++ b/components/home-page/Suggested-courses.vue @@ -0,0 +1,11 @@ + \ No newline at end of file diff --git a/components/home-page/courses-section/Categories.vue b/components/home-page/courses-section/Categories.vue new file mode 100644 index 0000000..cf43ba8 --- /dev/null +++ b/components/home-page/courses-section/Categories.vue @@ -0,0 +1,95 @@ + + + + \ No newline at end of file diff --git a/components/home-page/courses-section/SuggestedCourses.vue b/components/home-page/courses-section/SuggestedCourses.vue new file mode 100644 index 0000000..6ef08be --- /dev/null +++ b/components/home-page/courses-section/SuggestedCourses.vue @@ -0,0 +1,23 @@ + \ No newline at end of file diff --git a/components/home-page/courses-section/WatchCoursesButton.vue b/components/home-page/courses-section/WatchCoursesButton.vue new file mode 100644 index 0000000..28c9d76 --- /dev/null +++ b/components/home-page/courses-section/WatchCoursesButton.vue @@ -0,0 +1,39 @@ + \ No newline at end of file diff --git a/components/login-page/Reset-password-form.vue b/components/login-page/Reset-password-form.vue index 5f47f05..e357c2e 100644 --- a/components/login-page/Reset-password-form.vue +++ b/components/login-page/Reset-password-form.vue @@ -8,7 +8,6 @@ class="loginInput" placeholder="ایمیل خود را وارد کنید" /> -test +
+ +
+ + + + \ No newline at end of file diff --git a/layouts/footer.vue b/layouts/footer.vue new file mode 100644 index 0000000..57ebddd --- /dev/null +++ b/layouts/footer.vue @@ -0,0 +1,216 @@ + \ No newline at end of file diff --git a/nuxt.config.ts b/nuxt.config.ts index 239e7cb..742bd5d 100644 --- a/nuxt.config.ts +++ b/nuxt.config.ts @@ -2,10 +2,11 @@ export default defineNuxtConfig({ devtools: { enabled: true }, modules: [ - '@nuxtjs/tailwindcss' + '@nuxtjs/tailwindcss', + 'vue3-carousel-nuxt' ], tailwindcss: { cssPath: '~/assets/css/tailwind.css', configPath: '~/tailwind.config.js', }, -}) +}) \ No newline at end of file diff --git a/package-lock.json b/package-lock.json index bf24743..eed8e20 100644 --- a/package-lock.json +++ b/package-lock.json @@ -9,7 +9,8 @@ "dependencies": { "nuxt": "^3.11.2", "vue": "^3.4.27", - "vue-router": "^4.3.2" + "vue-router": "^4.3.2", + "vue3-carousel-nuxt": "^1.1.1" }, "devDependencies": { "@nuxtjs/tailwindcss": "^6.12.0" @@ -11769,6 +11770,23 @@ "resolved": "https://registry.npmjs.org/mitt/-/mitt-2.1.0.tgz", "integrity": "sha512-ILj2TpLiysu2wkBbWjAmww7TkZb65aiQO+DkVdUTBpBXq+MHYiETENkKFMtsJZX1Lf4pe4QOrTSjIfUwN5lRdg==" }, + "node_modules/vue3-carousel": { + "version": "0.3.3", + "resolved": "https://registry.npmjs.org/vue3-carousel/-/vue3-carousel-0.3.3.tgz", + "integrity": "sha512-VsuOBE4LG9lxAiYGR9U7ps4RyJ4oFQGzk79/49ybvoxzNpahPAVWIDHKK3a1lOv0CSplFq6u4FvaFLZ8x3FgWg==", + "peerDependencies": { + "vue": "^3.2.0" + } + }, + "node_modules/vue3-carousel-nuxt": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/vue3-carousel-nuxt/-/vue3-carousel-nuxt-1.1.1.tgz", + "integrity": "sha512-vhsHeB1bjTPSrKUmci0saXA2ueT4g7WArCG2cv6NzXiVnyaPZUCUjZcPcwTqQ86amRUjg92NgGhOlgDsz4pNHg==", + "dependencies": { + "@nuxt/kit": "^3.11.0", + "vue3-carousel": "^0.3.3" + } + }, "node_modules/webidl-conversions": { "version": "3.0.1", "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz", diff --git a/package.json b/package.json index 59fc280..e512dca 100644 --- a/package.json +++ b/package.json @@ -13,7 +13,8 @@ "dependencies": { "nuxt": "^3.11.2", "vue": "^3.4.27", - "vue-router": "^4.3.2" + "vue-router": "^4.3.2", + "vue3-carousel-nuxt": "^1.1.1" }, "devDependencies": { "@nuxtjs/tailwindcss": "^6.12.0" diff --git a/pages/courses/index.vue b/pages/courses/index.vue new file mode 100644 index 0000000..d64742e --- /dev/null +++ b/pages/courses/index.vue @@ -0,0 +1,3 @@ + \ No newline at end of file diff --git a/pages/index.vue b/pages/index.vue index 002184e..407d888 100644 --- a/pages/index.vue +++ b/pages/index.vue @@ -1,7 +1,7 @@ - - \ No newline at end of file diff --git a/pages/signup/index.vue b/pages/signup/index.vue index 5b083e8..98dcf0e 100644 --- a/pages/signup/index.vue +++ b/pages/signup/index.vue @@ -1,41 +1,41 @@ \ No newline at end of file diff --git a/public/images/HeaderBg.jpg b/public/images/HeaderBg.jpg new file mode 100644 index 0000000..9369442 Binary files /dev/null and b/public/images/HeaderBg.jpg differ diff --git a/public/images/Logo.png b/public/images/Logo.png new file mode 100644 index 0000000..8ff8936 Binary files /dev/null and b/public/images/Logo.png differ diff --git a/public/images/Profile.png b/public/images/Profile.png new file mode 100644 index 0000000..6e84bd6 Binary files /dev/null and b/public/images/Profile.png differ diff --git a/public/images/aboutUs.jpg b/public/images/aboutUs.jpg new file mode 100644 index 0000000..1cc7730 Binary files /dev/null and b/public/images/aboutUs.jpg differ diff --git a/public/images/course.png b/public/images/course.png new file mode 100644 index 0000000..b82b669 Binary files /dev/null and b/public/images/course.png differ diff --git a/tailwind.config.js b/tailwind.config.js index 129afca..57229f2 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -8,7 +8,9 @@ export default { primaryGreen: '#0D3F40', primaryTextColor: '#383E43', secondaryTextColor: '#878787', + footerGreen: '#D3EDED' } + } } } \ No newline at end of file