Update author name and branding references across the application

Author: codeaashu

LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2024 Ashutosh Singh
+Copyright (c) 2026 aashuu
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

README.md

@@ -253,7 +253,7 @@
 
 <!--<h1 align="center"><img src="https://raw.githubusercontent.com/Tarikul-Islam-Anik/Telegram-Animated-Emojis/main/People/Man%20Technologist.webp" alt="Man Technologist" width="25" height="25" /> Creator & Founder of DevDisplay <img src="https://raw.githubusercontent.com/Tarikul-Islam-Anik/Telegram-Animated-Emojis/main/People/Man%20Technologist.webp" alt="Man Technologist" width="25" height="25" /></h1>
 
-<h4 align="center"><a href="https://github.com/codeaashu"><div align="center"><img src="https://raw.githubusercontent.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis/master/Emojis/Smilies/Love%20Letter.png" alt="Love Letter" width="75" height="75" /></div></a><br><a href="https://www.ashutoshkumar.me"><strong>Ashutosh Singh</strong></a><br><br>
+<h4 align="center"><a href="https://github.com/codeaashu"><div align="center"><img src="https://raw.githubusercontent.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis/master/Emojis/Smilies/Love%20Letter.png" alt="Love Letter" width="75" height="75" /></div></a><br><a href="https://www.ashutoshkumar.me"><strong>aashuu</strong></a><br><br>
 
 [![LinkedIn](https://img.shields.io/badge/LinkedIn-%230077B5.svg?logo=linkedin&logoColor=white)](https://linkedin.com/in/ashutoshkumaraashu) [![Twitter Follow](https://img.shields.io/twitter/follow/warrioraashuu?style=social)](https://twitter.com/intent/follow?screen_name=warrioraashuu)<br>
 <br>A creative Full Stack Web Developer & Designer • Till now build 50+ WEB APP</h4><hr> -->

src/App.js

@@ -99,7 +99,7 @@ function App() {
 
         <meta name="theme-color" content="#317EFB" />
 
-        <meta name="author" content="Ashutosh Singh" />
+        <meta name="author" content="aashuu" />
 
         <meta property="og:locale" content="en_US" />
       </Helmet>

src/Page/Home.jsx

@@ -1162,7 +1162,7 @@ const DeveloperCard = () => {
           <img src="/CREATOR.jpg" alt="Developer" className="h-20 w-20 rounded-full object-cover" />
           <div>
             <h2 className="flex items-center text-xl font-bold">
-              Ashutosh Singh <FaCheckCircle className="ml-2 text-blue-400" />
+              aashuu <FaCheckCircle className="ml-2 text-blue-400" />
             </h2>
             <p className="flex items-center gap-2 text-sm text-gray-300">
               <FaMapMarkerAlt className="text-blue-400" /> Mostly On DevDisplay

src/components/Search/Search.jsx

@@ -92,7 +92,7 @@ function Search({ onSearch }) {
               <div className="username">Dev Pioneer</div>
               <div className="lable-message">
                 Add Your Profile
-                <FaCheckCircle className="ml-2 rounded-full border-[1px] border-[#0ea5e9] p-0.5 text-xl text-[#0ea5e9]" />
+                <FaCheckCircle className="ml-1.5 rounded-full border-[1px] border-[#0ea5e9] text-[#0ea5e9]" />
               </div>
               <div className="user-id">@devpioneer</div>
             </div>
@@ -155,18 +155,19 @@ const StyledWrapper = styled.div`
   font-family: 'Merriweather Sans', sans-serif;
 
   display: flex;
+  flex-wrap: nowrap;
   justify-content: center;
   align-items: center;
-  gap: 14px;
+  gap: 10px;
   height: 100%;
 
   .developers-count {
     display: flex;
     align-items: center;
-    gap: 8px;
-    height: 40px;
-    padding: 6px 16px;
-    font-size: 16px;
+    gap: 6px;
+    height: 34px;
+    padding: 5px 12px;
+    font-size: 14px;
     font-weight: 600;
     color: var(--text-color, rgb(24, 186, 255));
     background-color: rgba(20, 29, 47, 1);
@@ -181,7 +182,7 @@ const StyledWrapper = styled.div`
   }
 
   .developers-count-icon {
-    font-size: 14px;
+    font-size: 12px;
   }
 
   #btn-message {
@@ -190,7 +191,7 @@ const StyledWrapper = styled.div`
     --bg-color: rgba(20, 29, 47, 1);
     --bg-hover-color: rgba(20, 29, 47, 1);
     --online-status: rgb(24, 186, 255);
-    --font-size: 16px;
+    --font-size: 14px;
     --btn-transition: all 0.2s ease-out;
   }
 
@@ -209,18 +210,18 @@ const StyledWrapper = styled.div`
     background-color: var(--bg-color);
     border-radius: 68px;
     cursor: pointer;
-    padding: 6px 10px 6px 6px;
+    padding: 5px 10px 5px 5px;
     width: fit-content;
-    height: 40px;
+    height: 34px;
     border: 1px solid rgb(24, 186, 255); /* Thin border */
     overflow: hidden;
     position: relative;
     transition: var(--btn-transition);
   }
 
   .button-message:hover {
-    height: 56px;
-    padding: 8px 20px 8px 8px;
+    height: 48px;
+    padding: 7px 16px 7px 7px;
     background-color: var(--bg-hover-color);
     transition: var(--btn-transition);
   }
@@ -230,16 +231,16 @@ const StyledWrapper = styled.div`
   }
 
   .content-avatar {
-    width: 30px;
-    height: 30px;
+    width: 24px;
+    height: 24px;
     margin: 0;
     transition: var(--btn-transition);
     position: relative;
   }
 
   .button-message:hover .content-avatar {
-    width: 40px;
-    height: 40px;
+    width: 32px;
+    height: 32px;
   }
 
   .avatar {
@@ -310,6 +311,7 @@ const StyledWrapper = styled.div`
     opacity: 1;
     transform: scaleY(1);
     transition: var(--btn-transition);
+    white-space: nowrap;
   }
 
   .button-message:hover .username {
@@ -352,6 +354,36 @@ const StyledWrapper = styled.div`
     border-radius: 20px;
   }
 
+  /*==============================================*/
+  @media (max-width: 640px) {
+    gap: 8px;
+
+    #btn-message {
+      --font-size: 11px;
+    }
+
+    .button-message {
+      height: 30px;
+      padding: 4px 8px 4px 4px;
+    }
+
+    .content-avatar {
+      width: 20px;
+      height: 20px;
+    }
+
+    .developers-count {
+      height: 30px;
+      padding: 4px 10px;
+      font-size: 11px;
+      gap: 5px;
+    }
+
+    .developers-count-icon {
+      font-size: 10px;
+    }
+  }
+
   /*==============================================*/
   @keyframes active-status {
     0% {

src/components/Sidebar/Sidebar.jsx

@@ -137,7 +137,7 @@ function Sidebar() {
         <button className="button" onClick={handleHome}>
           <div className="blob1" />
           <div className="blob2" />
-          <div className="inner">Developer </div>
+          <div className="inner">Developer Paradise</div>
         </button>
       </StyledWrapper>
     </div>