diff --git a/src/App.jsx b/src/App.jsx
index 4fbc89d..4fa1f37 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -24,12 +24,12 @@ import "./styles.css";
  * If you don't have one of the social sites listed, leave it as an empty string.
  */
 const siteProps = {
-  name: "Alexandrie Grenier",
-  title: "Web Designer & Content Creator",
-  email: "alex@example.com",
-  gitHub: "microsoft",
-  instagram: "microsoft",
-  linkedIn: "satyanadella",
+  name: "Sachin T K",
+  title: "Full Stack Web Developer",
+  email: "sachintk97@gmail.com",
+  gitHub: "SachinT-K",
+  instagram: "mr.sa_chinn",
+  linkedIn: "sachin-t-k",
   medium: "",
   twitter: "microsoft",
   youTube: "Code",
diff --git a/src/styles.css b/src/styles.css
index 999a174..ffb5f58 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -122,4 +122,20 @@ a:hover {
 img.socialIcon {
   height: 30px;
   width: 30px;
+  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 0.4s cubic-bezier(0.23, 1, 0.32, 1);
+  will-change: transform, box-shadow;
+  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
+}
+
+img.socialIcon:hover {
+  transform: scale(1.25) rotate(-8deg);
+  box-shadow: 0 8px 24px rgba(80, 80, 255, 0.25), 0 1.5px 8px rgba(0,0,0,0.12);
+  filter: brightness(1.15) drop-shadow(0 0 6px #4e567e);
+  z-index: 2;
+}
+
+img.socialIcon:active {
+  transform: scale(0.95) rotate(2deg);
+  box-shadow: 0 2px 8px rgba(80, 80, 255, 0.18);
+  filter: brightness(0.95);
 }