From 3a04c6c1db008166edf2efeaaa8cf076f9a79e30 Mon Sep 17 00:00:00 2001 From: Alibek Date: Fri, 19 Jan 2024 19:46:01 +0600 Subject: [PATCH] first commit, made homepage --- app/about-us/page.tsx | 3 + app/layout.tsx | 9 + app/news/page.tsx | 3 + app/page.tsx | 3 + app/profile/page.tsx | 7 + app/sign-in/page.tsx | 7 + app/sign-up/page.tsx | 7 + app/statistics/page.tsx | 3 + app/volunteers/page.tsx | 3 + package.json | 7 +- src/App/App.tsx | 22 ++ src/App/globals.scss | 28 +++ .../ChangeLanguage/ChangeLanguage.scss | 61 +++++ .../ChangeLanguage/ChangeLanguage.tsx | 50 ++++ .../ChangeLanguage/icons/check-icon.svg | 5 + .../icons/chevron-down-icon.svg | 11 + .../ChangeLanguage/icons/lang-icon.svg | 7 + src/Entities/NavAuthBtn/NavAuthBtn.scss | 18 ++ src/Entities/NavAuthBtn/NavAuthBtn.tsx | 18 ++ src/Entities/Switch/Switch.scss | 23 ++ src/Entities/Switch/Switch.tsx | 33 +++ src/Features/NavMenu/NavMenu.scss | 52 ++++ src/Features/NavMenu/NavMenu.tsx | 70 ++++++ src/Features/NavMenu/icons/cross-icon.svg | 6 + src/Features/NavMenu/icons/menu-icon.svg | 5 + src/Features/SearchBar/SearchBar.scss | 44 ++++ src/Features/SearchBar/SearchBar.tsx | 23 ++ src/Features/SearchBar/icons/search-icon.svg | 6 + src/Pages/AboutUsPage/AboutUsPage.scss | 0 src/Pages/AboutUsPage/AboutUsPage.tsx | 7 + src/Pages/Homepage/Homepage.scss | 9 + src/Pages/Homepage/Homepage.tsx | 20 ++ src/Pages/NewsPage/NewsPage.scss | 0 src/Pages/NewsPage/NewsPage.tsx | 7 + src/Pages/StatisticsPage/StatisticsPage.scss | 0 src/Pages/StatisticsPage/StatisticsPage.tsx | 7 + src/Pages/VolunteersPage/VolunteersPage.scss | 0 src/Pages/VolunteersPage/VolunteersPage.tsx | 7 + .../UI/SectionHeader/SectionHeader.scss | 39 +++ src/Shared/UI/SectionHeader/SectionHeader.tsx | 20 ++ src/Shared/variables.scss | 1 + src/Shared/variables/pages.ts | 7 + src/Widgets/general/Footer/Footer.scss | 54 ++++ src/Widgets/general/Footer/Footer.tsx | 54 ++++ .../general/Footer/assets/appstore.svg | 45 ++++ src/Widgets/general/Footer/assets/logo.png | Bin 0 -> 8891 bytes src/Widgets/general/Footer/icons/facebook.svg | 5 + .../general/Footer/icons/instagram.svg | 7 + src/Widgets/general/Footer/icons/youtube.svg | 5 + src/Widgets/general/Navbar/Navbar.scss | 81 ++++++ src/Widgets/general/Navbar/Navbar.tsx | 47 ++++ src/Widgets/general/Navbar/assets/logo.svg | 18 ++ src/Widgets/home/Header/Header.scss | 99 ++++++++ src/Widgets/home/Header/Header.tsx | 33 +++ src/Widgets/home/Header/assets/background.jpg | Bin 0 -> 527254 bytes .../home/Header/icons/arrow-right-icon.svg | 7 + src/Widgets/home/MapSection/MapSection.scss | 72 ++++++ src/Widgets/home/MapSection/MapSection.tsx | 54 ++++ src/Widgets/home/MapSection/assets/map.jpg | Bin 0 -> 588360 bytes src/Widgets/home/NewsSection/NewsSection.scss | 105 ++++++++ src/Widgets/home/NewsSection/NewsSection.tsx | 41 ++++ src/Widgets/home/NewsSection/assets/image.jpg | Bin 0 -> 2191778 bytes .../NewsSection/icons/arrow-right-icon.svg | 6 + .../home/RatingSection/RatingSection.scss | 19 ++ .../home/RatingSection/RatingSection.tsx | 16 ++ .../StatisticsSection/StatisticsSection.scss | 55 +++++ .../StatisticsSection/StatisticsSection.tsx | 28 +++ src/app/favicon.ico | Bin 25931 -> 0 bytes src/app/globals.css | 107 -------- src/app/layout.tsx | 22 -- src/app/page.module.css | 230 ------------------ src/app/page.tsx | 95 -------- yarn.lock | 77 +++++- 73 files changed, 1578 insertions(+), 462 deletions(-) create mode 100644 app/about-us/page.tsx create mode 100644 app/layout.tsx create mode 100644 app/news/page.tsx create mode 100644 app/page.tsx create mode 100644 app/profile/page.tsx create mode 100644 app/sign-in/page.tsx create mode 100644 app/sign-up/page.tsx create mode 100644 app/statistics/page.tsx create mode 100644 app/volunteers/page.tsx create mode 100644 src/App/App.tsx create mode 100644 src/App/globals.scss create mode 100644 src/Entities/ChangeLanguage/ChangeLanguage.scss create mode 100644 src/Entities/ChangeLanguage/ChangeLanguage.tsx create mode 100644 src/Entities/ChangeLanguage/icons/check-icon.svg create mode 100644 src/Entities/ChangeLanguage/icons/chevron-down-icon.svg create mode 100644 src/Entities/ChangeLanguage/icons/lang-icon.svg create mode 100644 src/Entities/NavAuthBtn/NavAuthBtn.scss create mode 100644 src/Entities/NavAuthBtn/NavAuthBtn.tsx create mode 100644 src/Entities/Switch/Switch.scss create mode 100644 src/Entities/Switch/Switch.tsx create mode 100644 src/Features/NavMenu/NavMenu.scss create mode 100644 src/Features/NavMenu/NavMenu.tsx create mode 100644 src/Features/NavMenu/icons/cross-icon.svg create mode 100644 src/Features/NavMenu/icons/menu-icon.svg create mode 100644 src/Features/SearchBar/SearchBar.scss create mode 100644 src/Features/SearchBar/SearchBar.tsx create mode 100644 src/Features/SearchBar/icons/search-icon.svg create mode 100644 src/Pages/AboutUsPage/AboutUsPage.scss create mode 100644 src/Pages/AboutUsPage/AboutUsPage.tsx create mode 100644 src/Pages/Homepage/Homepage.scss create mode 100644 src/Pages/Homepage/Homepage.tsx create mode 100644 src/Pages/NewsPage/NewsPage.scss create mode 100644 src/Pages/NewsPage/NewsPage.tsx create mode 100644 src/Pages/StatisticsPage/StatisticsPage.scss create mode 100644 src/Pages/StatisticsPage/StatisticsPage.tsx create mode 100644 src/Pages/VolunteersPage/VolunteersPage.scss create mode 100644 src/Pages/VolunteersPage/VolunteersPage.tsx create mode 100644 src/Shared/UI/SectionHeader/SectionHeader.scss create mode 100644 src/Shared/UI/SectionHeader/SectionHeader.tsx create mode 100644 src/Shared/variables.scss create mode 100644 src/Shared/variables/pages.ts create mode 100644 src/Widgets/general/Footer/Footer.scss create mode 100644 src/Widgets/general/Footer/Footer.tsx create mode 100644 src/Widgets/general/Footer/assets/appstore.svg create mode 100644 src/Widgets/general/Footer/assets/logo.png create mode 100644 src/Widgets/general/Footer/icons/facebook.svg create mode 100644 src/Widgets/general/Footer/icons/instagram.svg create mode 100644 src/Widgets/general/Footer/icons/youtube.svg create mode 100644 src/Widgets/general/Navbar/Navbar.scss create mode 100644 src/Widgets/general/Navbar/Navbar.tsx create mode 100644 src/Widgets/general/Navbar/assets/logo.svg create mode 100644 src/Widgets/home/Header/Header.scss create mode 100644 src/Widgets/home/Header/Header.tsx create mode 100644 src/Widgets/home/Header/assets/background.jpg create mode 100644 src/Widgets/home/Header/icons/arrow-right-icon.svg create mode 100644 src/Widgets/home/MapSection/MapSection.scss create mode 100644 src/Widgets/home/MapSection/MapSection.tsx create mode 100644 src/Widgets/home/MapSection/assets/map.jpg create mode 100644 src/Widgets/home/NewsSection/NewsSection.scss create mode 100644 src/Widgets/home/NewsSection/NewsSection.tsx create mode 100644 src/Widgets/home/NewsSection/assets/image.jpg create mode 100644 src/Widgets/home/NewsSection/icons/arrow-right-icon.svg create mode 100644 src/Widgets/home/RatingSection/RatingSection.scss create mode 100644 src/Widgets/home/RatingSection/RatingSection.tsx create mode 100644 src/Widgets/home/StatisticsSection/StatisticsSection.scss create mode 100644 src/Widgets/home/StatisticsSection/StatisticsSection.tsx delete mode 100644 src/app/favicon.ico delete mode 100644 src/app/globals.css delete mode 100644 src/app/layout.tsx delete mode 100644 src/app/page.module.css delete mode 100644 src/app/page.tsx diff --git a/app/about-us/page.tsx b/app/about-us/page.tsx new file mode 100644 index 0000000..7c7697c --- /dev/null +++ b/app/about-us/page.tsx @@ -0,0 +1,3 @@ +import AboutUsPage from "@/Pages/AboutUsPage/AboutUsPage"; + +export default AboutUsPage; diff --git a/app/layout.tsx b/app/layout.tsx new file mode 100644 index 0000000..31838fa --- /dev/null +++ b/app/layout.tsx @@ -0,0 +1,9 @@ +import RootLayout from "@/App/App"; +import type { Metadata } from "next"; + +export const metadata: Metadata = { + title: "KG Road", + description: "Road in Kyrgyzstan", +}; + +export default RootLayout; diff --git a/app/news/page.tsx b/app/news/page.tsx new file mode 100644 index 0000000..955b210 --- /dev/null +++ b/app/news/page.tsx @@ -0,0 +1,3 @@ +import NewsPage from "@/Pages/NewsPage/NewsPage"; + +export default NewsPage; diff --git a/app/page.tsx b/app/page.tsx new file mode 100644 index 0000000..3095677 --- /dev/null +++ b/app/page.tsx @@ -0,0 +1,3 @@ +import Homepage from "@/Pages/Homepage/Homepage"; + +export default Homepage; diff --git a/app/profile/page.tsx b/app/profile/page.tsx new file mode 100644 index 0000000..a54c709 --- /dev/null +++ b/app/profile/page.tsx @@ -0,0 +1,7 @@ +import React from "react"; + +const page = () => { + return
page
; +}; + +export default page; diff --git a/app/sign-in/page.tsx b/app/sign-in/page.tsx new file mode 100644 index 0000000..a54c709 --- /dev/null +++ b/app/sign-in/page.tsx @@ -0,0 +1,7 @@ +import React from "react"; + +const page = () => { + return
page
; +}; + +export default page; diff --git a/app/sign-up/page.tsx b/app/sign-up/page.tsx new file mode 100644 index 0000000..a54c709 --- /dev/null +++ b/app/sign-up/page.tsx @@ -0,0 +1,7 @@ +import React from "react"; + +const page = () => { + return
page
; +}; + +export default page; diff --git a/app/statistics/page.tsx b/app/statistics/page.tsx new file mode 100644 index 0000000..2ea4a18 --- /dev/null +++ b/app/statistics/page.tsx @@ -0,0 +1,3 @@ +import StatisticsPage from "@/Pages/StatisticsPage/StatisticsPage"; + +export default StatisticsPage; diff --git a/app/volunteers/page.tsx b/app/volunteers/page.tsx new file mode 100644 index 0000000..8bc622c --- /dev/null +++ b/app/volunteers/page.tsx @@ -0,0 +1,3 @@ +import VolunteersPage from "@/Pages/VolunteersPage/VolunteersPage"; + +export default VolunteersPage; diff --git a/package.json b/package.json index 84ce1a5..8e8148e 100644 --- a/package.json +++ b/package.json @@ -9,16 +9,17 @@ "lint": "next lint" }, "dependencies": { + "next": "14.1.0", "react": "^18", "react-dom": "^18", - "next": "14.1.0" + "sass": "^1.70.0" }, "devDependencies": { - "typescript": "^5", "@types/node": "^20", "@types/react": "^18", "@types/react-dom": "^18", "eslint": "^8", - "eslint-config-next": "14.1.0" + "eslint-config-next": "14.1.0", + "typescript": "^5" } } diff --git a/src/App/App.tsx b/src/App/App.tsx new file mode 100644 index 0000000..fd75142 --- /dev/null +++ b/src/App/App.tsx @@ -0,0 +1,22 @@ +import { Montserrat } from "next/font/google"; +import "./globals.scss"; +import Navbar from "@/Widgets/general/Navbar/Navbar"; +import Footer from "@/Widgets/general/Footer/Footer"; + +const montserrat = Montserrat({ subsets: ["latin"] }); + +export default function RootLayout({ + children, +}: Readonly<{ + children: React.ReactNode; +}>) { + return ( + + + + {children} +