add of a real footer

src/styles/Footer.css

@@ -0,0 +1,37 @@
+.footer {
+    padding: 2rem 0;
+    margin-top: 4rem;
+    border-top: 1px solid #333;
+    color: #B0B0B0;
+    font-size: 0.9rem;
+}
+
+.footer-content {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    width: 80%;
+    max-width: 1000px;
+    margin: 0 auto;
+}
+
+.footer-links {
+    display: flex;
+    gap: 1.5rem;
+    a{
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        color: #B0B0B0;
+        transition: color 0.3s ease, transform 0.3s ease;
+        svg{
+            width: 24px;
+            height: 24px;
+        }
+    }
+}
+
+.footer-links a:hover {
+    color: #EAEAEA;
+    transform: translateY(-3px);
+}