Updating the banner and the Docs landing page (#7824)

Author: sfshaza2

src/_includes/banner.html

@@ -5,7 +5,9 @@
     https://github.com/flutter/website/issues/3897
   {% endcomment %}
   <div class="site-banner site-banner--default" role="alert">
-    See how Flutter is pushing UI development forward and preview some of our investments in the technologies of the future at Flutter Forward, streaming live from Nairobi, Kenya on January 25, 2023. <a href="https://flutter.dev/events/flutter-forward">Register now</a><br>
-   The Flutter and Dart teams are hiring. <a href="https://docs.flutter.dev/jobs">Learn more</a><br>
+    See how Flutter is pushing UI development at Flutter Forward;<br>
+    streaming live from Kenya on January 25, 2023.
+    <a href="https://flutter.dev/events/flutter-forward">Register now</a><br>
+    The Flutter and Dart teams are hiring. <a href="https://docs.flutter.dev/jobs">Learn more</a><br>
   </div>
 {% endif -%}

src/index.md

@@ -21,22 +21,23 @@ description: Get started with Flutter. Widgets, examples, updates, and API docs
   {% endif %}
 {% endfor -%}
 
-<a name="latest-release"></a>
-## What's new on this site
+<b>To see changes to the site since our last release,
+see [What's new][].</b>
 
-To see changes to the site since our last release,
-see [What's new][].
+[What's new]: {{site.url}}/whats-new
 
 ## New to Flutter?
 
 Once you've gone through [Get started][],
 including [Write your first Flutter app][],
 here are some next steps.
 
+[Write your first Flutter app]: {{site.url}}/get-started/codelab
+
 ### Docs
 
 Coming from another platform? Check out Flutter for:
-[Android][], [iOS][], [Web][], [React Native][] and
+[Android][], [iOS][], [web][], [React Native][], and
 [Xamarin.Forms][] developers.
 
 [Building layouts][]
@@ -49,7 +50,7 @@ Coming from another platform? Check out Flutter for:
   positions", then you are well on your
   way to understanding Flutter's layout model.
 
-[Adding interactivity to your Flutter app][]
+[Adding interactivity to your Flutter app][interactivity]
 : Learn how to add a stateful widget to your app.
 
 [A tour of the Flutter widget framework][]
@@ -58,9 +59,26 @@ Coming from another platform? Check out Flutter for:
 [FAQ][]
 : Get the answers to frequently asked questions.
 
+[A tour of the Flutter widget framework]: {{site.url}}/development/ui/widgets-intro
+[Android]: {{site.url}}/get-started/flutter-for/android-devs
+[Building layouts]: {{site.url}}/development/ui/layout
+[FAQ]: {{site.url}}/resources/faq
+[Get started]: {{site.url}}/get-started/install
+[interactivity]: {{site.url}}/development/ui/interactive
+[iOS]: {{site.url}}/get-started/flutter-for/ios-devs
+[React Native]: {{site.url}}/get-started/flutter-for/react-native-devs
+[Understanding constraints]: {{site.url}}/development/ui/layout/constraints
+[web]: {{site.url}}/get-started/flutter-for/web-devs
+[Xamarin.Forms]: {{site.url}}/get-started/flutter-for/xamarin-forms-devs
+
 ### Videos
 
-Check out the Introducing Flutter series. Learn Flutter basics like [how do I make my first Flutter app?][] In Flutter, "everything is a widget"! Learn more about `Stateless` and `Stateful` widgets in [What is State?][]
+Check out the Introducing Flutter series.
+Learn Flutter basics like
+[how do I make my first Flutter app?][first-app]
+In Flutter, "everything is a widget"!
+Learn more about `Stateless` and `Stateful`
+widgets in [What is State?][]
 
 <div class="card-deck card-deck--responsive">
     <div class="video-card">
@@ -75,12 +93,10 @@ Check out the Introducing Flutter series. Learn Flutter basics like [how do I ma
     </div>
 </div>
 
-[How do I make my first Flutter app?]: {{site.youtube-site}}/watch?v=xWV71C2kp38
+[first-app]: {{site.youtube-site}}/watch?v=xWV71C2kp38
 [What is State?]: {{site.youtube-site}}/watch?v=QlwiL_yLh6E
 
 
-
-
 <div style="display: flex; align-items: center; justify-content: center; flex-direction: column;">
   <h4>Only have 60 seconds? Learn how to build and deploy a Flutter App!</h4>
 
@@ -89,7 +105,10 @@ Check out the Introducing Flutter series. Learn Flutter basics like [how do I ma
 
 ## Want to skill up?
 
-Dive deeper into how Flutter works under the hood! Learn [why you write standalone widgets instead of using helper methods][] or [what is “BuildContext” and how is it used][]?
+Dive deeper into how Flutter works under the hood!
+Learn [why you write standalone widgets instead of
+using helper methods][standalone-widgets] or
+[what is "BuildContext" and how is it used][buildcontext]?
 
 <div class="card-deck card-deck--responsive">
     <div class="video-card">
@@ -104,50 +123,17 @@ Dive deeper into how Flutter works under the hood! Learn [why you write standalo
     </div>
 </div>
 
-[why you write standalone widgets instead of using helper methods]: {{site.youtube-site}}/watch?v=IOyq-eTRhvo   
-[what is “BuildContext” and how is it used]: {{site.youtube-site}}/watch?v=rIaaH87z1-g
+[standalone-widgets]: {{site.youtube-site}}/watch?v=IOyq-eTRhvo   
+[buildcontext]: {{site.youtube-site}}/watch?v=rIaaH87z1-g
 
-To learn about all of the Flutter video series, see our [videos][] page.
+To learn about all of the Flutter video series,
+see our [videos][] page.
 
-We release new videos every week on the Flutter YouTube channel.
+We release new videos most every week on the Flutter YouTube channel:
 
 <a class="btn btn-primary" target="_blank" href="https://www.youtube.com/c/flutterdev">Explore more Flutter videos</a>
 
+<b>The documentation on this site reflects the
+latest stable release of Flutter.</b>
 
-
-
-You might also find these docs useful:
-
-* [Using packages][]
-* [Adding assets and images][]
-* [Navigation and routing][]
-* [State management][]
-* [Animations][]
-
-The documentation on this site reflects the latest stable release of Flutter.
-
-[A tour of the Flutter widget framework]: {{site.url}}/development/ui/widgets-intro
-[Adding assets and images]: {{site.url}}/development/ui/assets-and-images
-[Adding interactivity to your Flutter app]: {{site.url}}/development/ui/interactive
-[Android]: {{site.url}}/get-started/flutter-for/android-devs
-[Animations]: {{site.url}}/development/ui/animations
-[Boring Flutter Show]: {{site.youtube-site}}/watch?v=vqPG1tU6-c0&list=PLjxrf2q8roU28W3pXbISJbVA5REsA41Sx&index=3&t=9s
-[Boring Flutter Show playlist]: {{site.youtube-site}}/watch?v=vqPG1tU6-c0&list=PLjxrf2q8roU28W3pXbISJbVA5REsA41Sx&index=3&t=9s
-[Building layouts]: {{site.url}}/development/ui/layout
-[FAQ]: {{site.url}}/resources/faq
-[flutter-announce]: {{site.groups}}/forum/#!forum/flutter-announce
-[Flutter in Focus]: {{site.youtube-site}}/playlist?list=PLjxrf2q8roU2HdJQDjJzOeO6J3FoFLWr2
-[Flutter in Focus series]: {{site.youtube-site}}/playlist?list=PLjxrf2q8roU2HdJQDjJzOeO6J3FoFLWr2
-[Flutter YouTube channel]: {{site.social.youtube}}
-[Get started]: {{site.url}}/get-started/install
-[iOS]: {{site.url}}/get-started/flutter-for/ios-devs
-[Navigation and routing]: {{site.url}}/development/ui/navigation
-[React Native]: {{site.url}}/get-started/flutter-for/react-native-devs
-[State management]: {{site.url}}/development/data-and-backend/state-mgmt/intro
-[Understanding constraints]: {{site.url}}/development/ui/layout/constraints
-[Using packages]: {{site.url}}/development/packages-and-plugins/using-packages
 [videos]: {{site.url}}/resources/videos
-[Web]: {{site.url}}/get-started/flutter-for/web-devs
-[What's new]: {{site.url}}/whats-new
-[Write your first Flutter app]: {{site.url}}/get-started/codelab
-[Xamarin.Forms]: {{site.url}}/get-started/flutter-for/xamarin-forms-devs