adjusted css across certain files

src/Components/Navbar/Navbar.css

@@ -9,11 +9,11 @@
   border-bottom: 1px solid rgba(59, 130, 246, 0.3);
   z-index: 1000;
   transition: var(--transition);
-  padding: 0.3rem 0;
+  padding: 0.8rem 0;
 }
 
 .navbar.scrolled {
-  padding: 0.1rem 0;
+  padding: 0.6rem 0;
   background: rgba(15, 23, 42, 0.98);
   box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
 }

src/Pages/About/About.jsx

@@ -134,13 +134,10 @@ export default function About() {
         <div className="about-content">
           <div className="about-text">
             <p>
-              I'm a passionate developer with a love for creating elegant solutions to complex problems.
-              With expertise in modern web technologies, I bring ideas to life through clean code and
-              thoughtful design.
+              I’m an engineer driven by the challenge of turning complexity into clarity, building systems that not only work but also solve meaningful problems.< br />Whether it’s designing scalable products, integrating AI capabilities, or improving how software performs in real-world environments, I focus on delivering practical value.
             </p>
             <p>
-              When I'm not coding, you can find me exploring new technologies, contributing to open-source
-              projects, or sharing knowledge with the developer community.
+              When I'm not coding, I'm exploring new technologies, studying how intelligent systems evolve, contributing to open-source projects, or sharing knowledge with the developer community.
             </p>
 
             <div className="about-stats-wrapper">

src/Pages/Contact/Contact.css

@@ -26,29 +26,32 @@
 }
 
 .contact-links {
-  display: flex;
-  flex-direction: column;
-  gap: 0.75rem;
+  display: grid;
+  grid-template-columns: repeat(5, 44px);
+  gap: 0.55rem;
+  width: fit-content;
 }
 
 .contact-link {
-  display: flex;
+  width: 44px;
+  height: 44px;
+  display: inline-flex;
   align-items: center;
-  gap: 0.75rem;
+  justify-content: center;
   color: var(--text-primary);
   text-decoration: none;
-  font-weight: 500;
-  padding: 0.65rem 0.95rem;
-  border-radius: 0.75rem;
+  padding: 0;
+  border-radius: 9px;
   border: 1px solid var(--border-color);
-  background: white;
+  background: var(--bg-secondary);
   box-shadow: var(--shadow-sm);
   transition: var(--transition);
 }
 
 .contact-link:hover {
-  transform: translateX(4px);
+  transform: translateY(-1px);
   border-color: var(--accent-color);
+  background: var(--bg-primary);
   color: var(--accent-color);
   box-shadow: var(--shadow-md);
 }
@@ -59,12 +62,16 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  flex-shrink: 0;
 }
 
 .contact-link-icon svg {
   width: 20px;
   height: 20px;
+  fill: none;
+  stroke: currentColor;
+  stroke-width: 2;
+  stroke-linecap: round;
+  stroke-linejoin: round;
 }
 
 /* Form */

src/Pages/Contact/Contact.jsx

@@ -6,35 +6,56 @@ const CONTACT_LINKS = [
     label: 'Email',
     href: 'mailto:me@dykdee.xyz',
     icon: (
-      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z" /><polyline points="22,6 12,13 2,6" /></svg>
+      <svg viewBox="0 0 24 24" aria-hidden="true">
+        <rect x="3" y="5" width="18" height="14" rx="2" />
+        <path d="M3 7l9 6 9-6" />
+      </svg>
     ),
   },
   {
     label: 'LinkedIn',
     href: 'https://linkedin.com/in/dykdee',
     icon: (
-      <svg viewBox="0 0 24 24" fill="currentColor"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"/><rect x="2" y="9" width="4" height="12"/><circle cx="4" cy="4" r="2"/></svg>
+      <svg viewBox="0 0 24 24" aria-hidden="true">
+        <circle cx="6" cy="7" r="1.5" />
+        <path d="M5 10v8" />
+        <path d="M10 18v-5a3 3 0 0 1 6 0v5" />
+        <path d="M10 13v5" />
+      </svg>
     ),
   },
   {
     label: 'GitHub',
     href: 'https://github.com/dykdee',
     icon: (
-      <svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0 1 12 6.844a9.59 9.59 0 0 1 2.504.337c1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0 0 22 12.017C22 6.484 17.522 2 12 2z"/></svg>
+      <svg viewBox="0 0 24 24" aria-hidden="true">
+        <path d="M8 7L4 12l4 5" />
+        <path d="M16 7l4 5-4 5" />
+        <path d="M10 19l4-14" />
+      </svg>
     ),
   },
   {
     label: 'Telegram',
     href: 'https://t.me/dyk_dee',
     icon: (
-      <svg viewBox="0 0 24 24" fill="currentColor"><path d="M9.78 18.65l.28-4.23 7.68-6.92c.34-.31-.07-.46-.52-.19L7.74 13.3 3.64 12c-.88-.25-.89-.86.2-1.3l15.97-6.16c.73-.33 1.43.18 1.15 1.3l-2.72 12.81c-.19.91-.74 1.13-1.5.71L12.6 16.3l-1.99 1.93c-.23.23-.42.42-.83.42z"/></svg>
+      <svg viewBox="0 0 24 24" aria-hidden="true">
+        <path d="M21 4L10 13" />
+        <path d="M21 4L14 20l-4-7-7-2z" />
+      </svg>
     ),
   },
   {
     label: 'WhatsApp',
     href: 'https://wa.me/7080551309',
     icon: (
-      <svg viewBox="0 0 24 24" fill="currentColor"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z"/><path d="M12 2C6.477 2 2 6.477 2 12c0 1.89.525 3.66 1.438 5.168L2 22l4.978-1.413A9.953 9.953 0 0 0 12 22c5.523 0 10-4.477 10-10S17.523 2 12 2zm0 18a7.95 7.95 0 0 1-4.33-1.282l-.31-.184-3.21.91.927-3.12-.202-.32A7.954 7.954 0 0 1 4 12c0-4.418 3.582-8 8-8s8 3.582 8 8-3.582 8-8 8z"/></svg>
+      <svg viewBox="0 0 24 24" aria-hidden="true">
+        <circle cx="12" cy="12" r="8" />
+        <path d="M12 20l-2.5 1.8.9-3.1" />
+        <path d="M9.2 9.7c.4 2.1 2 3.7 4.1 4.1" />
+        <path d="M9.8 8.8l1.4 1.1" />
+        <path d="M13 13l1.2 1.3" />
+      </svg>
     ),
   },
 ];
@@ -59,19 +80,20 @@ export default function Contact() {
         <div className="contact-grid">
           <div className="contact-info">
             <p className="contact-intro">
-              I'm always open to discussing new projects, creative ideas, or opportunities to be part of your vision.
+              Have an idea, a challenge, or a system that needs to work smarter? Let’s talk about how to make it happen.
             </p>
             <div className="contact-links">
               {CONTACT_LINKS.map((link) => (
                 <a
                   key={link.label}
                   href={link.href}
                   className="contact-link"
+                  aria-label={link.label}
+                  title={link.label}
                   target={link.href.startsWith('mailto') ? undefined : '_blank'}
                   rel={link.href.startsWith('mailto') ? undefined : 'noopener noreferrer'}
                 >
                   <span className="contact-link-icon">{link.icon}</span>
-                  <span>{link.label}</span>
                 </a>
               ))}
             </div>

src/Pages/Hero/Hero.jsx

@@ -199,8 +199,9 @@ export default function Hero() {
             <span className="role">AI Product &amp; Systems Engineer</span>
           </h1>
           <p className="hero-description">
-            Building intelligent systems with AI, machine learning, tackling real-world challenges and
-            proffering innovative solutions.
+            Stop building AI demos. Start deploying intelligent systems with Dee.< br />
+            Building intelligent systems that remove repetitive workflows, improve decision-making, and make products smarter.< br />
+            From machine learning integration to scalable system design, I turn AI into usable infrastructure.
           </p>
           <div className="hero-buttons">
             <button className="btn btn-primary" onClick={() => scrollTo('projects')}>View My Work</button>

src/Pages/Projects/Projects.css

@@ -98,7 +98,7 @@
 
 .project-media {
   position: relative;
-  height: 12rem;
+  height: 11.5rem;
   background: #1e3a8a;
   display: flex;
   align-items: center;
@@ -168,35 +168,37 @@
 }
 
 .project-content {
-  padding: 2rem;
+  padding: 1.25rem 1.25rem 1.1rem;
 }
 
 .project-name {
   font-size: 1.25rem;
   line-height: 1.75rem;
   font-weight: 700;
   color: #1e293b;
-  margin-bottom: 0.75rem;
+  margin-bottom: 0.6rem;
 }
 
 .project-description {
   font-size: 0.875rem;
   line-height: 1.625;
   color: #4b5563;
-  height: 5rem;
+  margin-bottom: 0.9rem;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 7;
   overflow: hidden;
-  margin-bottom: 1.5rem;
 }
 
 .project-tags {
   display: flex;
   flex-wrap: wrap;
-  gap: 0.5rem;
-  margin-bottom: 2rem;
+  gap: 0.4rem;
+  margin-bottom: 1rem;
 }
 
 .project-chip {
-  padding: 0.25rem 0.75rem;
+  padding: 0.2rem 0.65rem;
   background: #f1f5f9;
   color: #475569;
   font-size: 0.75rem;
@@ -207,7 +209,7 @@
 .project-links {
   display: flex;
   align-items: center;
-  gap: 1.5rem;
+  gap: 1rem;
   flex-wrap: wrap;
 }