Added links.

src/components/buttons/Custom.tsx

@@ -0,0 +1,26 @@
+import React /*, { useEffect, useRef, useState }*/ from "react";
+import { Box, Link, Button, BoxProps } from "@chakra-ui/react";
+import { Icon } from "@iconify/react";
+import { motion } from "framer-motion";
+
+interface CustomButtonProps {
+  text: string;
+  link: string;
+  type: "primary" | "secondary" | "footer";
+}
+
+const MotionBox = motion<BoxProps>(Box);
+
+const CustomButton = ({ text, link, type }: CustomButtonProps): JSX.Element => {
+  return (
+    <MotionBox whileHover={{ scale: 1.1 }} whileTap={{ scale: 0.9 }}>
+      <Link href={link} target="_blank" rel="noopener">
+        <Button variant={type}>
+          {text}
+        </Button>
+      </Link>
+    </MotionBox>
+  );
+};
+
+export default CustomButton;

src/components/buttons/Patreon.tsx

@@ -0,0 +1,27 @@
+import React /*, { useEffect, useRef, useState }*/ from "react";
+import { Box, Link, Button, BoxProps } from "@chakra-ui/react";
+import { Icon } from "@iconify/react";
+import { motion } from "framer-motion";
+
+const MotionBox = motion<BoxProps>(Box);
+
+const Patreon = (): JSX.Element => {
+  return (
+    <MotionBox whileHover={{ scale: 1.1 }} whileTap={{ scale: 0.9 }}>
+      <Link
+        href="https://www.patreon.com/bePatron?u=15380906"
+        target="_blank"
+        rel="noopener"
+      >
+        <Button
+          variant="patreon"
+          leftIcon={<Icon icon="ri:patreon-fill" />}
+        >
+          {"Fund The App"}
+        </Button>
+      </Link>
+    </MotionBox>
+  );
+};
+
+export default Patreon;

src/components/buttons/Twitter.tsx

@@ -0,0 +1,27 @@
+import React /*, { useEffect, useRef, useState }*/ from "react";
+import { Box, Link, Button, BoxProps } from "@chakra-ui/react";
+import { Icon } from "@iconify/react";
+import { motion } from "framer-motion";
+
+const MotionBox = motion<BoxProps>(Box);
+
+const Twitter = (): JSX.Element => {
+  return (
+    <MotionBox whileHover={{ scale: 1.1 }} whileTap={{ scale: 0.9 }}>
+      <Link
+        href="https://www.patreon.com/bePatron?u=15380906"
+        target="_blank"
+        rel="noopener"
+      >
+        <Button
+          variant="twitter"
+          leftIcon={<Icon icon="akar-icons:twitter-fill" />}
+        >
+          {"Dev Updates"}
+        </Button>
+      </Link>
+    </MotionBox>
+  );
+};
+
+export default Twitter;