Updated readme (#9642)

* Updated readme

* Update winui_os.png

* Update winui_os.png

* Update README.md

* Update README.md

* Update README.md

* Update README.md

* Update README.md

README.md

@@ -1,120 +1,93 @@
+![WinUI hero image](docs/images/header.png)
 
-# Windows UI Library
+<h1 align="center">
+    WinUI 3
+</h1>
+<p align="center">
+  <a href="https://twitter.com/intent/follow?screen_name=windowsui">
+    <img src="https://img.shields.io/twitter/follow/windowsui.svg?label=Follow WinUI on X" alt="Follow @windowsui" />
+  </a>
+</p>
 
-[![Follow WinUI on Twitter](https://img.shields.io/twitter/follow/windowsui.svg?label=Follow%20WinUI%20on%20Twitter&style=social)](https://twitter.com/intent/follow?screen_name=windowsui)
+<h3 align="center">
+  <a href="https://aka.ms/windev">About WinUI</a>
+  <span> · </span>
+  <a href="https://github.com/microsoft/microsoft-ui-xaml/tree/winui3/release/1.5-stable">Source code</a>
+  <span> · </span>
+  <a href="https://learn.microsoft.com/windows/apps/desktop/">Documentation</a>
+  <span> · </span>
+  <a href="https://aka.ms/winui-releasenotes">Release notes</a>
+</h3>
 
-WinUI is a user interface layer that contains modern controls and styles for building Windows apps. </span> As the native UI layer in Windows it embodies <a href="https://www.microsoft.com/design/fluent/#/">Fluent Design</a>, giving each Windows app the polished feel that customers expect.
+WinUI is a user interface layer that contains modern controls and styles for building Windows apps. The current generation is WinUI 3, which ships as part of the [Windows App SDK](https://aka.ms/winappsdk).
 
-WinUI 2 is a library of controls that provides official native Microsoft UI controls and features for Windows [UWP apps](https://docs.microsoft.com/windows/uwp/index). WinUI 2 can be used in any Windows 10 UWP XAML app, or in a Xamarin.Forms app running on Windows 10 using [native view embedding](https://docs.microsoft.com/xamarin/xamarin-forms/platform/native-views).
+- **Modern UI:** WinUI embodies Fluent Design to enable intuitive, accessible, and powerful experiences and the latest user interface patterns.
+- **Developers in control:** Use .NET with C# or C++ to write apps that run great on x86, x64 and ARM.
+- **Optimized for modern experiences & hardware:** Create performant experiences with WinUI that are optimized for modern hardware.
+- **Part of the Windows App SDK:** The [Windows App SDK](https://aka.ms/winappsdk) is a set of libraries, frameworks, components, and tools that you can use in your apps to access powerful Windows platform functionality from all kinds of apps on many versions of Windows. The Windows App SDK combines the powers of Win32 native applications alongside modern API usage techniques, so your apps light up everywhere your users are.
+- **Powers key experiences in Windows:** Windows experiences and apps are built with WinUI. Its rich control set and styles make it easy to develop high-quality experiences used by millions every day.
 
-WinUI 3 is the next generation of the WinUI framework. It dramatically expands WinUI into a full UX framework, making WinUI available for all Desktop Windows apps for use as the UI layer.
-
-## WinUI Community Calls
+<p align="center">
+<img src="docs/images/winui_os.png" alt="Powers key experiences in Windows" width="480"/>
+</br>
+</p>
 
-The WinUI community call is your monthly opportunity to learn about native UX development for Windows with WinUI.
+## 📋 Getting started with WinUI
 
-In these calls we’ll discuss the WinUI [roadmap](docs/roadmap.md), our status and your feedback.
+For WinUI, your app's users must be on Windows 10 1809 - Build 17763 or newer (including Windows Insider Previews).
 
-You can watch them online here on YouTube at the [Windows Developer channel](https://www.youtube.com/channel/UCzLbHrU7U3cUDNQWWAqjceA).
+The full documentation of WinUI can be found on [Microsoft Learn](https://learn.microsoft.com/windows/apps/desktop/):
+- [Get started with WinUI](https://learn.microsoft.com/windows/apps/get-started/start-here)
+- [Build your first WinUI app](https://learn.microsoft.com/windows/apps/how-tos/hello-world-winui3)
+- [WinUI & Windows App SDK samples](https://github.com/microsoft/WindowsAppSDK-Samples)
+- [WinUI source code](https://github.com/microsoft/microsoft-ui-xaml/tree/winui3/release/1.5-stable)
 
+</br>
 
-## Using WinUI 3
+## 🖼️ WinUI 3 Gallery
+Make sure to also check out the [WinUI 3 Gallery](https://aka.ms/winui-gallery), our interactive sample experience showing everything you can do with WinUI.
 
-You can build new Windows apps using WinUI 3, which ships as a part of the Windows App SDK. The latest available stable release is the Windows App SDK 1.4 (previously called Project Reunion). With this release, you can ship production Desktop apps to the Microsoft Store.
+<p align="center">
+<img src="docs/images/winui-gallery.png" alt="WinUI 3 Gallery" width="400"/>
+</p>
+<p align="center">
+<a href="https://apps.microsoft.com/detail/WinUI%203%20Gallery/9P3JFPWWDZRC?launch=true
+	&mode=mini">
+	<img src="/docs/images/storeBadge.png" width="200"/>
+</a>
+</p>
+</br>
 
-See the [installation instructions](https://docs.microsoft.com/windows/apps/windows-app-sdk/set-up-your-development-environment), and guidelines on [creating your first WinUI 3 app](https://docs.microsoft.com/windows/apps/winui/winui3/create-your-first-winui3-app). 
+## 📺 WinUI Community Call
+The WinUI Community Call is your opportunity to learn about WinUI and to engage with the WinUI team and community. Join us online on YouTube at the [Windows Developer channel](https://www.youtube.com/playlist?list=PLI_J2v67C23ZqsolUDaHoFkF1GKvGrttB).
 
-The source code for WinUI 3 can be found [here](https://github.com/microsoft/microsoft-ui-xaml/tree/winui3/release/1.4-stable).
+</br>
 
-## Using WinUI 2
-You can download and use WinUI packages in your app using the NuGet package manager: see the [Getting Started with the Windows UI Library](https://docs.microsoft.com/uwp/toolkits/winui/getting-started) page for more information.
+## 📢 Contributing to WinUI
 
-The source code for WinUI 2 can be found [here](https://github.com/microsoft/microsoft-ui-xaml/tree/winui2/main).
+The WinUI team welcomes your feedback! To understand how we handle incoming feature requests and bugs, please see our [contribution handling](docs/contribution_handling.md) guidelines.
 
-### Packages
+For information on how to contribute, please see [Contributing to WinUI](CONTRIBUTING.md).
 
-| NuGet Package | Build Status | Latest Versions | Documentation |
-| --- | --- | --- | --- |
-| [Microsoft.UI.Xaml](https://www.nuget.org/packages/Microsoft.UI.Xaml) <br /> Controls and Fluent Design for UWP apps | [![Build Status](https://dev.azure.com/ms/microsoft-ui-xaml/_apis/build/status/WinUI-Public-MUX-CI?branchName=main)](https://dev.azure.com/ms/microsoft-ui-xaml/_build/latest?definitionId=20?branchName=main) | [![latest stable version](https://img.shields.io/nuget/v/Microsoft.UI.Xaml.svg)](https://www.nuget.org/packages/Microsoft.UI.Xaml) <br /> [![latest prerelease version](https://img.shields.io/nuget/vpre/Microsoft.UI.Xaml.svg)](https://www.nuget.org/packages/Microsoft.UI.Xaml/absoluteLatest) | [2.8 release](https://docs.microsoft.com/windows/apps/winui/winui2/release-notes/winui-2.8) |
-| [Microsoft.UI.Xaml.Core.Direct](https://www.nuget.org/packages/Microsoft.UI.Xaml.Core.Direct) <br /> Low-level APIs for middleware components | | [![latest prerelease version](https://img.shields.io/nuget/vpre/Microsoft.UI.Xaml.Core.Direct.svg)](https://www.nuget.org/packages/Microsoft.UI.Xaml.Core.Direct/absoluteLatest) | [2.0 prerelease](https://docs.microsoft.com/uwp/api/microsoft.ui.xaml.core.direct) |
+</br>
 
-You can also build a WinUI package yourself from source. See [Contributing to the Windows UI Library](CONTRIBUTING.md) for more information on building and contributing to WinUI.
+## 🛣️ Roadmap
 
-## Documentation
+For info on the WinUI release schedule and high level plans please see the [WinUI Roadmap](https://aka.ms/winappsdk/plans).
 
-To find resources for Windows UI 2.8, like the [Figma design toolkit](https://aka.ms/WinUI/3.0-figma-toolkit), Segoe UI Variable Font, and samples, visit [Design toolkits and samples for Windows apps](https://docs.microsoft.com/windows/apps/design/downloads/)
+</br>
 
-If you find any issues with the Windows UI toolkit, you can file a bug [here](https://aka.ms/WinUIToolkitBug)
+## 🔧 WinUI 2 (for UWP)
+WinUI 2 is a library of controls that provides Microsoft UI controls and features for [UWP apps](https://docs.microsoft.com/windows/uwp/index). Learn more about WinUI 2 [here](https://aka.ms/winui2) or download the source code [here](https://github.com/microsoft/microsoft-ui-xaml/tree/winui2/main).
 
-**WinUI usage documentation**:  
-https://docs.microsoft.com/windows/apps/winui/
+You can get the WinUI 2 Gallery [on the Microsoft Store](https://www.microsoft.com/store/productId/9MSVH128X2ZT?ocid=pdpshare) and see the source code [here](https://github.com/microsoft/WinUI-Gallery/tree/winui2).
+</br>
 
-**WinUI 2 Release notes**:  
-https://docs.microsoft.com/windows/apps/winui/winui2/release-notes/
-
-**WinUI 3 Release notes**:
-https://docs.microsoft.com/windows/apps/windows-app-sdk/stable-channel
-
-**Sample code**:  
-To view the WinUI controls in an interactive format, check out the Xaml Controls Gallery (for WinUI 2) and the WinUI 3 Controls Gallery:
-* Get the XAML Controls Gallery app from the [Microsoft Store](https://www.microsoft.com/store/productId/9MSVH128X2ZT) or get the source code on  [GitHub](https://github.com/Microsoft/Xaml-Controls-Gallery)
-* Get the WinUI 3 Controls Gallery app from the [Microsoft Store](https://www.microsoft.com/p/winui-3-controls-gallery/9p3jfpwwdzrc) or get the source code on  [GitHub](https://github.com/microsoft/Xaml-Controls-Gallery/tree/winui3)
-
-[WinUI](https://microsoft.github.io/microsoft-ui-xaml/) also has its own website where you can learn more about it.
-
-## Contributing to WinUI
-The WinUI team welcomes your feedback!
-
-To understand how we handle incoming feature requests and bugs, please see our [contribution handling](docs/contribution_handling.md) guidelines.
-
-For information on how to contribute, please see [Contributing to the Windows UI Library](CONTRIBUTING.md).
-
-For guidelines on making an impact on WinUI through non-code contributions, please see [Contributing ideas, feedback, and requests](CONTRIBUTING_feedback_and_requests.md).
-
-## WinUI features
-
-### Benefits
-
-WinUI 2 provides some useful benefits when building apps for Windows 10:
-
-1. **Helps you stay up to date**  
-WinUI helps keep your app up to date with the latest versions of key controls and features of [UWP XAML](https://docs.microsoft.com/windows/uwp/xaml-platform/xaml-overview) and the [Fluent Design System](https://www.microsoft.com/design/fluent)
-
-2. **Provides backward compatibility**  
-WinUI is backward-compatible with a wide range of Windows 10 versions: you can start building and shipping apps with new XAML features immediately as soon as they're released, even if your users aren't on the latest version of Windows 10
-
-3. **Makes it simpler to build version adaptive apps**  
-You don't need version checks or conditional XAML markup to use WinUI controls or features: WinUI automatically adapts to the user's OS version
-
-### Version support
-
-The Microsoft.UI.Xaml 2.8 NuGet package requires your project to have TargetPlatformVersion &gt;= 10.0.18362.0 and TargetPlatformMinVersion &gt;= 10.0.17763.0 when building. 
-
-Your app's users can be on any of the following supported Windows 10 versions:
-
-* Windows 10 1809 - Build 17763 (Creators Update aka "Redstone 5") and newer (including Windows Insider Previews)
-
-Some features may have a reduced or slightly different user experience on older versions.
-
-For WinUI 3, your app's users must be on Windows 10 1809 - Build 17763 or newer (including Windows Insider Previews).
-
-## Roadmap
-
-For info on the WinUI release schedule and high level plans please see the [Windows UI Library Roadmap](docs/roadmap.md).
-
-## WinUI 3 is a part of the Windows App SDK family
-The [Windows App SDK](https://github.com/microsoft/WindowsAppSDK) is a set of libraries, frameworks, components, and tools that you can use in your apps to access powerful Windows platform functionality from all kinds of apps on many versions of Windows. The Windows App SDK combines the powers of Win32 native applications alongside modern API usage techniques, so your apps light up everywhere your users are. 
-
-Other Windows App SDK components are: [WebView2](https://docs.microsoft.com/microsoft-edge/webview2/),  [MSIX (MSIX-Core)](https://docs.microsoft.com/windows/msix/overview), [C++/WinRT](https://github.com/microsoft/cppwinrt), [Rust/WinRT](https://github.com/microsoft/winrt-rs), and [C#/WinRT](https://github.com/microsoft/cswinrt). If you'd like to learn more and contribute to Windows App SDK, or have UWP/app model related questions, visit our [Github repo](https://github.com/microsoft/WindowsAppSDK). 
-
-For a detailed look at the features we're planning on releasing in WinAppSDK check out the [Windows App SDK feature roadmap](https://github.com/microsoft/WindowsAppSDK/blob/main/docs/roadmap.md).
-
-## Data/Telemetry
+### Data/Telemetry
 
 This project collects usage data and sends it to Microsoft to help improve our products and services. Note, however, that no data collection is performed when using your private builds.
 
-
-# Code of Conduct
+### Code of Conduct
 
 This project has adopted the [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/).