All: improve visibility of support options

- styles for the new download button are in jquery/jquery-wp-content#468

Ref jquery/jquery-wp-content#462

Author: timmywil

pages/download.md

@@ -26,8 +26,8 @@ Browse the jQuery CDN at **[releases.jquery.com](https://releases.jquery.com)**
 
 ### Upgrade
 
-For help when upgrading jQuery, read the [upgrade guide](/upgrade-guide/).
-We also recommend using the [jQuery Migrate plugin](https://github.com/jquery/jquery-migrate)
+For help when upgrading jQuery, read the [upgrade guides](/upgrade-guide/).
+We also recommend using the [jQuery Migrate plugin](https://github.com/jquery/jquery-migrate).
 
 ### jQuery Migrate Plugin
 

pages/index.html

@@ -10,13 +10,16 @@
 <div id="banner-secondary" class="row">
 	<div class="downloads-box four columns push-eight">
 		<div class="download-main">
-			<a href="/download/" class="button large">
-				<span class="download"></span>
-				Download jQuery
-				<span>v3.7.1</span>
-				<span class="support-notice">The 1.x and 2.x branches no longer receive patches.</span>
+			<a href="/download/" class="download button large">
+				<span class="download-icon"></span>
+				<span class="download-message">
+					<span>Download jQuery</span>
+					<span class="download-version">v3.7.1</span>
+				</span>
 			</a>
+			<div class="support-notice">Only the latest version of jQuery is supported.</div>
 			<div class="download-options">
+				<a href="/support">Discover Support Options</a>
 				<a href="https://github.com/jquery/jquery">View Source on GitHub →</a>
 				<a href="https://learn.jquery.com/about-jquery/how-jquery-works/">How jQuery Works →</a>
 			</div>

pages/support.md

@@ -4,6 +4,20 @@
 }
 </script>
 
+## Version Support Status
+
+We support only the latest version of jQuery. The 1.x and 2.x branches are no longer supported.
+
+jQuery 3.x is the current version branch of jQuery.
+
+jQuery 4.0 is in beta. Once jQuery 4.0 is released, we will provide security patches and bug fixes on the 3.x branch for a limited time.
+
+#### Still on an old version? Here are your options
+
+* Upgrade to the latest version of jQuery. If possible, the best solution is to upgrade as it will include all features, bug fixes, security patches, and improvements. The [jQuery Migrate Plugin](https://github.com/jquery/jquery-migrate) and [upgrade guides](/upgrade-guide) are ready to help with upgrading.
+* If migrating is not an option but you'd like to include all security patches, you can obtain [commercial security support](#commercial-support) for your applications to keep them secure.
+* If your application has no security requirements, then you can stay on one of the unsupported versions of jQuery, but be aware that this can come with multiple risks.
+
 ## Community support
 
 The following learning resources are available online and free of charge:
@@ -27,17 +41,11 @@ We are on [Libera Chat IRC](https://libera.chat/) in the `#jquery` channel where
 
 StackOverflow is a great place to ask questions and find support for all jQuery projects. Search or create [questions tagged with "jquery"](https://stackoverflow.com/questions/tagged/jquery), or refer to the ["jquery" tag introduction](https://stackoverflow.com/tags/jquery/info).
 
-### Archives
-
-* [Freenode IRC chat channels](https://irc.jquery.org/) (2011-2021)
-* [jQuery Forum](https://forum.jquery.com/) (2010-2021): For questions and advice regarding jQuery Core, jQuery UI, Themeroller, QUnit, development of jQuery Plugins, and more.
-* [jQuery Accessibility mailing list](https://groups.google.com/group/jquery-a11y) (2008-2016).
-
 ## Commercial support
 
 The following companies offer commercial support services for jQuery.
 
-* **[Bocoup](https://bocoup.com/)** builds complex cross device and cross platform JavaScript software for startups, the Fortune 500, and federally funded education projects. Bocoup offers in-depth JavaScript training on a number of subjects including jQuery. Learn more at <https://bocoup.com/services/training> or contact at <https://bocoup.com/contact>.
+[HeroDevs](https://www.herodevs.com/support/jquery-nes?utm_source=jQuery&utm_medium=link&utm_campaign=eol_support_jQuery) offers security and compatibility support for EOL versions of jQuery through the [OpenJS Ecosystem Sustainability Program](https://openjsf.org/ecosystem-sustainability-program) and is an approved commercial support vendor. You can find out more about their Never Ending Support options [here](https://www.herodevs.com/support/jquery-nes?utm_source=jQuery&utm_medium=link&utm_campaign=eol_support_jQuery).
 
 -------
 
@@ -72,3 +80,12 @@ For guidance on branding and trademark usage, visit <https://brand.jquery.org/>.
 For reporting bugs in libraries, documentation, or content, the project's GitHub issue tracker should be used. All jQuery projects can be found at https://github.com/jquery
 
 Still haven't found what you're looking for? Please feel free to contact: [[email protected]](mailto:[email protected])
+
+-------
+
+## Archives
+
+* [Freenode IRC chat channels](https://irc.jquery.org/) (2011-2021)
+* [jQuery Forum](https://forum.jquery.com/) (2010-2021): For questions and advice regarding jQuery Core, jQuery UI, Themeroller, QUnit, development of jQuery Plugins, and more.
+* [jQuery Accessibility mailing list](https://groups.google.com/group/jquery-a11y) (2008-2016).
+