Chores: Restructure website

[adiati98]

Description

This PR restructures the website with below changes:

1. Add components: Header, Navigation, Footer, Hero, Courses, Resources, MobileMenu, MobileNav, Shoutouts, WeeklyTips, WIPBanner. Note: Shoutouts & WeeklyTips are not rendered.
2. Add a JS script for mobile menu
3. Add PagesLayout for pages style
4. Add an empty about.astro page

Related Issues

Mobile & Desktop Screenshots/Recordings

Steps to QA

[optional] What GIF best describes this PR or how it makes you feel?

[netlify]

✅ Deploy Preview for oss-communities ready!

Name	Link
🔨 Latest commit	e1f20e5
🔍 Latest deploy log	https://app.netlify.com/projects/oss-communities/deploys/68d19299d396a60008b2bfef
😎 Deploy Preview	https://deploy-preview-2--oss-communities.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[BekahHW]

This looks good! I think you can remove the placeholder data banner. I think the only other thing I'd change is making the min-height smaller on the open source communities section since the buttons are removed. Eventually, I'd like to get a newsletter sign up there.

For the about us page, what do you think about:

We teamed up during the pandemic at Virtual Coffee. Bekah was fresh out of bootcamp and Ayu was self-taught, both just starting out in tech.

Bekah created Virtual Coffee to help developers connect and support each other, and Ayu jumped in to lead monthly challenges and docs with a big dose of empathy. Together, we’ve learned how tricky open source can feel when you’re new, and how important it is to make the path smoother.

Since 2023, we’ve been maintaining the Intro to Open Source course, and in 2024, we teamed up with Jessica Wilkins to launch the Becoming a Maintainer course. Our goal is simple: help more people feel welcome and confident in open source.

[adiati98]

That sounds good for the about page, #@BekahHW !

I'll work on it 👍

[adiati98]

Also, I just realized the deploy view is different with the actual 😳

This is weird 😕

[adiati98]

Do you want to include headshots or not?

[adiati98]

I'm reading the about us a couple of times. I feel like there's no bridge between our story and open source in this paragraph:

Bekah created Virtual Coffee to help developers connect and support each other, and Ayu jumped in to lead monthly challenges and docs with a big dose of empathy. Together, we’ve learned how tricky open source can feel when you’re new, and how important it is to make the path smoother.

What do you think about this?

We first teamed up during the pandemic at Virtual Coffee, where Bekah (a recent bootcamp graduate) and Ayu (a self-taught developer) were both just starting out in tech. Bekah created Virtual Coffee to be a place of connection and support for developers, and Ayu jumped in, leading monthly challenges and documentation with a big dose of empathy.

That same year, we held our first Hacktoberfest challenge with the community. It was through this event that we discovered how tricky open source can be when you're new, and it became clear to us that we had to find a way to make it less intimidating.

Since 2023, we’ve been maintaining the Intro to Open Source course, and in 2024, we teamed up with Jessica Wilkins to launch the Becoming a Maintainer course. Our goal is simple: help more people feel welcome and confident in open source.

[BekahHW]

I like that new about us!

I think headshots are a great idea, but maybe add a border radius. I think the content on the about us page is too wide. Maybe change up the max width. Otherwise, I think it looks great!

[adiati98]

Do you want full round (left) or the border radius (right)?