Add slide to release highlights

apps/remix-ide/src/app/tabs/locales/en/homeReleaseDetails.json

@@ -0,0 +1,8 @@
+{
+  "homeReleaseDetails.title": "RELEASE HIGHLIGHTS:",
+  "homeReleaseDetails.highlight1": "Highlight 1",
+  "homeReleaseDetails.highlight2": "Highlight 2",
+  "homeReleaseDetails.highlight3": "Highlight 3",
+  "homeReleaseDetails.highlight4": "Highlight 4",
+  "homeReleaseDetails.more": "See Full Changelog"
+}

apps/remix-ide/src/app/tabs/locales/en/index.js

@@ -1,6 +1,7 @@
 import debuggerJson from './debugger.json';
 import filePanelJson from './filePanel.json';
 import homeJson from './home.json';
+import homeReleaseDetailsJson from './homeReleaseDetails.json';
 import panelJson from './panel.json';
 import pluginManagerJson from './pluginManager.json';
 import searchJson from './search.json';
@@ -19,6 +20,7 @@ export default {
   ...debuggerJson,
   ...filePanelJson,
   ...homeJson,
+  ...homeReleaseDetailsJson,
   ...panelJson,
   ...pluginManagerJson,
   ...searchJson,

libs/remix-ui/home-tab/src/lib/components/homeTabFeatured.tsx

@@ -40,6 +40,32 @@ function HomeTabFeatured() {
               autoPlaySpeed={15000}
               dotListClass="position-relative mt-2"
             >
+              <div className="mx-1 px-1 d-flex">
+                <a href="https://github.com/ethereum/remix-project/releases" target="__blank">
+                  <img src={'assets/img/bgRemi_small.webp'} style={{flex: '1', height: '170px', maxWidth: '170px'}} alt=""></img>
+                </a>
+                <div className="h6 w-50 p-2 pl-4 align-self-center" style={{flex: '1'}}>
+                  <h5>
+                    <FormattedMessage id="homeReleaseDetails.title" />
+                  </h5>
+                  <div style={{fontSize: '0.8rem'}} className="mb-3">
+                    <ul>
+                      <li><FormattedMessage id="homeReleaseDetails.highlight1" /></li>
+                      <li><FormattedMessage id="homeReleaseDetails.highlight2" /></li>
+                      <li><FormattedMessage id="homeReleaseDetails.highlight3" /></li>
+                      <li><FormattedMessage id="homeReleaseDetails.highlight4" /></li>
+                    </ul>
+                  </div>
+                  <a
+                    className="remixui_home_text btn-sm btn-secondary mt-2 text-decoration-none mb-3"
+                    onClick={() => _paq.push(['trackEvent', 'hometab', 'featuredSection', 'seeFullChangelog'])}
+                    target="__blank"
+                    href="https://github.com/ethereum/remix-project/releases"
+                  >
+                    <FormattedMessage id="homeReleaseDetails.more" />
+                  </a>
+                </div>
+              </div>
               <div className="mx-1 px-1 d-flex">
                 <a href="https://remix-project.org" target="__blank">
                   <img src={'assets/img/bgRemi_small.webp'} style={{flex: '1', height: '170px', maxWidth: '170px'}} alt=""></img>