docs: update footer and docs

website/docs/getting-started.md

@@ -13,10 +13,11 @@ A performant, easy to use hold to open context menu for React Native powered by
 
 ## Features
 
-- Powered with Reanimated v2 🚀
-- Easy to use 😊
-- Dark/Light Mode 🌚
-- Device orientation change
+- Powered with Reanimated v2. 🚀
+- Smooth interactions & animations.
+- Supports dark/light Mode. 🌚 🌝
+- Supports device orientation change.
+- Compatible with Expo.
 - Written in `TypeScript`.
 
 ## Installation

website/docs/usage.md

@@ -13,7 +13,6 @@ Before using Hold Menu in your application, you need to wrap your app with `Hold
 ```tsx
 import React from 'react';
 
-// Hold Menu
 import { HoldMenuProvider } from 'react-native-hold-menu';
 
 const App = () => {

website/docusaurus.config.js

@@ -30,8 +30,6 @@ module.exports = {
     },
     footer: {
       style: 'dark',
-      links: [],
-      copyright: `Copyright © ${new Date().getFullYear()} React Native Hold Menu. Built with Docusaurus.`,
     },
   },
   presets: [

website/src/theme/Footer/index.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import styles from './styles.module.css';
+
+function Footer() {
+  return (
+    <footer className={styles.footerContainer}>
+      <div className={styles.footerLeft}>
+        Copyright © {new Date().getFullYear()}{' '}
+        <a rel="author" href="https://twitter.com/enesozt_" target="_blank">
+          Enes Öztürk
+        </a>
+      </div>
+      <div className={styles.footerRight}>
+        Built with{' '}
+        <a rel="nofollow" href="https://v2.docusaurus.io/" target="_blank">
+          Docusaurus
+        </a>{' '}
+        ❤️
+      </div>
+    </footer>
+  );
+}
+
+export default Footer;

website/src/theme/Footer/styles.module.css

@@ -0,0 +1,17 @@
+.footerContainer {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  height: var(--ifm-navbar-height);
+  padding: var(--ifm-navbar-padding-vertical)
+    var(--ifm-navbar-padding-horizontal);
+  background: var(--ifm-navbar-background-color);
+}
+
+.footerRight {
+  float: right;
+}
+.footerLeft {
+  float: left;
+}