From 96a74df870be1cf5a1915468c603f682ec79bc57 Mon Sep 17 00:00:00 2001 From: Reza_ashrafi Date: Sun, 1 May 2022 00:02:41 +0430 Subject: [PATCH] reza added graphic layouts --- package.json | 1 + public/index.html | 10 +- src/App.scss | 2 + src/components/Button/index.js | 2 +- src/components/Footer/index.js | 17 + src/components/Navbar/index.js | 14 +- src/views/Home/index.js | 2 + src/views/Home/layouts/CrossPlatform/index.js | 3 +- src/views/Home/layouts/Features/index.js | 6 +- src/views/Home/layouts/Form/index.js | 5 +- src/views/Home/layouts/Gradient/index.js | 2 +- .../Home/layouts/Graphic/assets/gallery.svg | 7 + .../Home/layouts/Graphic/assets/icon1.svg | 16 + .../Home/layouts/Graphic/assets/icon2.svg | 3 + .../Home/layouts/Graphic/assets/icon3.svg | 3 + .../Home/layouts/Graphic/assets/logo.svg | 3 + .../Home/layouts/Graphic/assets/message1.svg | 8 + .../Home/layouts/Graphic/assets/message2.svg | 7 + .../Home/layouts/Graphic/assets/path1.svg | 3 + .../Home/layouts/Graphic/assets/roban.svg | 878 ++++++++++++++++++ .../Home/layouts/Graphic/assets/user1.svg | 8 + .../Home/layouts/Graphic/assets/user2.svg | 8 + .../Home/layouts/Graphic/assets/user3.svg | 8 + .../Home/layouts/Graphic/assets/user4.svg | 8 + .../Home/layouts/Graphic/assets/user5.svg | 8 + .../Home/layouts/Graphic/assets/user6.svg | 8 + .../Home/layouts/Graphic/assets/user7.svg | 8 + .../Home/layouts/Graphic/assets/voice.svg | 10 + src/views/Home/layouts/Graphic/index.js | 369 +++++++- src/views/Home/layouts/Graphic/index.scss | 133 +++ src/views/Home/layouts/Panel/index.js | 5 +- src/views/Home/layouts/Samples/index.js | 4 +- yarn.lock | 12 + 33 files changed, 1549 insertions(+), 32 deletions(-) create mode 100644 src/components/Footer/index.js create mode 100644 src/views/Home/layouts/Graphic/assets/gallery.svg create mode 100644 src/views/Home/layouts/Graphic/assets/icon1.svg create mode 100644 src/views/Home/layouts/Graphic/assets/icon2.svg create mode 100644 src/views/Home/layouts/Graphic/assets/icon3.svg create mode 100644 src/views/Home/layouts/Graphic/assets/logo.svg create mode 100644 src/views/Home/layouts/Graphic/assets/message1.svg create mode 100644 src/views/Home/layouts/Graphic/assets/message2.svg create mode 100644 src/views/Home/layouts/Graphic/assets/path1.svg create mode 100644 src/views/Home/layouts/Graphic/assets/roban.svg create mode 100644 src/views/Home/layouts/Graphic/assets/user1.svg create mode 100644 src/views/Home/layouts/Graphic/assets/user2.svg create mode 100644 src/views/Home/layouts/Graphic/assets/user3.svg create mode 100644 src/views/Home/layouts/Graphic/assets/user4.svg create mode 100644 src/views/Home/layouts/Graphic/assets/user5.svg create mode 100644 src/views/Home/layouts/Graphic/assets/user6.svg create mode 100644 src/views/Home/layouts/Graphic/assets/user7.svg create mode 100644 src/views/Home/layouts/Graphic/assets/voice.svg create mode 100644 src/views/Home/layouts/Graphic/index.scss diff --git a/package.json b/package.json index e5c34d1..b6ed7e9 100644 --- a/package.json +++ b/package.json @@ -16,6 +16,7 @@ "react-scripts": "5.0.1", "react-thunk": "^1.0.0", "react-toastify": "^8.2.0", + "react-type-animation": "^1.1.2", "redux": "^4.2.0", "redux-devtools-extension": "^2.13.9", "redux-persist": "^6.0.0", diff --git a/public/index.html b/public/index.html index aa069f2..3103d05 100644 --- a/public/index.html +++ b/public/index.html @@ -15,6 +15,7 @@ user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/ --> + diff --git a/src/App.scss b/src/App.scss index ca636eb..b64d167 100644 --- a/src/App.scss +++ b/src/App.scss @@ -2,6 +2,8 @@ @tailwind components; @tailwind utilities; +@import "./views/Home/layouts/Graphic/index.scss"; + .rtl { direction: rtl; } diff --git a/src/components/Button/index.js b/src/components/Button/index.js index 46cb10f..090f0a1 100644 --- a/src/components/Button/index.js +++ b/src/components/Button/index.js @@ -12,7 +12,7 @@ const Button = ({ }) => { return (