diff --git a/frontend/src/assets/images/Privacy/compliance.webp b/frontend/src/assets/images/Privacy/compliance.webp new file mode 100644 index 00000000..72779981 Binary files /dev/null and b/frontend/src/assets/images/Privacy/compliance.webp differ diff --git a/frontend/src/assets/images/Privacy/control.webp b/frontend/src/assets/images/Privacy/control.webp new file mode 100644 index 00000000..84fde3ad Binary files /dev/null and b/frontend/src/assets/images/Privacy/control.webp differ diff --git a/frontend/src/assets/images/Privacy/dataprivacy.webp b/frontend/src/assets/images/Privacy/dataprivacy.webp new file mode 100644 index 00000000..c8957375 Binary files /dev/null and b/frontend/src/assets/images/Privacy/dataprivacy.webp differ diff --git a/frontend/src/assets/images/Privacy/globalprivacysupport.webp b/frontend/src/assets/images/Privacy/globalprivacysupport.webp new file mode 100644 index 00000000..0c8c65da Binary files /dev/null and b/frontend/src/assets/images/Privacy/globalprivacysupport.webp differ diff --git a/frontend/src/assets/images/Privacy/partnership.webp b/frontend/src/assets/images/Privacy/partnership.webp new file mode 100644 index 00000000..c623bd52 Binary files /dev/null and b/frontend/src/assets/images/Privacy/partnership.webp differ diff --git a/frontend/src/assets/images/Privacy/privacyforcustomer.webp b/frontend/src/assets/images/Privacy/privacyforcustomer.webp new file mode 100644 index 00000000..af5fb545 Binary files /dev/null and b/frontend/src/assets/images/Privacy/privacyforcustomer.webp differ diff --git a/frontend/src/assets/images/Privacy/security.webp b/frontend/src/assets/images/Privacy/security.webp new file mode 100644 index 00000000..ca667abd Binary files /dev/null and b/frontend/src/assets/images/Privacy/security.webp differ diff --git a/frontend/src/assets/images/Privacy/transparent.webp b/frontend/src/assets/images/Privacy/transparent.webp new file mode 100644 index 00000000..72ce6871 Binary files /dev/null and b/frontend/src/assets/images/Privacy/transparent.webp differ diff --git a/frontend/src/index.jsx b/frontend/src/index.jsx index c11dd04b..8392ef4f 100644 --- a/frontend/src/index.jsx +++ b/frontend/src/index.jsx @@ -25,6 +25,7 @@ import reportWebVitals from './reportWebVitals'; import DashBoard from './pages/Dashboard'; import Gpt3 from './pages/Gpt-3'; import Blogs from './pages/Blogs/Index'; +import ErrorProcessing from './pages/ErrorProcessing/index' // import DashboardMain from './pages/Dashboard/DashboardMain/DashboardMain'; // import Upload from './pages/Dashboard/DashboardMain/UploadFile/Upload'; import UploadReady from './pages/Dashboard/DashboardMain/UploadReady/UploadReady'; @@ -182,10 +183,10 @@ const router = createBrowserRouter([ // path: '/settings', // element: , // }, - // { - // path: '/processingerror', - // element: , - // }, + { + path: '/processingerror', + element: , + }, ]); const root = ReactDOM.createRoot(document.getElementById('root')); diff --git a/frontend/src/pages/ErrorProcessing/index.jsx b/frontend/src/pages/ErrorProcessing/index.jsx index c92a72ad..d1332daa 100644 --- a/frontend/src/pages/ErrorProcessing/index.jsx +++ b/frontend/src/pages/ErrorProcessing/index.jsx @@ -1,7 +1,7 @@ import React from 'react'; import { FaGreaterThan } from 'react-icons/fa'; -import DashBoardSideBar from '../../components/DashBoardSideBar'; import DashBoardHeader from '../../components/DashBoardHeader'; +import NavigationBar from '../../components/NavigationBar'; const styles = { bgColor: '#1570EF', @@ -19,42 +19,41 @@ const processData = { const ErrorProcessing = () => ( <> - -
- -
-
- Dashboard > Upload{' '} -
-

{processData.status}

-

+ +

+
+

+ Processing... +

+

Our system is currently reconciling your records and will alert you of - any errors. Please be patient.{' '} + any errors. Please be patient.

-
-
-

{processData.statusHeader}

-

- - {processData.numberOfimbalance} - - {processData.statusMessage} -

- -
-
-
-
- - cancel - +
+
+

+ Matching data... +

+
+ 0 +

+ imbalance(s) found so far +

+
+
+ + 1%
-
-
+ + ); -export default ErrorProcessing; +export default ErrorProcessing; \ No newline at end of file diff --git a/frontend/src/pages/Privacy/index.jsx b/frontend/src/pages/Privacy/index.jsx index 834b463c..a322ed64 100644 --- a/frontend/src/pages/Privacy/index.jsx +++ b/frontend/src/pages/Privacy/index.jsx @@ -1,175 +1,151 @@ import React from 'react'; -import padlock from '../../assets/images/Privacy/padlock.svg'; -import Key from '../../assets/images/Privacy/Key.svg'; -import Camera from '../../assets/images/Privacy/camera.svg'; -import Globe from '../../assets/images/Privacy/globe.svg'; -import Partnership from '../../assets/images/Privacy/partnership.svg'; -import photo1 from '../../assets/images/Privacy/photo4.png'; -import photo2 from '../../assets/images/Privacy/photo2.png'; -import photo3 from '../../assets/images/Privacy/photo3.png'; import Footer from '../../components/Footer'; import Navbar from '../../components/NavigationBar'; +import DataPrivacy from '../../assets/images/Privacy/dataprivacy.webp'; +import PrivacyCustomer from '../../assets/images/Privacy/privacyforcustomer.webp'; +import GlobalPrivacy from '../../assets/images/Privacy/globalprivacysupport.webp'; +import SecurityIcon from '../../assets/images/Privacy/security.webp'; +import Control from '../../assets/images/Privacy/control.webp'; +import Transparent from '../../assets/images/Privacy/transparent.webp'; +import Compliance from '../../assets/images/Privacy/compliance.webp'; +import Partnership from '../../assets/images/Privacy/partnership.webp'; +import './privacy.css' const Privacy = () => (
-
-
-
-
-
-

- Turn data privacy into an opportunity to enhance customer - experiences -

-

- As one of the best platform, we provides companies like yours - with the tools to build trust while enhancing customer - experiences. Gain increased transparency and control of your - customers’ data, all while harnessing the power of that - data to connect with customers in new ways. -

-
- -
-
-
-
-
-

- Privacy for every customer -

-

- No matter where your customers are located, we care about - helping you protect their personal data. -

-
-
- photo2 -
-
+
+
+
+

+ Turn data privacy into an opportunity +

+

+ As one of the best platform, we provides companies like yours with + the tools to build trust while enhancing customer experiences. Gain + increased transparency and control of your customers data, all + while harnessing the power of that data to connect with customers in + new ways. +

-
-
-
-

- Global privacy support -

-

- We safeguard our customers’ data with a robust, - comprehensive, and transparent privacy and security program. -

-
-
- photo3 -
-
+
+
-

- We have five privacy principles that highlight our commitment to trust. -

-
-
-
- padlock -

- Security -

-
-

- We protect your data at all times, using strong security measures - that are regularly verified by internal safeguards and external - auditors. -

-
-
-
- key -

- Control -

-
-

- We design our products to ensure you remain in control of your data, - at all times. +

+
+

+ Privacy for every customer +

+

+ No matter where your customers are located, we care about helping + you protect their personal data.

-
-
- camera -

- Transparency -

-
-

- We are clear about our practices so that you can understand how your - data is collected and used. -

+
+
-
-
- globe -

- Compliance -

-
-

- We operate a high standard designed so you can operate around the - world, including in regions with strict privacy rules for data - handling. +

+
+
+

+ Global privacy support +

+

+ We safeguard our customers data with a robust, comprehensive, and + transparent privacy and security program.

-
-
- partnership -

- Partnership -

-
-

- Safeguarding data is a team effort. We listen to your feedback, and - we provide information and customizable security and privacy tools - to you. -

+
+
-
-
-
+
+

+ We have five privacy principles that highlight out commitment to + trust: +

+
+
+
+ +

+ Security +

+

+ We protect your data at all times, using strong security + measures that are regularly verified by internal safeguards and + external auditors. +

+
+
+ +

+ Control +

+

+ We design our products to ensure you remain in control of your + data, at all times. +

+
+
+
+
+ +

+ Transparency +

+

+ We are clear about our practices so that you can understand how + your data is collected and used. +

+
+
+ +

+ Compliance +

+

+ We operate a high standard designed so you can operate around + the world, including in regions with strict privacy rules for + data handling. +

+
+
+
partnership -

+

Partnership -

+ +

+ Safeguarding data is a team effort. We listen to your feedback, + and we provide information and customizable security and privacy + tools to you. +

-

- Safeguarding data is a team effort. We listen to your feedback, and - we provide information and customizable security and privacy tools - to you. -

-
+
); diff --git a/frontend/src/pages/Privacy/privacy.css b/frontend/src/pages/Privacy/privacy.css new file mode 100644 index 00000000..3f4f246f --- /dev/null +++ b/frontend/src/pages/Privacy/privacy.css @@ -0,0 +1,167 @@ +@media (min-width: 768px) and (max-width:768px) { + .privacy-data { + flex-direction: column; + } + .privacy-data h2 { + font-size: 30px; + } + .privacy-data p { + font-size: 16px; + } + .privacy-data img { + width: 300px; + height: 200px; + } + .privacy-section h2 { + font-size: 25px; + margin-left: 0; + } + .top-privacy { + display: flex; + gap: 30px; + } + .privacy-box { + width: 350px; + height: 300px; + } + .security { + margin-top: 25px; + width: 40px; + height: 55px; + } + .compliance { + width: 60px; + height: 60px; + margin-top: 30px; + } + .privacy-box h3 { + margin-top: -35px; + font-size: 30px; + } + .privacy-box p { + margin-top: -25px; + font-size: 16px; + max-width: 200px; + margin-bottom: 30px; + } + .partnership { + margin-left: 150px; + } +} + +@media (min-width: 375px) and (max-width:415px) { + .privacy-data { + display: block; + padding: 32px 16px; + } + .privacy-data h2 { + font-family: 'Lexend'; + font-style: normal; + font-weight: 600; + font-size: 20px; + line-height: 27px; + color: #101828; + } + .privacy-data p { + font-family: 'Lexend'; + font-style: normal; + font-weight: 400; + font-size: 14px; + line-height: 23px; + color: #1D2939; + margin-bottom: 25px; + } + .right img { + margin-top: 32px; + width: 320px; + height: 200px + } + .privacy-section h2 { + width: 323px; + height: 81px; + font-family: 'Lexend'; + font-style: normal; + font-weight: 600; + font-size: 20px; + line-height: 27px; + margin-left: 5px; + margin-top: 40px; + color: #101828 + } + .top-privacy { + display: block; + margin-top: -50px; + } + .security { + background: #fff; + margin-top: -150px; + margin-bottom: 30px; + width: 28px; + height: 36px; + } + .control { + width: 32px; + height: 29px; + margin-top: -500px; + margin-bottom: 30px; + filter: contrast(101%); + } + .transparent { + width: 36px; + height: 32px; + margin-top: -750px; + } + .compliance { + width: 40px; + height: 40px; + margin-top: -1050px; + } + .privacy-box { + background: #fff; + width: 323px; + } + .top-privacy h3 { + font-family: 'Lexend'; + font-style: normal; + font-weight: 900; + font-size: 20px; + line-height: 27px; + color: #1570EF; + margin-bottom: 10px; + margin-top: -20px; + } + .top-privacy p { + font-family: 'Lexend'; + font-weight: 400; + font-size: 16px; + line-height: 25px; + text-align: center; + color: #101828; + max-width: 300px; + } + .partnership img { + width: 36px; + height: 28px; + margin-top: -320px; + margin-left: 145px; + } + .partnership h3 { + margin-bottom: 10px; + margin-top: -20px; + text-align: center; + } + .partnership p { + margin-left: 10px; + } + .privacy-box { + margin: 0; + } +} + +@media (min-width:414px) and (max-width: 415px) { + .top-privacy { + margin-left: 20px; + display: block; + margin-top: -50px; + } +} \ No newline at end of file