diff --git a/public/github-mark-white.svg b/public/github-mark-white.svg
new file mode 100644
index 0000000..d5e6491
--- /dev/null
+++ b/public/github-mark-white.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/app/components/BottomBar.tsx b/src/app/components/BottomBar.tsx
index f165c07..0c6c828 100644
--- a/src/app/components/BottomBar.tsx
+++ b/src/app/components/BottomBar.tsx
@@ -1,5 +1,6 @@
import Disclaimer from './Disclaimer';
import FeedbackButton from './FeedbackButton';
+import GitHubLink from './GitHubLink';
import PriceTracker from './PriceTracker';
import styles from './css/BottomBar.module.css';
@@ -12,6 +13,7 @@ const BottomBar: React.FC = () => {
+
);
diff --git a/src/app/components/GitHubLink.tsx b/src/app/components/GitHubLink.tsx
new file mode 100644
index 0000000..205bec1
--- /dev/null
+++ b/src/app/components/GitHubLink.tsx
@@ -0,0 +1,24 @@
+import Image from 'next/image';
+import styles from './css/GitHubLink.module.css';
+
+const GitHubLink: React.FC = () => {
+ return (
+
+
+
+ );
+};
+
+export default GitHubLink;
diff --git a/src/app/components/css/BottomBar.module.css b/src/app/components/css/BottomBar.module.css
index 561215e..ad22d87 100644
--- a/src/app/components/css/BottomBar.module.css
+++ b/src/app/components/css/BottomBar.module.css
@@ -18,6 +18,10 @@
position: fixed;
right: 16px;
bottom: 16px;
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ gap: 8px;
}
@media (max-width: 1024px) {
diff --git a/src/app/components/css/GitHubLink.module.css b/src/app/components/css/GitHubLink.module.css
new file mode 100644
index 0000000..2991f9e
--- /dev/null
+++ b/src/app/components/css/GitHubLink.module.css
@@ -0,0 +1,18 @@
+.link {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ padding: 8px;
+ border-radius: 8px;
+ cursor: pointer;
+ transition: background-color 0.2s;
+ height: 100%;
+}
+
+.link:hover {
+ background-color: #22272E;
+}
+
+.icon {
+ display: block;
+}