From fd3c48d1aeccc35431009875d704675e453c5e3e Mon Sep 17 00:00:00 2001 From: Ruslana Onyshchuk Date: Thu, 20 Mar 2025 13:35:43 +0100 Subject: [PATCH 01/11] done with the react task 1 week1 --- app/about_us/OurCrew.js | 13 + app/about_us/OurPartners.js | 10 + app/about_us/OurValues.js | 13 + app/about_us/page.js | 60 +- app/layout.js | 4 +- components/ui/Footer.js | 10 +- package-lock.json | 1550 +++++++++++++++++++++++++++++++++++ 7 files changed, 1609 insertions(+), 51 deletions(-) create mode 100644 app/about_us/OurCrew.js create mode 100644 app/about_us/OurPartners.js create mode 100644 app/about_us/OurValues.js create mode 100644 package-lock.json diff --git a/app/about_us/OurCrew.js b/app/about_us/OurCrew.js new file mode 100644 index 00000000..e5dd6ab1 --- /dev/null +++ b/app/about_us/OurCrew.js @@ -0,0 +1,13 @@ +const OurCrew = () => { + return ( +
+

Our Crew

+

+ Meet our highly skilled and passionate space enthusiasts who make it all + possible. +

+
+ ); +} + +export default OurCrew; \ No newline at end of file diff --git a/app/about_us/OurPartners.js b/app/about_us/OurPartners.js new file mode 100644 index 00000000..91031355 --- /dev/null +++ b/app/about_us/OurPartners.js @@ -0,0 +1,10 @@ +const OurPartners = () => { + return ( +
+

Our Partners

+

We collaborate with the best in the industry to bring you closer to the stars.

+
+ ); +}; + +export default OurPartners; \ No newline at end of file diff --git a/app/about_us/OurValues.js b/app/about_us/OurValues.js new file mode 100644 index 00000000..670a0bc9 --- /dev/null +++ b/app/about_us/OurValues.js @@ -0,0 +1,13 @@ +const OurValues = () => { + return ( +
+

Our Values

+

+ We believe in exploration, innovation, and making space accessible for + everyone. +

+
+ ); +}; + +export default OurValues; \ No newline at end of file diff --git a/app/about_us/page.js b/app/about_us/page.js index 880ec427..6a0043a7 100644 --- a/app/about_us/page.js +++ b/app/about_us/page.js @@ -1,42 +1,7 @@ import styles from './page.module.css'; - -// TASK - React 1 week 1 -// After you are finished with creating the page, move the OurValues, OurCrew, OurPartners components into their own files -// OurValues.js, OurCrew.js, OurPartners.js should live in this folder -// import and use the components from the newly created files - -const OurValues = () => { - // TASK - React 1 week 1 - // Create the "Our Values" section - // Use the descriptions provided in /app/about_us/README.md - // Some inspiration ideas found in /data/inspiration_about_us - return ( -

ADD OUR VALUES HERE

- ); -}; - -const OurCrew = () => { - // TASK - React 1 week 1 - // Create the "Our Crew section" - // Use the descriptions provided in /app/about_us/README.md - // Use the pictures from /public/crew - // Some inspiration ideas found in /data/inspiration_about_us - return ( -

ADD OUR CREW HERE

- ); -} - -const OurPartners = () => { - // TASK - React 1 week 1 - // Create the "Our Crew section" - // Use the descriptions provided in /app/about_us/README.md - // Use the pictures from /public/crew - // Some inspiration ideas found in /data/inspiration_about_us - return ( -

ADD OUR Partners HERE

- ); -} - +import OurValues from "./OurValues"; +import OurCrew from "./OurCrew"; +import OurPartners from "./OurPartners"; export const Crew = () => { return ( @@ -44,19 +9,22 @@ export const Crew = () => {

About us

-

Our Values

- +

Our Valueus

+
+
-

The crew

- +

Our crew

+
- {/* TASK - React 1 week 1 */} - {/* Add in the "OurPartners" component here */} +
+

Our Partners

+ +
); -} +}; -export default Crew; +export default Crew; \ No newline at end of file diff --git a/app/layout.js b/app/layout.js index 87ee54a8..4c260d41 100644 --- a/app/layout.js +++ b/app/layout.js @@ -17,9 +17,7 @@ export const RootLayout = ({ children }) => { {children} - {/* TASK - React 1 week 1 */} - {/* Import and use the Footer component here */} - {/* Footer found in the ui/Footer.js folder */} +