From 45c10af75cec988b7ab72552bc6ce538c24d821c Mon Sep 17 00:00:00 2001 From: Reza_ashrafi Date: Sun, 5 Dec 2021 17:13:38 +0330 Subject: [PATCH] reza added two page --- src/assets/images/app-store.svg | 8 ++ src/assets/images/bazar.svg | 8 ++ src/assets/images/page5-bg.svg | 91 +++++++++++++++++++++ src/assets/images/test-result.svg | 129 ++++++++++++++++++++++++++++++ src/components/Navbar/index.js | 2 +- src/utils/scroll.js | 20 ++--- src/views/Home/Page3/index.js | 6 +- src/views/Home/Page4/index.js | 43 ++++++++-- src/views/Home/index.js | 4 + 9 files changed, 292 insertions(+), 19 deletions(-) create mode 100644 src/assets/images/app-store.svg create mode 100644 src/assets/images/bazar.svg create mode 100644 src/assets/images/page5-bg.svg create mode 100644 src/assets/images/test-result.svg diff --git a/src/assets/images/app-store.svg b/src/assets/images/app-store.svg new file mode 100644 index 0000000..aef3093 --- /dev/null +++ b/src/assets/images/app-store.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/src/assets/images/bazar.svg b/src/assets/images/bazar.svg new file mode 100644 index 0000000..b1f4dd5 --- /dev/null +++ b/src/assets/images/bazar.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/src/assets/images/page5-bg.svg b/src/assets/images/page5-bg.svg new file mode 100644 index 0000000..1538d76 --- /dev/null +++ b/src/assets/images/page5-bg.svg @@ -0,0 +1,91 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/images/test-result.svg b/src/assets/images/test-result.svg new file mode 100644 index 0000000..479e8cc --- /dev/null +++ b/src/assets/images/test-result.svg @@ -0,0 +1,129 @@ + + + + + + + + + + + + + + + + + + + + دانوین یادگیری هوشمند دروس + فروشگاه کتاب‌های فیزیکی دانوین + + + + + + + + + + + + + + + + + + + + + + + + + Https://Azmoon.danovin.ir + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + _ + + + + + + + + + + + + + + + علیرضا عزیزمتاسفانه شما نمره قبولی لازم جهت شرکت در قرعه کشی را پیدا نکردید + می باشد سوال صحیح25حدنصاب قبولی در آزمون کسب + + آزمون ویژه ابتدایی + ویژه دانش آموزان پایه ابتدایی + + + + + + تعداد پاسخ درست + تعداد پاسخ نادرست + + سوال + سوال + 18 + 12 + + + + + + + + + + + + + + + diff --git a/src/components/Navbar/index.js b/src/components/Navbar/index.js index b9457db..25628ee 100644 --- a/src/components/Navbar/index.js +++ b/src/components/Navbar/index.js @@ -5,7 +5,7 @@ import graySearchIcon from "../../assets/icons/gray-search.svg"; export default function Navbar({ pages }) { return ( -
+
diff --git a/src/utils/scroll.js b/src/utils/scroll.js index c0a3c49..d38d44b 100644 --- a/src/utils/scroll.js +++ b/src/utils/scroll.js @@ -24,7 +24,7 @@ class scroll { if (scrollY > 0 && scrollY < height) { return height - scrollY; } - if (scrollY === 7 * height) { + if (scrollY >= 10 * height) { return -1 * height; } } else if (index === 3) { @@ -34,25 +34,25 @@ class scroll { if (scrollY > 3 * height && scrollY < 4 * height) { return 4 * height - scrollY; } - if (scrollY === 7 * height) { + if (scrollY === 10 * height) { return -height; } } else if (index === 4) { - if (scrollY <= 2 * height) { + if (scrollY <= 5 * height) { return height; - } else if (scrollY > 2 * height && scrollY < 3 * height) { - return 3 * height - scrollY; + } else if (scrollY > 5 * height && scrollY < 5.5 * height) { + return 6 * height - scrollY; } - if (scrollY === 4 * height) { + if (scrollY === 10 * height) { return -height; } } else if (index === 5) { - if (scrollY <= 3 * height) { + if (scrollY <= 6 * height) { return height; - } else if (scrollY > 3 * height && scrollY < 4 * height) { - return 4 * height - scrollY; + } else if (scrollY > 6 * height && scrollY < 7 * height) { + return 7 * height - scrollY; } - if (scrollY === 5 * height) { + if (scrollY === 10 * height) { return -height; } } else if (index === 6) { diff --git a/src/views/Home/Page3/index.js b/src/views/Home/Page3/index.js index 68c3c87..6e793bc 100644 --- a/src/views/Home/Page3/index.js +++ b/src/views/Home/Page3/index.js @@ -1,6 +1,7 @@ import React, { useState, useEffect } from "react"; import _ from "lodash"; import scroll from "../../../utils/scroll"; +import testResultImage from "../../../assets/images/test-result.svg"; export default function Page3({ list, page }) { @@ -15,13 +16,14 @@ export default function Page3({ list, page }) {
0 ? "opacity-0 z-0" : "opacity-100 z-30", ], " " )} style={{ top: top }} > - +
); } diff --git a/src/views/Home/Page4/index.js b/src/views/Home/Page4/index.js index c5564d3..62d3c9f 100644 --- a/src/views/Home/Page4/index.js +++ b/src/views/Home/Page4/index.js @@ -1,12 +1,14 @@ import React, { useState, useEffect } from "react"; import _ from "lodash"; import scroll from "../../../utils/scroll"; - +import bgImage from "../../../assets/images/page5-bg.svg"; +import bazarImage from "../../../assets/images/bazar.svg"; +import appStoreImage from "../../../assets/images/app-store.svg"; export default function Page4({ list, page }) { const [top, setTop] = useState(window.innerHeight); - useEffect(() => { + useEffect(() => { window.addEventListener("scroll", (e) => { setTop(scroll.homeScrollHandler(page)); }); @@ -15,15 +17,44 @@ export default function Page4({ list, page }) {
- +
+ +
+

+ یادگیری بدون وقفه +
لذت یادگیری هوشمند +

+

+ {" "} + مداد رنگی ها مشغول بودند به جز مداد سفید، هیچکس به او کار نمیداد، + همه میگفتند : تو به هیچ دردی نمیخوری، یک شب که مداد رنگی ها تو سیاهی + شب گم شده بودند، مداد سفید تا صبح ماه کشید مهتاب کشید و انقدر ستاره + کشید که کوچک و کوچکتر شد صبح توی جعبه مداد رنگی جای خالی او با هیچ + رنگی پر نشد، به یاد هم باشیم شاید فردا ما هم در کنار هم نباشیم +

+
+ + +
+
+
); } - diff --git a/src/views/Home/index.js b/src/views/Home/index.js index 269a3e5..8657d30 100644 --- a/src/views/Home/index.js +++ b/src/views/Home/index.js @@ -3,6 +3,8 @@ import Navbar from "../../components/Navbar"; import Page1 from "./Page1"; import Page2 from "./Page2"; +import Page3 from "./Page3"; +import Page4 from "./Page4"; import VideoTube from "./VideoTube"; export default function Home() { @@ -25,6 +27,8 @@ export default function Home() { + +
); }