From f2ec172db1c47bf857282c32a85946d10f3961d5 Mon Sep 17 00:00:00 2001
From: c0ffeeca7 <38767475+c0ffeeca7@users.noreply.github.com>
Date: Wed, 6 Nov 2024 11:32:06 +0100
Subject: [PATCH] Onboarding dashboard: add small note about sections view
 (#35596)

---
 .../onboarding_dashboard.markdown             | 20 ++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/source/getting-started/onboarding_dashboard.markdown b/source/getting-started/onboarding_dashboard.markdown
index 143fb09fd4f..3368dcaa0f3 100644
--- a/source/getting-started/onboarding_dashboard.markdown
+++ b/source/getting-started/onboarding_dashboard.markdown
@@ -11,11 +11,18 @@ The screenshot shows an **Overview** dashboard with many [cards](/dashboards/car
 
 ### Views
 
-The icons in the blue menu bar on top each represent a different tab. Each tab contains a [view](/dashboards/views/).
+The following screenshot shows a fully populated dashboard in [masonry view](/dashboards/masonry/) layout. The icons in the blue menu bar on top each represent a different tab. Each tab contains a [view](/dashboards/views/).
 
 <p class='img'>
-<img src='/images/getting-started/lovelace.png' alt='Screenshot of a populated Overview dashboard'>
-Screenshot of a populated Overview dashboard with many devices.
+<img src='/images/getting-started/lovelace.png' alt='Screenshot of a populated Overview dashboard in masonry view'>
+Screenshot of a populated Overview dashboard in masonry view layout.
+</p>
+
+The following screenshot shows a fully populated dashboard in [sections view](/dashboards/sections/) layout.
+
+<p class='img'>
+    <img src="/images/dashboards/section_view.png" alt="A fully populated dashboard in Sections view layout"/>
+    A fully populated dashboard in Sections view layout
 </p>
 
 ### Multiple dashboards
@@ -33,7 +40,7 @@ In the sidebar on the left, you see the names of different dashboards. Home Assi
 
 The **Overview** [dashboard](/dashboards/) is the first page you see after the [onboarding process](/getting-started/onboarding).
 
-If you just onboarded, your dashboard will be nearly empty. It shows cards for devices that were detected automatically. Your dashboard may look quite different, depending on the devices that you have at home.
+If you just onboarded, your dashboard will be nearly empty. It is using the [masonry view](/dashboards/masonry/) layout and shows cards for devices that were detected automatically. Your dashboard may look quite different, depending on the devices that you have at home.
 
 <p class='img'>
 <img src='/images/getting-started/onboarding_dashboard_raspi_bluetooth.png' alt='Screenshot of the Overview dashboard with Bluetooth devices'>
@@ -123,13 +130,16 @@ In the following steps, we will create a new dashboard and edit some card settin
     - When you are done, in the top right corner, select **Done**.
 14. If you want to change any of the other cards, select the **Edit** button on the card.
 15. Congratulations! You have completed your first dashboard customization.
+16. While your dashboard is still small, this is a good moment to [migrate it into sections view](/dashboards/views/#migrating-a-view-into-a-sections-view).
+    - The sections view offers features such as drag and drop, customizing number and width of columns, and more heading options.
+    - To learn more, head over to the documentation on [section view](/dashboards/sections/).
 
 ## Learning more about dashboards
 
 If you want to learn more about dashboards, views, and cards, take a look at these topics:
 
 1. Take a look at the [introduction to dashboards](/dashboards/) and learn about [multiple dashboards](/dashboards/dashboards).
-2. Learn about the different [view types](/dashboards/views/).
+2. Learn more about [view types](/dashboards/views/)
 3. Learn how to [add cards](/dashboards/cards/#adding-cards-to-your-dashboard) to a view.
 
 ## Next step: integrations