diff --git a/package-lock.json b/package-lock.json index faa9718..1b62705 100644 --- a/package-lock.json +++ b/package-lock.json @@ -18,6 +18,7 @@ "react": "^18.2.0", "react-dom": "^18.2.0", "react-modal": "^3.16.1", + "react-router-dom": "^6.6.1", "react-scripts": "5.0.1", "sass": "^1.57.1", "typescript": "^4.9.4", @@ -3079,6 +3080,14 @@ } } }, + "node_modules/@remix-run/router": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.2.1.tgz", + "integrity": "sha512-XiY0IsyHR+DXYS5vBxpoBe/8veTeoRpMHP+vDosLZxL5bnpetzI0igkxkLZS235ldLzyfkxF+2divEwWHP3vMQ==", + "engines": { + "node": ">=14" + } + }, "node_modules/@rollup/plugin-babel": { "version": "5.3.1", "resolved": "https://registry.npmjs.org/@rollup/plugin-babel/-/plugin-babel-5.3.1.tgz", @@ -13988,6 +13997,36 @@ "node": ">=0.10.0" } }, + "node_modules/react-router": { + "version": "6.6.1", + "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.6.1.tgz", + "integrity": "sha512-YkvlYRusnI/IN0kDtosUCgxqHeulN5je+ew8W+iA1VvFhf86kA+JEI/X/8NqYcr11hCDDp906S+SGMpBheNeYQ==", + "dependencies": { + "@remix-run/router": "1.2.1" + }, + "engines": { + "node": ">=14" + }, + "peerDependencies": { + "react": ">=16.8" + } + }, + "node_modules/react-router-dom": { + "version": "6.6.1", + "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.6.1.tgz", + "integrity": "sha512-u+8BKUtelStKbZD5UcY0NY90WOzktrkJJhyhNg7L0APn9t1qJNLowzrM9CHdpB6+rcPt6qQrlkIXsTvhuXP68g==", + "dependencies": { + "@remix-run/router": "1.2.1", + "react-router": "6.6.1" + }, + "engines": { + "node": ">=14" + }, + "peerDependencies": { + "react": ">=16.8", + "react-dom": ">=16.8" + } + }, "node_modules/react-scripts": { "version": "5.0.1", "resolved": "https://registry.npmjs.org/react-scripts/-/react-scripts-5.0.1.tgz", diff --git a/package.json b/package.json index ce174ec..de8c552 100644 --- a/package.json +++ b/package.json @@ -13,6 +13,7 @@ "react": "^18.2.0", "react-dom": "^18.2.0", "react-modal": "^3.16.1", + "react-router-dom": "^6.6.1", "react-scripts": "5.0.1", "sass": "^1.57.1", "typescript": "^4.9.4", diff --git a/src/assets/images/arrow-right.png b/src/assets/images/arrow-right.png new file mode 100644 index 0000000..3308aaf Binary files /dev/null and b/src/assets/images/arrow-right.png differ diff --git a/src/assets/images/home.png b/src/assets/images/home.png new file mode 100644 index 0000000..9e52216 Binary files /dev/null and b/src/assets/images/home.png differ diff --git a/src/components/FooterBottom/styles.module.scss b/src/components/FooterBottom/styles.module.scss index 81c6d75..450668c 100644 --- a/src/components/FooterBottom/styles.module.scss +++ b/src/components/FooterBottom/styles.module.scss @@ -139,7 +139,6 @@ &__corporateName { width: 100%; - max-width: 100%; height: auto; order: 2; margin-bottom: 15px; diff --git a/src/components/FooterTop/styles.module.scss b/src/components/FooterTop/styles.module.scss index a9d3242..2bc0a9d 100644 --- a/src/components/FooterTop/styles.module.scss +++ b/src/components/FooterTop/styles.module.scss @@ -1,9 +1,6 @@ .footerTop { display: flex; justify-content: center; - border-width: 0px 0px 1px 1px; - border-style: solid; - border-color: var(--black-500); height: auto; padding: 50px 0; @@ -41,7 +38,7 @@ font-size: 14px; line-height: 16px; text-transform: uppercase; - color: var(--black-400); + color: var(--black-300); } h2 { @@ -50,7 +47,7 @@ font-size: 12px; line-height: 14px; text-transform: capitalize; - color: var(--black-400); + color: var(--black-300); margin-bottom: 12px; } @@ -60,7 +57,7 @@ font-size: 12px; line-height: 14px; text-transform: capitalize; - color: var(--black-400); + color: var(--black-300); margin-bottom: 12px; &:last-child { @@ -89,7 +86,7 @@ font-weight: 400; font-size: 14px; line-height: 16px; - color: var(--black-400); + color: var(--black-300); } } diff --git a/src/components/Header/styles.module.scss b/src/components/Header/styles.module.scss index dbfd65e..83b11f4 100644 --- a/src/components/Header/styles.module.scss +++ b/src/components/Header/styles.module.scss @@ -11,7 +11,6 @@ justify-content: center; align-items: center; height: 76px; - padding: 0 16px 0 16px; .menu-mobile-button { display: none; @@ -46,7 +45,7 @@ align-items: center; &__input { - width: 29.915%; + width: 28.721%; height: 32px; border: none; border-top-left-radius: 5px; @@ -137,7 +136,6 @@ display: flex; justify-content: center; width: 100%; - padding: 0 16px 0 16px; nav { display: flex; @@ -174,6 +172,7 @@ &__content { width: 100%; justify-content: space-between; + padding: 0 16px; .menu-mobile-button { display: block; diff --git a/src/components/InstitutionalMain/index.tsx b/src/components/InstitutionalMain/index.tsx deleted file mode 100644 index c6b0342..0000000 --- a/src/components/InstitutionalMain/index.tsx +++ /dev/null @@ -1,8 +0,0 @@ -import React from "react"; -import styles from "./styles.module.scss"; - -const InstitutionalMain = () => { - return
; -}; - -export { InstitutionalMain }; diff --git a/src/components/InstitutionalMain/styles.module.scss b/src/components/InstitutionalMain/styles.module.scss deleted file mode 100644 index 50dcf6d..0000000 --- a/src/components/InstitutionalMain/styles.module.scss +++ /dev/null @@ -1,3 +0,0 @@ -.main { - height: 588px; -} diff --git a/src/components/Main/About/index.tsx b/src/components/Main/About/index.tsx new file mode 100644 index 0000000..f498474 --- /dev/null +++ b/src/components/Main/About/index.tsx @@ -0,0 +1,43 @@ +import React from "react"; +import { MainMenu } from "../MainMenu"; +import styles from "./styles.module.scss"; + +const About = () => { + return ( +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
+ eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
+ minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+ aliquip ex ea commodo consequat. Duis aute irure dolor in
+ reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+ pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+ culpa qui officia deserunt mollit anim id est laborum.
+
+
+ Sed ut perspiciatis unde omnis iste natus error sit voluptatem
+ accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae
+ ab illo inventore veritatis et quasi architecto beatae vitae dicta
+ sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit
+ aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos
+ qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui
+ dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed
+ quia non numquam eius modi tempora incidunt ut labore et dolore magnam
+ aliquam quaerat voluptatem.
+
+
+ Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis
+ suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis
+ autem vel eum iure reprehenderit qui in ea voluptate velit esse quam
+ nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo
+ voluptas nulla pariatur?
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
+ eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
+ minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+ aliquip ex ea commodo consequat. Duis aute irure dolor in
+ reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+ pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+ culpa qui officia deserunt mollit anim id est laborum.
+
+
+ Sed ut perspiciatis unde omnis iste natus error sit voluptatem
+ accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae
+ ab illo inventore veritatis et quasi architecto beatae vitae dicta
+ sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit
+ aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos
+ qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui
+ dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed
+ quia non numquam eius modi tempora incidunt ut labore et dolore magnam
+ aliquam quaerat voluptatem.
+
+
+ Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis
+ suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis
+ autem vel eum iure reprehenderit qui in ea voluptate velit esse quam
+ nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo
+ voluptas nulla pariatur?
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
+ eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
+ minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+ aliquip ex ea commodo consequat. Duis aute irure dolor in
+ reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+ pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+ culpa qui officia deserunt mollit anim id est laborum.
+
+
+ Sed ut perspiciatis unde omnis iste natus error sit voluptatem
+ accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae
+ ab illo inventore veritatis et quasi architecto beatae vitae dicta
+ sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit
+ aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos
+ qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui
+ dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed
+ quia non numquam eius modi tempora incidunt ut labore et dolore magnam
+ aliquam quaerat voluptatem.
+
+
+ Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis
+ suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis
+ autem vel eum iure reprehenderit qui in ea voluptate velit esse quam
+ nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo
+ voluptas nulla pariatur?
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
+ eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
+ minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+ aliquip ex ea commodo consequat. Duis aute irure dolor in
+ reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+ pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+ culpa qui officia deserunt mollit anim id est laborum.
+
+
+ Sed ut perspiciatis unde omnis iste natus error sit voluptatem
+ accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae
+ ab illo inventore veritatis et quasi architecto beatae vitae dicta
+ sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit
+ aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos
+ qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui
+ dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed
+ quia non numquam eius modi tempora incidunt ut labore et dolore magnam
+ aliquam quaerat voluptatem.
+
+
+ Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis
+ suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis
+ autem vel eum iure reprehenderit qui in ea voluptate velit esse quam
+ nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo
+ voluptas nulla pariatur?
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
+ eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
+ minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+ aliquip ex ea commodo consequat. Duis aute irure dolor in
+ reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+ pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+ culpa qui officia deserunt mollit anim id est laborum.
+
+
+ Sed ut perspiciatis unde omnis iste natus error sit voluptatem
+ accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae
+ ab illo inventore veritatis et quasi architecto beatae vitae dicta
+ sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit
+ aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos
+ qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui
+ dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed
+ quia non numquam eius modi tempora incidunt ut labore et dolore magnam
+ aliquam quaerat voluptatem.
+
+
+ Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis
+ suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis
+ autem vel eum iure reprehenderit qui in ea voluptate velit esse quam
+ nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo
+ voluptas nulla pariatur?
+
INSTITUCIONAL
+