diff --git a/assets/discord-logo.png b/assets/discord-logo.png
new file mode 100644
index 0000000..baececa
Binary files /dev/null and b/assets/discord-logo.png differ
diff --git a/assets/github-logo.png b/assets/github-logo.png
new file mode 100644
index 0000000..64277bb
Binary files /dev/null and b/assets/github-logo.png differ
diff --git a/assets/instagram-logo.png b/assets/instagram-logo.png
new file mode 100644
index 0000000..fa8823f
Binary files /dev/null and b/assets/instagram-logo.png differ
diff --git a/assets/youtube-logo.png b/assets/youtube-logo.png
new file mode 100644
index 0000000..39f56f9
Binary files /dev/null and b/assets/youtube-logo.png differ
diff --git a/index.html b/index.html
index 68aea15..12f7eb7 100644
--- a/index.html
+++ b/index.html
@@ -18,6 +18,20 @@
     <div class="centered-content">
         <h1>reiyua</h1>
         <p class="email">rei@reiyua.lol</p>
+        <div class="social-icons">
+            <a href="https://instagram.com/reiyua" target="_blank">
+                <img src="assets/instagram-logo.png" alt="Instagram" class="social-logo">
+            </a>
+            <a href="discord://-/users/1024179829911855234" target="_blank">
+                <img src="assets/discord-logo.png" alt="Discord" class="social-logo">
+            </a>
+            <a href="https://youtube.com/@reiyua" target="_blank">
+                <img src="assets/youtube-logo.png" alt="YouTube" class="social-logo">
+            </a>
+            <a href="https://github.com/reiyua" target="_blank">
+                <img src="assets/github-logo.png" alt="GitHub" class="social-logo github-logo">
+            </a>
+        </div>
     </div>
     <div class="credit">
         Video by <a href="https://www.pexels.com/video/an-orange-liquid-paint-in-motion-5649211/" target="_blank" rel="noopener noreferrer">Dan Cristian Pădureț</a> from Pexels
diff --git a/styles.css b/styles.css
index a94e658..f15cf7f 100644
--- a/styles.css
+++ b/styles.css
@@ -56,3 +56,28 @@ h1 {
 .credit a:hover {
     text-decoration: none;
 }
+
+.social-icons {
+    margin-top: 15px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    gap: 20px;
+}
+
+.social-logo {
+    width: 50px;
+    height: 50px;
+    object-fit: contain;
+    transition: transform 0.3s ease;
+}
+
+.social-logo.github-logo {
+    width: 90px; /* Increase the size of the GitHub logo slightly */
+    height: 90px;
+    margin-left: -30px;
+}
+
+.social-logo:hover {
+    transform: scale(1.2);
+}