Skip to content
This repository was archived by the owner on Oct 14, 2025. It is now read-only.

Added Crew, OurCrew, OurPartners, OurValues components, LinkedIN and updated footer. #40

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Added Crew, OurCrew, OurPartners, OurValues components, LinkedIN and updated footer. #40

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
27 changes: 27 additions & 0 deletions app/about_us/Crew.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
import OurValues from '../../components/ui/OurValues';
import OurCrew from '../../components/ui/OurCrew';
import OurPartners from '../../components/ui/OurPartners';

export const Crew = () => {
return (
<div className="fullBGpicture">
<main className="mainContent">
<h1>About us</h1>
<section className="card">
<h2>Our Values</h2>
<OurValues />
</section>
<section className="card">
<h2>The crew</h2>
<OurCrew />
</section>
<section className="card">
<h2>Our Partners</h2>
<OurPartners />
</section>
</main>
</div>
);
};

export default Crew;
62 changes: 6 additions & 56 deletions app/about_us/page.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,62 +1,12 @@
import styles from './page.module.css';
import Crew from './Crew';

// 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 (
<p> ADD OUR VALUES HERE </p>
);
};

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 (
<p> ADD OUR CREW HERE </p>
);
}

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
const Page = () => {
return (
<p> ADD OUR Partners HERE </p>
);
}


export const Crew = () => {
return (
<div className="fullBGpicture">
<main className="mainContent">
<h1>About us</h1>
<section className="card">
<h2>Our Values</h2>
<OurValues/>
</section>
<section className="card">
<h2>The crew</h2>
<OurCrew/>
</section>

{/* TASK - React 1 week 1 */}
{/* Add in the "OurPartners" component here */}
</main>
<div className={styles.container}>
<Crew /> {/* Use the Crew component here */}
</div>
);
}
};

export default Crew;
export default Page;
21 changes: 3 additions & 18 deletions components/ui/Footer.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,20 +12,7 @@ export const Footer = () => {
<p>Explore the universe and beyond. Your journey to the stars starts here.</p>
<p>&copy; 2024 Galactica. All rights reserved.</p>
</div>
{/* TASK - React 1 week 2 */}
{/* Create a new List for the Pages */}
{/* We need to use the <Link /> component here */}
{/* <div className={styles.pages}>
<h3>Pages</h3>
<ul>
<li> <Link/> </li>
...
</ul>
</div> */}
{/* Docs for the Link: https://nextjs.org/docs/pages/api-reference/components/link */}

{/* TASK - React 1 week 1 */}
{/* Add a new list item for LINKEDIN */}
<div className={styles.footerLinks}>
<h3>Follow us</h3>
<ul className={styles.footerList}>
Expand All @@ -41,11 +28,9 @@ export const Footer = () => {
<li>
<a href="https://google.com">On the streets at night</a>
</li>
{/* TASK - React 1 week 2 */}
{/* Create a <SocialMediaItem /> component and replace all of the list items! */}
{/* it should accept the following props */}
{/* url, title, icon */}
{/* For the icons, you can download 1-2 social media icons for testing and put it in the /public/socialmedia/ folder */}
<li>
<a href="https://linkedin.com">LinkedIn</a>
</li>
</ul>
</div>
</footer>
Expand Down
30 changes: 30 additions & 0 deletions components/ui/OurCrew.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,30 @@
const OurCrew = () => {
return (
<div>
<h3>Our Crew</h3>
<div>
<h4>Captain Sarah Vega</h4>
<p>A former NASA astronaut with over 15 years of experience, Captain Vega leads our missions with unparalleled expertise and a passion for space exploration.</p>
</div>
<div>
<h4>Dr. Leo Redding</h4>
<p>Our chief astrophysicist, Dr. Redding, is a renowned scientist who has contributed to major space discoveries. He ensures that every journey is as educational as it is exhilarating.</p>
</div>
<div>
<h4>Chief Engineer Hana Lee</h4>
<p>With her extensive background in aerospace engineering, Hana Lee is responsible for the state-of-the-art technology that powers our spacecraft. Her innovation ensures that our travelers are always in safe hands.</p>
</div>
<div>
<h4>Mission Specialist Alex Santos</h4>
<p>As a mission specialist, Alex’s job is to ensure that every aspect of the journey runs smoothly. With a background in both science and adventure tourism, Alex is the perfect guide for our space travelers.</p>
</div>
<div>
<h4>Crew Member Maya Patel</h4>
<p>Maya brings a unique blend of technical skills and customer service experience to the team. She’s always ready to assist with any needs and to make sure every traveler has an unforgettable experience.</p>
</div>
</div>
);
};

export default OurCrew;

17 changes: 17 additions & 0 deletions components/ui/OurPartners.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
const OurPartners = () => {
return (
<div>
<h3>Our Partners</h3>
<p>We collaborate with some of the most respected names in the space and technology industries to make every journey extraordinary.</p>
<div>
<img src="/business_partners/amazon_logo.png" alt="Amazon" />
<img src="/business_partners/Microsoft-Logo-white.png" alt="Microsoft" />
<img src="/business_partners/QueensLogo_white.png" alt="Queens" />
<img src="/business_partners/nyu-logo.png" alt="NYU" />
</div>
</div>
);
};

export default OurPartners;

14 changes: 14 additions & 0 deletions components/ui/OurValues.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
const OurValues = () => {
return (
<div>
<h3>Our Values</h3>
<p><strong>Exploration:</strong> We are driven by a deep-seated desire to explore the unknown. We believe that the pursuit of discovery is at the heart of human nature, and we are committed to pushing the boundaries of what is possible.</p>
<p><strong>Innovation:</strong> At Galactica, we prioritize cutting-edge technology and innovation. We are constantly evolving our spacecraft, safety protocols, and services to ensure that our travelers experience the most advanced and secure space journeys available.</p>
<p><strong>Sustainability:</strong> We are committed to making space exploration sustainable for future generations. Our space missions are designed to minimize environmental impact, both on Earth and in space, and to foster a spirit of responsibility towards our universe.</p>
<p><strong>Community:</strong> We believe in the power of collective exploration. Our journeys are not just about reaching new destinations; they are about building a community of space enthusiasts who share a passion for the stars.</p>
</div>
);
};

export default OurValues;

Loading