Restructure video content

Hi @vishalvivekm ,here are a few suggestions I’d like to share:

**1. High-level structure:**
- `Getting Started` (as a standalone tab for newcomers)
- `Cloud`
- `Kanvas`
- `Integrations`

**2. Subcategories (inside Cloud and Kanvas):**
Since some users may want to dive deeper, we could consider dividing the content into:
- `Basic` (for beginners)
- `Advanced` (for more experienced users)

**3. Keep it simple for now:**
Since we don’t have a large number of videos yet, perhaps it's better to start with fewer categories. Videos are relatively “expensive” to produce and maintain, so keeping the structure simple in the beginning could help users focus and also be easier for us to manage. Once we have more content, we could always expand the structure later😎

**4. Also, a small visual suggestion:**
The current background feels a bit segmented and heavy, especially where it meets the black section. Maybe we could try using a gradient background instead?


These are just my thoughts — feel free to take or leave them! 😊

_Originally posted by @zihanKuang in https://github.com/layer5io/docs/pull/511#pullrequestreview-2807268982_