dynamically render footer depending on route

app/components/footer.hbs

@@ -1,21 +1,23 @@
 {{#if this.isDevMode}}
   <footer aria-label='footer under dev feature flag' class='footer--dev'>
-    <Events />
-    <h3 data-test-footer-info class='footer__info'>
-      To know how this page is developed, join our Discord channel by contacting
-      one of
-      <a
-        data-test-footer-info-members-link
-        href={{this.MEMBERS_URL}}
-        class='footer__info__link'
-      >our existing members</a>
-      or our
-      <a
-        data-test-footer-info-faq-link
-        href={{this.FAQ_URL}}
-        class='footer__info__link'
-      > FAQ section</a>.
-    </h3>
+    {{#if this.isHome}}
+      <Events />
+      <h3 data-test-footer-info class='footer__info'>
+        To know how this page is developed, join our Discord channel by
+        contacting one of
+        <a
+          data-test-footer-info-members-link
+          href={{this.MEMBERS_URL}}
+          class='footer__info__link'
+        >our existing members</a>
+        or our
+        <a
+          data-test-footer-info-faq-link
+          href={{this.FAQ_URL}}
+          class='footer__info__link'
+        > FAQ section</a>.
+      </h3>
+    {{/if}}
     <p data-test-footer-repo-text-dev class='footer__repo--dev'>The contents of
       the website are deployed from this
       <a

app/components/footer.js

@@ -3,16 +3,21 @@ import { ABOUT, APPS } from '../constants/urls';
 import { APPS_PROPERTIES, ABOUT_PROPERTIES } from '../constants/footer-data';
 import { SOCIAL_LINK_PROPERTIES } from '../constants/social-data';
 import { inject as service } from '@ember/service';
+import { tracked } from '@glimmer/tracking';
 
 export default class FooterComponent extends Component {
   @service featureFlag;
+  @service router;
+
   REPOSITORY_URL = ABOUT.REPOSITORY;
   APPS_PROPERTIES = APPS_PROPERTIES;
   ABOUT_PROPERTIES = ABOUT_PROPERTIES;
   SOCIAL_LINK_PROPERTIES = SOCIAL_LINK_PROPERTIES;
   MEMBERS_URL = APPS.MEMBERS;
   FAQ_URL = ABOUT.FAQ;
 
+  @tracked isHome = this.router.currentRoute.name === 'index';
+
   get isDevMode() {
     return this.featureFlag.isDevMode;
   }