Move footer to homepage only

Author: satya164

docusaurus.config.js

@@ -97,9 +97,6 @@ export default {
         },
       ],
     },
-    footer: {
-      copyright: `Copyright © ${new Date().getFullYear()} React Navigation. Built with <a target="_blank" rel="noreferrer noopener" href="https://docusaurus.io/">Docusaurus</a>, <a target="_blank" rel="noreferrer noopener" href="https://pages.github.com/">GitHub Pages</a>, and <a target="_blank" rel="noreferrer noopener" href="https://www.netlify.com/">Netlify</a>.`,
-    },
   },
   plugins: [
     './src/plugins/react-navigation-versions.mjs',

src/pages/home/Footer.js

@@ -0,0 +1,30 @@
+import React from 'react';
+
+const links = [
+  { title: 'Docusaurus', href: 'https://docusaurus.io/' },
+  { title: 'GitHub Pages', href: 'https://pages.github.com/' },
+  { title: 'Netlify', href: 'https://www.netlify.com/' },
+];
+
+export default function Footer() {
+  return (
+    <footer class="footer">
+      <div class="container container-fluid">
+        <div class="footer__bottom text--center">
+          <div class="footer__copyright">
+            Copyright © 2024 React Navigation. Built with{' '}
+            {links.map((link, index) => (
+              <React.Fragment key={link.href}>
+                {index > 0 && ', '}
+                <a target="_blank" rel="noreferrer noopener" href={link.href}>
+                  {link.title}
+                </a>
+              </React.Fragment>
+            ))}
+            .
+          </div>
+        </div>
+      </div>
+    </footer>
+  );
+}

src/pages/index.js

@@ -1,12 +1,10 @@
-import React from 'react';
-import Layout from '@theme/Layout';
-import Link from '@docusaurus/Link';
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
-import useBaseUrl from '@docusaurus/useBaseUrl';
-import sponsors from '../data/sponsors';
+import Layout from '@theme/Layout';
+import React from 'react';
 
-import Splash from './home/Splash';
 import Features from './home/Features';
+import Footer from './home/Footer';
+import Splash from './home/Splash';
 import Sponsors from './home/Sponsors';
 
 const features = [
@@ -52,6 +50,7 @@ function Home() {
       <Splash />
       <Features />
       <Sponsors />
+      <Footer />
     </Layout>
   );
 }