[Main Page] Add Hero

[IcedTea2K]

Description

The hero includes everything (such as gradient colored circle, phases, etc.), except the 3D model. It's called the hero, but it will be the majority of the page as the page "doesn't scroll". It should have <slot> for the 3D model later.

Exit criteria

• Responsive to mobile view
• Fallback image/model when the 3D model is not available
• Slot to insert the 3D model (after it has been implemented)
• Phases (and later, 3D animation) should change as user scroll

Additionals/Bonus points (these are nice to have, but they're not essential for this issue)
It is essential, that on the last scroll, it would be able to scroll to the video. Also, just use a placeholder image as a fallback for the 3D model. This component can be worked on at the same time as #1, but it's recommended to finish the mentioned issue first.

Additional Context/References

• Non-scrollable homepage: https://thelabberkeley.com/
• (Named) slots in Astro: https://docs.astro.build/en/basics/astro-components/#named-slots