create new page

Author: billyvg

docs/product/releases/release-details.mdx

@@ -64,15 +64,3 @@ Releases are global per organization, and this list shows you other projects wit
 
 For more information about Sentry's mobile features, see the full documentation for [Android SDK](/platforms/android/), [iOS SDK](/platforms/apple/guides/ios/) and
 [React Native SDK](/platforms/react-native/).
-
-## Quick Release Details
-
-Outside of the **Releases List** page, hovering over any Release version link will open a tooltip, showing a tiny preview of the Release.
-
-<div style={{width: "309px", height: "220px"}}>
-![The Release details tooltip](./img/release_details_tooltip.png)
-</div>
-
-Clicking the link will open a quick flyout with even more details of the Release. If you want to further explore the Release, you can click the "View Full Details" button in the top right corner of the flyout.
-
-![The Releases flyout drawer after clicking the Release link](./img/release_details_flyout_drawer.png)

docs/product/releases/releases-throughout-sentry/img/charts_with_releases.png

@@ -0,0 +1,33 @@
+---
+title: Releases Throughout Sentry
+sidebar_order: 60
+description: "Learn how to use Releases throughout Sentry's product."
+---
+
+## Charts
+
+In most charts, releases are grouped up and displayed as colored boxes underneath the chart. Hovering over the boxes shows a tooltip with the number of releases in that group. Clicking on a box opens a flyout drawer to let you explore the releases within that group.
+
+![A chart showing with the releases boxes underneath the chart](./img/charts_with_releases.png)
+
+## Releases List Drawer
+
+Clicking on a release box underneath a chart opens a flyout drawer showing a zoomed-in view of the chart that was clicked on. This zoomed-in chart has the same time interval as the clicked releases box. There is also a table with a list of the releases inside that time interval. Selecting a single release from the chart or the table will open its details inside of the drawer.
+
+![The Releases List flyout drawer with chart and table](./img/releases_list_flyout_drawer.png)
+
+## Release Details Drawer
+
+The Release Details drawer gives a quick view of a release without leaving the current page. It shows new issues, commits, and files in the release.  If you want to further explore the Release, you can click the "View Full Details" button in the top right corner of the flyout.
+
+![The Release Details flyout drawer showing new issues in releases](./img/release_details_flyout_drawer.png)
+
+## Release Version Link
+
+Outside of the **Releases List** page, hovering over any Release version link will open a tooltip, showing a tiny preview of the Release.
+
+<div style={{width: "309px", height: "220px"}}>
+![The Release details tooltip](./img/release_details_tooltip.png)
+</div>
+
+Clicking the link will open the [Release Details drawer](#release-details-drawer) with more details of the Release, without leaving the current page.