Dashboards intro page: update to reflect current software (#31677)

* Dashboards intro page: update to reflect current software

- Update demo video showing how to edit a dashboard
- Replace Edit procedure with reuse include to reduce redundancy
- add subtitles to add structure and improve readability
- add link to dashboard section in onboarding

* Rephrase

* Tweak

source/dashboards/index.markdown

@@ -3,30 +3,40 @@ title: "Dashboards"
 description: "Powerful and configurable dashboards for Home Assistant."
 ---
 
-Home Assistant dashboards are a fast, customizable and powerful way for users to manage their home using their mobiles and desktops.
+Home Assistant dashboards allow you to display information about your smart home. Dashboards are customizable and provide a powerful way to manage your home from your mobile or desktop.
 
-- 29 different cards to place and configure as you like.
-- Dashboard Editor: Allows you to manage your dashboard by including a live preview when editing cards.
-- Fast: Using a static configuration allows us to build up the dashboard once.
-- Customizable:
-  - Cards have a number of options which help to configure your data as required.
-  - Themes (even at a per card basis).
-  - Ability to override names and icons of entities.
-  - Custom Cards from our amazing community are fully supported.
+You can customize your dashboard using various options:
 
-To start, go to the Home Assistant Overview page, click on the three dots at the top right of the screen and select 'Edit Dashboard'. Then click on the blue '+ Add Card' icon at the bottom right and select a card to add.
+- Different cards types to visualize your data and control your smart home devices.
+- [Themes](/integrations/frontend/#defining-themes) (even at a per card basis).
+- Override names and icons of entities.
+- Use custom cards from our amazing community.
 
-<lite-youtube videoid="XY3R0xI45wA" videotitle="Editing the user interface" posterquality="maxresdefault"></lite-youtube>
+<p class='img'>
+<img src='/images/dashboards/edit-dashboard.webp' alt='Screencast showing how to edit a dashboard customize a vertical stack card'>
+Screencast showing how to edit a dashboard and customize a vertical stack card.
+</p>
 
-To try it yourself, check out [the demo](https://demo.home-assistant.io).
+## Explore the interactive demo dashboard
+
+Try it yourself with [the interactive demo](https://demo.home-assistant.io).
+
+## Get started with your own dashboard
+
+{% include dashboard/edit_dashboard.md %}
+
+For more detailed instructions, follow the step-by-step tutorial on [editing the **Overview** dashboard](/getting-started/onboarding_dashboard/).
 
 ## Discuss dashboard
 
 - Suggestions are welcome in the [frontend repository](https://github.com/home-assistant/frontend/)
 - For help with dashboards, join the `#frontend` channel on [our chat](/join-chat/) or [our forums](https://community.home-assistant.io/c/projects/frontend)
 
-## Additional Resources
+## Related topics
 
-- [Community Custom Cards](https://github.com/custom-cards)
-- [Home Assistant Cards](https://home-assistant-cards.bessarabov.com/)
+- [Community custom cards](https://github.com/custom-cards)
+- [Home Assistant cards](https://home-assistant-cards.bessarabov.com/)
 - [Material Design Icons](https://pictogrammers.com/library/mdi/)
+- [Dashboard themes](/integrations/frontend/#defining-themes)
+- [Interactive dashboard demo](https://demo.home-assistant.io)
+- [Editing the **Overview** dashboard](/getting-started/onboarding_dashboard/)