From 13031465e35bafaa54f18a57618d0843cfee6e26 Mon Sep 17 00:00:00 2001
From: mahdiarghyani <mahdiarghyani12@gmail.com>
Date: Sat, 13 Dec 2025 18:05:39 +0330
Subject: [PATCH] feat(blog): enhance content styling and add new blog post
 with sharing capabilities

- Refine blog typography with optimized font sizes and line heights for better readability
- Adjust heading margins and sizes (h1-h4) for improved visual hierarchy
- Implement custom bullet styling with primary color indicators for lists
- Add highlighted key phrases styling with left border accent for emphasized content
- Create new BlogShare component for social sharing functionality
- Add Callout and PullQuote content components for enhanced blog formatting
- Introduce resume-button.css for improved button styling
- Update blog post template with slug-based routing support
- Add new blog post "Career Change: From Huawei to Frontend" in English and Persian
- Enhance portfolio components (Hero, Skills, AIStack, etc.) with refined styling
- Improve RTL language support with better spacing and alignment for Persian content
- Add blog hero image asset (big-career-change.webp)
- Update i18n translations for new blog content and UI improvements
- Optimize code block and inline code styling with CSS variables for consistency
- Refine blockquote styling with better contrast and spacing
---
 app/assets/css/blog-content.css               | 206 ++++++++++++------
 app/assets/css/main.css                       | 108 ++++++++-
 app/assets/css/resume-button.css              |  82 +++++++
 app/components/blog/BlogPost.vue              |   2 +-
 app/components/blog/BlogShare.vue             |  90 ++++++++
 app/components/content/Callout.vue            |  65 ++++++
 app/components/content/PullQuote.vue          |  54 +++++
 app/components/portfolio/AIStack.vue          |  56 +++--
 app/components/portfolio/GitHubActivity.vue   | 177 ++++++++-------
 app/components/portfolio/Hero.vue             |  40 +++-
 app/components/portfolio/LanguageSkills.vue   | 108 +++++----
 app/components/portfolio/ProjectsList.vue     | 143 +++++++-----
 app/components/portfolio/Skills.vue           |  25 ++-
 app/components/portfolio/SoftSkills.vue       |  68 ++++--
 app/components/portfolio/WorkExperience.vue   |  83 +++++--
 app/pages/blog/[...slug].vue                  |   3 +
 .../blog/career-change-huawei-to-frontend.md  | 174 +++++++++++++++
 .../blog/career-change-huawei-to-frontend.md  | 160 ++++++++++++++
 i18n/locales/en.json                          |  11 +-
 i18n/locales/fa.json                          |  11 +-
 public/img/blog/big-career-change.webp        | Bin 0 -> 31456 bytes
 21 files changed, 1339 insertions(+), 327 deletions(-)
 create mode 100644 app/assets/css/resume-button.css
 create mode 100644 app/components/blog/BlogShare.vue
 create mode 100644 app/components/content/Callout.vue
 create mode 100644 app/components/content/PullQuote.vue
 create mode 100644 content/en/blog/career-change-huawei-to-frontend.md
 create mode 100644 content/fa/blog/career-change-huawei-to-frontend.md
 create mode 100644 public/img/blog/big-career-change.webp

diff --git a/app/assets/css/blog-content.css b/app/assets/css/blog-content.css
index 2901e62..a871cff 100644
--- a/app/assets/css/blog-content.css
+++ b/app/assets/css/blog-content.css
@@ -2,11 +2,11 @@
 
 /* Base typography */
 .blog-content {
-  font-size: 1.125rem; /* 18px */
-  line-height: 2; /* خط‌فاصله بیشتر */
+  font-size: 1.0625rem; /* 17px - کمی کوچک‌تر */
+  line-height: 1.75; /* خط‌فاصله متعادل‌تر */
   letter-spacing: 0.01em;
   color: rgb(55, 65, 81);
-  max-width: 75ch;
+  max-width: 70ch; /* کمی باریک‌تر برای خوانایی بهتر */
   overflow-wrap: break-word;
   word-wrap: break-word;
   word-break: break-word;
@@ -18,8 +18,9 @@
 
 /* RTL-specific improvements */
 .blog-content-rtl {
-  line-height: 2.2 !important; /* فارسی نیاز به فاصله بیشتری داره */
-  letter-spacing: 0.02em !important;
+  line-height: 1.9 !important; /* فارسی نیاز به فاصله بیشتری داره ولی نه خیلی زیاد */
+  letter-spacing: 0.015em !important;
+  font-size: 1.0625rem;
 }
 
 /* Force LTR for code blocks in RTL */
@@ -38,11 +39,11 @@
 }
 
 .blog-content h1 {
-  margin-top: 3rem;
-  margin-bottom: 2rem;
-  line-height: 1.4;
+  margin-top: 2.5rem;
+  margin-bottom: 1.5rem;
+  line-height: 1.3;
   font-weight: 700;
-  font-size: 2.25em;
+  font-size: 2em;
   color: rgb(17, 24, 39);
 }
 
@@ -51,11 +52,11 @@
 }
 
 .blog-content h2 {
-  margin-top: 3rem;
-  margin-bottom: 1.75rem;
-  line-height: 1.5;
+  margin-top: 2.5rem;
+  margin-bottom: 1.25rem;
+  line-height: 1.4;
   font-weight: 700;
-  font-size: 1.875em;
+  font-size: 1.75em;
   color: rgb(17, 24, 39);
 }
 
@@ -64,11 +65,11 @@
 }
 
 .blog-content h3 {
-  margin-top: 2.5rem;
-  margin-bottom: 1.5rem;
-  line-height: 1.6;
+  margin-top: 2rem;
+  margin-bottom: 1rem;
+  line-height: 1.5;
   font-weight: 600;
-  font-size: 1.5em;
+  font-size: 1.375em;
   color: rgb(17, 24, 39);
 }
 
@@ -77,11 +78,11 @@
 }
 
 .blog-content h4 {
-  margin-top: 2rem;
-  margin-bottom: 1.25rem;
-  line-height: 1.6;
+  margin-top: 1.75rem;
+  margin-bottom: 0.875rem;
+  line-height: 1.5;
   font-weight: 600;
-  font-size: 1.25em;
+  font-size: 1.125em;
   color: rgb(17, 24, 39);
 }
 
@@ -89,10 +90,10 @@
   color: rgb(243, 244, 246);
 }
 
-/* Paragraphs - فاصله زیاد برای خوانایی بهتر */
+/* Paragraphs - فاصله متعادل */
 .blog-content p {
-  margin-top: 2rem;
-  margin-bottom: 2rem;
+  margin-top: 1.5rem;
+  margin-bottom: 1.5rem;
   line-height: inherit;
 }
 
@@ -101,14 +102,14 @@
 .blog-content h2 + p,
 .blog-content h3 + p,
 .blog-content h4 + p {
-  margin-top: 1.25rem;
+  margin-top: 1rem;
 }
 
 /* Lists */
 .blog-content ul,
 .blog-content ol {
-  margin-top: 2.25rem;
-  margin-bottom: 2.25rem;
+  margin-top: 1.5rem;
+  margin-bottom: 1.5rem;
   padding-left: 2rem;
 }
 
@@ -118,14 +119,48 @@
   padding-right: 2rem;
 }
 
+/* Better bullet styling with custom bullets */
+.blog-content ul {
+  list-style: none;
+}
+
+.blog-content ul > li {
+  position: relative;
+  padding-left: 1.75rem;
+}
+
+.blog-content ul > li::before {
+  content: "●";
+  position: absolute;
+  left: 0.25rem;
+  color: var(--ui-color-primary-500);
+  font-size: 1.1em;
+  font-weight: bold;
+  line-height: 1.75;
+}
+
+.dark .blog-content ul > li::before {
+  color: var(--ui-color-primary-400);
+}
+
+.blog-content-rtl ul > li {
+  padding-left: 0;
+  padding-right: 1.75rem;
+}
+
+.blog-content-rtl ul > li::before {
+  left: auto;
+  right: 0.25rem;
+}
+
 .blog-content li {
-  margin-top: 1rem;
-  margin-bottom: 1rem;
-  line-height: 2;
+  margin-top: 0.75rem;
+  margin-bottom: 0.75rem;
+  line-height: 1.75;
 }
 
 .blog-content-rtl li {
-  line-height: 2.2;
+  line-height: 1.9;
 }
 
 .blog-content li p {
@@ -152,12 +187,41 @@
   color: rgb(243, 244, 246);
 }
 
+/* Highlighted key phrases - for emphasized sentences */
+.blog-content em strong,
+.blog-content strong em {
+  background-color: var(--ui-color-primary-50);
+  border-left: 3px solid var(--ui-color-primary-500);
+  padding: 0.25rem 0.75rem;
+  border-radius: 0.375rem;
+  display: inline-block;
+  margin: 0.125rem 0;
+  font-style: normal;
+}
+
+.dark .blog-content em strong,
+.dark .blog-content strong em {
+  background-color: color-mix(in srgb, var(--ui-color-primary-950) 30%, transparent);
+  border-left-color: var(--ui-color-primary-400);
+}
+
+.blog-content-rtl em strong,
+.blog-content-rtl strong em {
+  border-left: none;
+  border-right: 3px solid var(--ui-color-primary-500);
+}
+
+.dark .blog-content-rtl em strong,
+.dark .blog-content-rtl strong em {
+  border-right-color: var(--ui-color-primary-400);
+}
+
 /* Code blocks */
 .blog-content pre {
-  margin-top: 3rem;
-  margin-bottom: 3rem;
-  line-height: 1.7;
-  font-size: 0.9375rem;
+  margin-top: 2rem;
+  margin-bottom: 2rem;
+  line-height: 1.6;
+  font-size: 0.875rem;
   overflow-x: auto;
   max-width: 100%;
 }
@@ -171,42 +235,42 @@
 /* Inline code */
 .blog-content code:not(pre code) {
   padding: 0.25em 0.5em;
-  background-color: rgba(99, 102, 241, 0.1);
+  background-color: var(--ui-color-primary-100);
+  color: var(--ui-color-primary-700);
   border-radius: 0.375rem;
   font-size: 0.9em;
   font-weight: 500;
-  color: rgb(79, 70, 229);
 }
 
 .dark .blog-content code:not(pre code) {
-  background-color: rgba(99, 102, 241, 0.2);
-  color: rgb(165, 180, 252);
+  background-color: color-mix(in srgb, var(--ui-color-primary-950) 40%, transparent);
+  color: var(--ui-color-primary-300);
 }
 
 /* Blockquotes */
 .blog-content blockquote {
-  margin-top: 3rem;
-  margin-bottom: 3rem;
-  padding: 1.75rem;
-  border-left: 4px solid rgb(99, 102, 241);
-  background-color: rgba(99, 102, 241, 0.05);
+  margin-top: 2rem;
+  margin-bottom: 2rem;
+  padding: 1.5rem;
+  border-left: 4px solid var(--ui-color-primary-500);
+  background-color: var(--ui-color-primary-50);
   border-radius: 0.75rem;
   font-style: italic;
-  line-height: 2;
+  line-height: 1.75;
+}
+
+.dark .blog-content blockquote {
+  border-left-color: var(--ui-color-primary-400);
+  background-color: color-mix(in srgb, var(--ui-color-primary-950) 20%, transparent);
 }
 
 .blog-content-rtl blockquote {
   border-left: none;
-  border-right: 4px solid rgb(99, 102, 241);
-}
-
-.dark .blog-content blockquote {
-  background-color: rgba(99, 102, 241, 0.1);
-  border-left-color: rgb(129, 140, 248);
+  border-right: 4px solid var(--ui-color-primary-500);
 }
 
 .dark .blog-content-rtl blockquote {
-  border-right-color: rgb(129, 140, 248);
+  border-right-color: var(--ui-color-primary-400);
 }
 
 .blog-content blockquote p {
@@ -216,31 +280,33 @@
 
 /* Links */
 .blog-content a {
-  color: rgb(99, 102, 241);
+  color: var(--ui-color-primary-600);
   text-decoration: underline;
-  text-decoration-color: rgba(99, 102, 241, 0.3);
+  text-decoration-color: var(--ui-color-primary-300);
   text-underline-offset: 0.25em;
   font-weight: 500;
   transition: all 0.2s ease;
 }
 
-.blog-content a:hover {
-  color: rgb(79, 70, 229);
-  text-decoration-color: rgba(99, 102, 241, 0.8);
+.dark .blog-content a {
+  color: var(--ui-color-primary-400);
+  text-decoration-color: var(--ui-color-primary-600);
 }
 
-.dark .blog-content a {
-  color: rgb(129, 140, 248);
+.blog-content a:hover {
+  color: var(--ui-color-primary-700);
+  text-decoration-color: var(--ui-color-primary-500);
 }
 
 .dark .blog-content a:hover {
-  color: rgb(165, 180, 252);
+  color: var(--ui-color-primary-300);
+  text-decoration-color: var(--ui-color-primary-400);
 }
 
 /* Horizontal rule */
 .blog-content hr {
-  margin-top: 3.5rem;
-  margin-bottom: 3.5rem;
+  margin-top: 2.5rem;
+  margin-bottom: 2.5rem;
   border-color: rgba(148, 163, 184, 0.3);
 }
 
@@ -250,19 +316,19 @@
 
 /* Images */
 .blog-content img {
-  margin-top: 3rem;
-  margin-bottom: 3rem;
+  margin-top: 2rem;
+  margin-bottom: 2rem;
   border-radius: 0.75rem;
   box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
 }
 
 /* Tables */
 .blog-content table {
-  margin-top: 3rem;
-  margin-bottom: 3rem;
+  margin-top: 2rem;
+  margin-bottom: 2rem;
   width: 100%;
   border-collapse: collapse;
-  font-size: 0.9375rem;
+  font-size: 0.875rem;
   display: block;
   overflow-x: auto;
   max-width: 100%;
@@ -282,13 +348,13 @@
 }
 
 .blog-content th {
-  background-color: rgba(99, 102, 241, 0.1);
-  font-weight: 600;
+  background-color: var(--ui-color-primary-100);
   color: rgb(17, 24, 39);
+  font-weight: 600;
 }
 
 .dark .blog-content th {
-  background-color: rgba(99, 102, 241, 0.15);
+  background-color: color-mix(in srgb, var(--ui-color-primary-950) 30%, transparent);
   color: rgb(243, 244, 246);
 }
 
diff --git a/app/assets/css/main.css b/app/assets/css/main.css
index 9cc724c..28965b3 100644
--- a/app/assets/css/main.css
+++ b/app/assets/css/main.css
@@ -5,6 +5,7 @@
 @import "./transitions.css";
 @import "./prose.css";
 @import "./blog-content.css";
+@import "./resume-button.css";
 
 @source "../../components/**/*.{vue,js,ts}";
 @source "../../layouts/**/*.vue";
@@ -146,15 +147,15 @@
   }
 
   :root {
-    --scrollbar-track: color-mix(in oklch, #e0e7ff 35%, transparent);
-    --scrollbar-thumb: color-mix(in oklch, #7c3aed 65%, #6d28d9 35%);
-    --scrollbar-thumb-hover: color-mix(in oklch, #7c3aed 80%, #a855f7 20%);
+    --scrollbar-track: color-mix(in srgb, var(--ui-color-primary-100) 35%, transparent);
+    --scrollbar-thumb: color-mix(in srgb, var(--ui-color-primary-500) 65%, var(--ui-color-primary-600) 35%);
+    --scrollbar-thumb-hover: color-mix(in srgb, var(--ui-color-primary-500) 80%, var(--ui-color-primary-400) 20%);
   }
 
   :root.dark {
-    --scrollbar-track: color-mix(in oklch, #0b1020 80%, #7c3aed 20%);
-    --scrollbar-thumb: color-mix(in oklch, #a855f7 65%, #7c3aed 35%);
-    --scrollbar-thumb-hover: color-mix(in oklch, #c084fc 75%, #8b5cf6 25%);
+    --scrollbar-track: color-mix(in srgb, #0b1020 80%, var(--ui-color-primary-500) 20%);
+    --scrollbar-thumb: color-mix(in srgb, var(--ui-color-primary-400) 65%, var(--ui-color-primary-500) 35%);
+    --scrollbar-thumb-hover: color-mix(in srgb, var(--ui-color-primary-300) 75%, var(--ui-color-primary-400) 25%);
   }
 
   /* Global scrollbar styling */
@@ -297,16 +298,51 @@
   }
 
   .glass-card:hover {
-    @apply shadow-2xl shadow-violet-500/10 dark:shadow-violet-500/20 translate-y-[-2px];
+    @apply translate-y-[-2px];
+    box-shadow: 
+      0 25px 50px -12px color-mix(in srgb, var(--ui-color-primary-500) 10%, transparent);
+  }
+  
+  .dark .glass-card:hover {
+    box-shadow: 
+      0 25px 50px -12px color-mix(in srgb, var(--ui-color-primary-500) 20%, transparent);
   }
 
-  /* Global hover utilities for consistent interactions */
+  /* Global hover utilities for consistent interactions - using dynamic theme colors */
   .hover-ring-tint {
-    @apply transition-all duration-300 ease-out ring-0 hover:ring-2 hover:ring-violet-500 dark:hover:ring-violet-400 hover:bg-violet-50/60 dark:hover:bg-violet-400/10 focus-visible:ring-2 focus-visible:ring-violet-500 dark:focus-visible:ring-violet-400 focus-visible:ring-offset-2 focus-visible:ring-offset-white dark:focus-visible:ring-offset-zinc-900;
+    @apply transition-all duration-300 ease-out focus-visible:ring-offset-2 focus-visible:ring-offset-white dark:focus-visible:ring-offset-zinc-900;
+  }
+  
+  .hover-ring-tint:hover {
+    box-shadow: 0 0 0 2px var(--ui-color-primary-500);
+    background-color: color-mix(in srgb, var(--ui-color-primary-50) 60%, transparent);
+  }
+  
+  .dark .hover-ring-tint:hover {
+    box-shadow: 0 0 0 2px var(--ui-color-primary-400);
+    background-color: color-mix(in srgb, var(--ui-color-primary-400) 10%, transparent);
+  }
+  
+  .hover-ring-tint:focus-visible {
+    box-shadow: 0 0 0 2px var(--ui-color-primary-500);
+  }
+  
+  .dark .hover-ring-tint:focus-visible {
+    box-shadow: 0 0 0 2px var(--ui-color-primary-400);
   }
 
   .link-hover-clean {
-    @apply transition-all duration-300 hover:text-violet-600 dark:hover:text-violet-400 hover:underline underline-offset-4 decoration-violet-500/60 dark:decoration-violet-400/60;
+    @apply transition-all duration-300 hover:underline underline-offset-4;
+  }
+  
+  .link-hover-clean:hover {
+    color: var(--ui-color-primary-600);
+    text-decoration-color: color-mix(in srgb, var(--ui-color-primary-500) 60%, transparent);
+  }
+  
+  .dark .link-hover-clean:hover {
+    color: var(--ui-color-primary-400);
+    text-decoration-color: color-mix(in srgb, var(--ui-color-primary-400) 60%, transparent);
   }
 }
 
@@ -314,7 +350,12 @@
 
   /* Minimal hover: subtle bg tint, slight shadow, no ring/border change */
   .hover-minimal {
-    @apply transition-all duration-300 ease-out hover:bg-violet-50/50 dark:hover:bg-white/5 hover:shadow-lg hover:shadow-violet-500/5;
+    @apply transition-all duration-300 ease-out dark:hover:bg-white/5 hover:shadow-lg;
+  }
+  
+  .hover-minimal:hover {
+    background-color: color-mix(in srgb, var(--ui-color-primary-50) 50%, transparent);
+    box-shadow: 0 10px 15px -3px color-mix(in srgb, var(--ui-color-primary-500) 5%, transparent);
   }
 
   /* Modern button with gradient */
@@ -335,7 +376,50 @@
 
   /* Chip-style icon button inspired by SkillGrid: subtle ring, soft bg, minimal hover */
   .chip-button {
-    @apply inline-flex items-center justify-center h-12 w-12 rounded-2xl ring-1 ring-violet-200/70 dark:ring-violet-800/50 bg-gradient-to-br from-white/90 to-violet-50/50 dark:from-white/10 dark:to-violet-950/30 text-violet-700 dark:text-violet-200 shadow-lg shadow-violet-500/10 backdrop-blur-md transition-all duration-300 ease-out hover:scale-110 hover:shadow-xl hover:shadow-violet-500/20 hover:from-violet-50 hover:to-violet-100 dark:hover:from-white/15 dark:hover:to-violet-900/40;
+    @apply inline-flex items-center justify-center h-12 w-12 rounded-2xl ring-1 backdrop-blur-md transition-all duration-300 ease-out hover:scale-110;
+    
+    /* Dynamic theme colors using CSS variables */
+    ring-color: color-mix(in srgb, var(--ui-color-primary-200) 70%, transparent);
+    background: linear-gradient(to bottom right, 
+      color-mix(in srgb, white 90%, transparent),
+      color-mix(in srgb, var(--ui-color-primary-50) 50%, transparent)
+    );
+    color: var(--ui-color-primary-700);
+    box-shadow: 
+      0 10px 15px -3px color-mix(in srgb, var(--ui-color-primary-500) 10%, transparent),
+      0 4px 6px -4px color-mix(in srgb, var(--ui-color-primary-500) 10%, transparent);
+  }
+  
+  .chip-button:hover {
+    background: linear-gradient(to bottom right,
+      color-mix(in srgb, var(--ui-color-primary-50) 100%, transparent),
+      color-mix(in srgb, var(--ui-color-primary-100) 100%, transparent)
+    );
+    box-shadow: 
+      0 20px 25px -5px color-mix(in srgb, var(--ui-color-primary-500) 20%, transparent),
+      0 8px 10px -6px color-mix(in srgb, var(--ui-color-primary-500) 20%, transparent);
+  }
+  
+  .dark .chip-button {
+    ring-color: color-mix(in srgb, var(--ui-color-primary-800) 50%, transparent);
+    background: linear-gradient(to bottom right,
+      color-mix(in srgb, white 10%, transparent),
+      color-mix(in srgb, var(--ui-color-primary-950) 30%, transparent)
+    );
+    color: var(--ui-color-primary-200);
+    box-shadow: 
+      0 10px 15px -3px color-mix(in srgb, var(--ui-color-primary-500) 5%, transparent),
+      0 4px 6px -4px color-mix(in srgb, var(--ui-color-primary-500) 5%, transparent);
+  }
+  
+  .dark .chip-button:hover {
+    background: linear-gradient(to bottom right,
+      color-mix(in srgb, white 15%, transparent),
+      color-mix(in srgb, var(--ui-color-primary-900) 40%, transparent)
+    );
+    box-shadow: 
+      0 20px 25px -5px color-mix(in srgb, var(--ui-color-primary-500) 10%, transparent),
+      0 8px 10px -6px color-mix(in srgb, var(--ui-color-primary-500) 10%, transparent);
   }
 
   /* GitHub Activity Contribution Graph - Dynamic Primary Color */
diff --git a/app/assets/css/resume-button.css b/app/assets/css/resume-button.css
new file mode 100644
index 0000000..867324e
--- /dev/null
+++ b/app/assets/css/resume-button.css
@@ -0,0 +1,82 @@
+/* Resume Button with Dynamic Gradient */
+.resume-gradient-button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.5rem;
+  padding: 0.875rem 1.75rem;
+  font-size: 1.125rem;
+  font-weight: 700;
+  color: white;
+  border-radius: 9999px;
+  position: relative;
+  overflow: hidden;
+  transition: all 0.3s ease;
+  
+  /* Dynamic gradient using theme colors */
+  background: linear-gradient(
+    135deg,
+    var(--ui-color-primary-600) 0%,
+    var(--ui-color-primary-500) 50%,
+    color-mix(in srgb, var(--ui-color-primary-500) 80%, #ec4899 20%) 100%
+  );
+  
+  /* Glow effect */
+  box-shadow: 
+    0 0 30px color-mix(in srgb, var(--ui-color-primary-500) 40%, transparent),
+    0 10px 25px color-mix(in srgb, var(--ui-color-primary-600) 30%, transparent),
+    0 4px 12px rgba(0, 0, 0, 0.15);
+}
+
+.resume-gradient-button:hover {
+  transform: scale(1.05);
+  box-shadow: 
+    0 0 40px color-mix(in srgb, var(--ui-color-primary-500) 60%, transparent),
+    0 0 60px color-mix(in srgb, var(--ui-color-primary-400) 40%, transparent),
+    0 15px 35px color-mix(in srgb, var(--ui-color-primary-600) 40%, transparent),
+    0 6px 20px rgba(0, 0, 0, 0.2);
+}
+
+/* Shine effect on hover */
+.resume-gradient-button::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: -100%;
+  width: 100%;
+  height: 100%;
+  background: linear-gradient(
+    90deg,
+    transparent,
+    rgba(255, 255, 255, 0.3),
+    transparent
+  );
+  transition: left 0.5s ease;
+}
+
+.resume-gradient-button:hover::before {
+  left: 100%;
+}
+
+/* Dark mode adjustments */
+.dark .resume-gradient-button {
+  background: linear-gradient(
+    135deg,
+    var(--ui-color-primary-500) 0%,
+    var(--ui-color-primary-600) 50%,
+    color-mix(in srgb, var(--ui-color-primary-600) 80%, #ec4899 20%) 100%
+  );
+  
+  box-shadow: 
+    0 0 35px color-mix(in srgb, var(--ui-color-primary-400) 50%, transparent),
+    0 10px 30px color-mix(in srgb, var(--ui-color-primary-500) 40%, transparent),
+    0 4px 12px rgba(0, 0, 0, 0.3);
+}
+
+.dark .resume-gradient-button:hover {
+  box-shadow: 
+    0 0 50px color-mix(in srgb, var(--ui-color-primary-400) 70%, transparent),
+    0 0 80px color-mix(in srgb, var(--ui-color-primary-300) 50%, transparent),
+    0 15px 40px color-mix(in srgb, var(--ui-color-primary-500) 50%, transparent),
+    0 6px 20px rgba(0, 0, 0, 0.4);
+}
diff --git a/app/components/blog/BlogPost.vue b/app/components/blog/BlogPost.vue
index 8caf04a..6ab5cc9 100644
--- a/app/components/blog/BlogPost.vue
+++ b/app/components/blog/BlogPost.vue
@@ -32,7 +32,7 @@ const handleImageError = () => {
       </div>
 
       <!-- Title -->
-      <h1 class="text-4xl md:text-5xl font-bold mb-4 text-gray-900 dark:text-gray-100">
+      <h1 class="text-2xl md:text-3xl lg:text-4xl font-bold mb-4 text-gray-900 dark:text-gray-100 leading-tight">
         {{ post.title }}
       </h1>
 
diff --git a/app/components/blog/BlogShare.vue b/app/components/blog/BlogShare.vue
new file mode 100644
index 0000000..2b09f29
--- /dev/null
+++ b/app/components/blog/BlogShare.vue
@@ -0,0 +1,90 @@
+<script setup lang="ts">
+const props = defineProps<{
+  title: string
+  url: string
+}>()
+
+const { t } = useI18n()
+
+const shareLinks = computed(() => ({
+  twitter: `https://twitter.com/intent/tweet?text=${encodeURIComponent(props.title)}&url=${encodeURIComponent(props.url)}`,
+  linkedin: `https://www.linkedin.com/sharing/share-offsite/?url=${encodeURIComponent(props.url)}`,
+  facebook: `https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(props.url)}`,
+  telegram: `https://t.me/share/url?url=${encodeURIComponent(props.url)}&text=${encodeURIComponent(props.title)}`
+}))
+
+const toast = useToast()
+
+const copyToClipboard = async () => {
+  try {
+    if (navigator?.clipboard?.writeText) {
+      await navigator.clipboard.writeText(props.url)
+      toast.add({
+        title: t('blog.linkCopied') || 'Link copied!',
+        icon: 'i-heroicons-check-circle',
+        color: 'green'
+      })
+    } else {
+      // Fallback for older browsers
+      const textArea = document.createElement('textarea')
+      textArea.value = props.url
+      textArea.style.position = 'fixed'
+      textArea.style.left = '-999999px'
+      document.body.appendChild(textArea)
+      textArea.select()
+      document.execCommand('copy')
+      document.body.removeChild(textArea)
+      toast.add({
+        title: t('blog.linkCopied') || 'Link copied!',
+        icon: 'i-heroicons-check-circle',
+        color: 'green'
+      })
+    }
+  } catch (err) {
+    console.error('Failed to copy:', err)
+    toast.add({
+      title: t('blog.copyFailed') || 'Failed to copy link',
+      icon: 'i-heroicons-x-circle',
+      color: 'red'
+    })
+  }
+}
+</script>
+
+<template>
+  <div
+    class="blog-share my-8 p-6 bg-gray-50 dark:bg-gray-900/50 rounded-lg border border-gray-200 dark:border-gray-800">
+    <div class="flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4">
+      <!-- Title -->
+      <div class="flex items-center gap-3">
+        <UIcon name="i-heroicons-share" class="w-5 h-5 text-primary-600 dark:text-primary-400" />
+        <span class="font-semibold text-gray-900 dark:text-gray-100">
+          {{ t('blog.sharePost') || 'Share this post' }}
+        </span>
+      </div>
+
+      <!-- Share Buttons -->
+      <div class="flex flex-wrap items-center gap-2">
+        <!-- Twitter -->
+        <UButton :to="shareLinks.twitter" target="_blank" rel="noopener noreferrer" color="gray" variant="ghost"
+          size="sm" icon="i-simple-icons-x" aria-label="Share on Twitter" />
+
+        <!-- LinkedIn -->
+        <UButton :to="shareLinks.linkedin" target="_blank" rel="noopener noreferrer" color="gray" variant="ghost"
+          size="sm" icon="i-simple-icons-linkedin" aria-label="Share on LinkedIn" />
+
+        <!-- Facebook -->
+        <UButton :to="shareLinks.facebook" target="_blank" rel="noopener noreferrer" color="gray" variant="ghost"
+          size="sm" icon="i-simple-icons-facebook" aria-label="Share on Facebook" />
+
+        <!-- Telegram -->
+        <UButton :to="shareLinks.telegram" target="_blank" rel="noopener noreferrer" color="gray" variant="ghost"
+          size="sm" icon="i-simple-icons-telegram" aria-label="Share on Telegram" />
+
+        <!-- Copy Link -->
+        <UButton @click="copyToClipboard" color="gray" variant="ghost" size="sm" icon="i-heroicons-link"
+          aria-label="Copy link" />
+      </div>
+    </div>
+  </div>
+</template>
diff --git a/app/components/content/Callout.vue b/app/components/content/Callout.vue
new file mode 100644
index 0000000..a8e174c
--- /dev/null
+++ b/app/components/content/Callout.vue
@@ -0,0 +1,65 @@
+<script setup lang="ts">
+const props = defineProps<{
+  type?: 'info' | 'warning' | 'success' | 'tip' | 'primary'
+  title?: string
+}>()
+
+const typeConfig = {
+  primary: {
+    icon: 'i-heroicons-light-bulb',
+    color: 'primary',
+    bgClass: 'bg-primary-50 dark:bg-primary-950/30 border-primary-200 dark:border-primary-800'
+  },
+  info: {
+    icon: 'i-heroicons-information-circle',
+    color: 'blue',
+    bgClass: 'bg-blue-50 dark:bg-blue-950/30 border-blue-200 dark:border-blue-800'
+  },
+  warning: {
+    icon: 'i-heroicons-exclamation-triangle',
+    color: 'yellow',
+    bgClass: 'bg-yellow-50 dark:bg-yellow-950/30 border-yellow-200 dark:border-yellow-800'
+  },
+  success: {
+    icon: 'i-heroicons-check-circle',
+    color: 'green',
+    bgClass: 'bg-green-50 dark:bg-green-950/30 border-green-200 dark:border-green-800'
+  },
+  tip: {
+    icon: 'i-heroicons-light-bulb',
+    color: 'purple',
+    bgClass: 'bg-purple-50 dark:bg-purple-950/30 border-purple-200 dark:border-purple-800'
+  }
+}
+
+const config = typeConfig[props.type || 'info']
+</script>
+
+<template>
+  <div :class="['callout-box', config.bgClass]" class="my-6 p-5 rounded-lg border-2 shadow-sm">
+    <div class="flex items-start gap-3">
+      <UIcon :name="config.icon" class="w-5 h-5 flex-shrink-0 mt-0.5"
+        :class="`text-${config.color}-600 dark:text-${config.color}-400`" />
+      <div class="flex-1 min-w-0">
+        <div v-if="title" class="font-semibold text-base mb-1.5"
+          :class="`text-${config.color}-900 dark:text-${config.color}-100`">
+          {{ title }}
+        </div>
+        <div class="prose prose-sm dark:prose-invert max-w-none">
+          <slot />
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.callout-box {
+  transition: all 0.2s ease;
+}
+
+.callout-box:hover {
+  transform: translateY(-2px);
+  shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
+}
+</style>
diff --git a/app/components/content/PullQuote.vue b/app/components/content/PullQuote.vue
new file mode 100644
index 0000000..ac4b797
--- /dev/null
+++ b/app/components/content/PullQuote.vue
@@ -0,0 +1,54 @@
+<script setup lang="ts">
+const props = defineProps<{
+  author?: string
+  highlight?: boolean
+}>()
+</script>
+
+<template>
+  <div class="pull-quote my-8 relative">
+    <div :class="[
+      'relative p-6 rounded-lg',
+      highlight
+        ? 'bg-gradient-to-br from-primary-50 to-primary-100 dark:from-primary-950/40 dark:to-primary-900/40 border-2 border-primary-200 dark:border-primary-800'
+        : 'bg-gray-50 dark:bg-gray-900/50 border-l-4 border-primary-500 dark:border-primary-400'
+    ]">
+      <!-- Quote Icon -->
+      <div class="absolute top-4 left-4 opacity-10 dark:opacity-5">
+        <UIcon name="i-heroicons-chat-bubble-left-right" class="w-16 h-16 text-primary-600" />
+      </div>
+
+      <!-- Content -->
+      <div class="relative z-10">
+        <blockquote class="text-lg md:text-xl font-medium leading-relaxed text-gray-900 dark:text-gray-100 italic">
+          <slot />
+        </blockquote>
+
+        <!-- Author -->
+        <div v-if="author" class="mt-4 pt-4 border-t border-gray-200 dark:border-gray-700">
+          <cite class="text-sm font-semibold text-primary-600 dark:text-primary-400 not-italic">
+            — {{ author }}
+          </cite>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.pull-quote {
+  animation: fadeInUp 0.6s ease-out;
+}
+
+@keyframes fadeInUp {
+  from {
+    opacity: 0;
+    transform: translateY(20px);
+  }
+
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+</style>
diff --git a/app/components/portfolio/AIStack.vue b/app/components/portfolio/AIStack.vue
index 72db6dc..585e7b9 100644
--- a/app/components/portfolio/AIStack.vue
+++ b/app/components/portfolio/AIStack.vue
@@ -33,16 +33,9 @@
         </div>
       </div>
 
-      <div class="grid gap-4 md:grid-cols-3">
-        <UCard class="md:col-span-3">
-          <template #header>
-            <div class="flex items-center justify-between">
-              <h3 class="text-sm font-semibold uppercase tracking-wider text-slate-500 dark:text-slate-400">
-                {{ headerTitle }}
-              </h3>
-            </div>
-          </template>
-
+      <UAccordion type="single" :unmount-on-hide="false" :items="accordionItems" default-value="ai-stack"
+        :ui="accordionUi">
+        <template #body>
           <div class="flex flex-wrap gap-1.5">
             <div v-for="item in filtered" :key="item.id" class="inline-flex items-stretch">
               <UTooltip :arrow="true" :delay-duration="0.5" :text="item.shortWhy || item.name"
@@ -51,24 +44,36 @@
                   <span class="inline-flex items-center gap-1.5">
                     <UIcon v-if="item.icon" :name="item.icon" class="h-4 w-4 min-h-4 min-w-4 text-base" />
                     <span class="text-xs font-medium cursor-default">{{ item.name }}</span>
-                    <!-- <UBadge size="xs" color="neutral" variant="subtle" class="ml-1">{{ groupLabel(item.group) }}
-                    </UBadge> -->
                   </span>
                 </UBadge>
               </UTooltip>
             </div>
           </div>
-        </UCard>
-      </div>
+        </template>
+      </UAccordion>
     </UContainer>
   </section>
 </template>
 
 <script setup lang="ts">
-import { computed, ref } from 'vue'
+import { computed, ref, onMounted, onUnmounted } from 'vue'
 import { AI_GROUPS, aiStackItems, type AiGroup } from '@/data/aiStack'
 const { t } = useI18n()
 
+// Detect mobile for accordion behavior (SSR-safe)
+const isMobile = ref(true)
+
+onMounted(() => {
+  const checkMobile = () => {
+    isMobile.value = window.innerWidth < 768
+  }
+  checkMobile()
+  window.addEventListener('resize', checkMobile)
+  onUnmounted(() => {
+    window.removeEventListener('resize', checkMobile)
+  })
+})
+
 type GroupMeta = { labelKey: string; icon: string }
 const GROUP_META: Record<AiGroup, GroupMeta> = {
   ide_dev: { labelKey: 'ai_stack.group.ide_dev', icon: 'i-mdi-laptop' },
@@ -128,17 +133,30 @@ const filtered = computed(() => {
   return aiStackItems.filter(i => selectedGroups.value.includes(i.group))
 })
 
-const groupLabel = (g: AiGroup) => t(GROUP_META[g].labelKey)
-
 const headerTitle = computed(() => {
-  if (selectedGroups.value.length === 1) return groupLabel(selectedGroups.value[0]!)
+  if (selectedGroups.value.length === 1) return t(GROUP_META[selectedGroups.value[0]!].labelKey)
   return t('ai_stack.subtitle', 'Methods, tools, rules, and MCPs that power my AI workflow')
 })
 
+const accordionItems = computed(() => [{
+  label: headerTitle.value,
+  value: 'ai-stack'
+}])
+
+const accordionUi = {
+  root: 'flex flex-col',
+  item: 'flex flex-col rounded-2xl border border-gray-200/70 dark:border-gray-700/50 bg-white/70 dark:bg-gray-900/40 shadow-sm',
+  header: 'px-4 data-[state=open]:border-b border-gray-200/70 dark:border-gray-700/50',
+  trigger: 'group flex-1 items-center gap-2 py-3 text-left cursor-pointer',
+  label: 'text-sm font-semibold uppercase tracking-wider text-slate-600 dark:text-slate-300',
+  leadingIcon: 'shrink-0',
+  trailingIcon: 'ms-auto text-gray-500 dark:text-gray-400 transition-transform duration-200 group-data-[state=open]:rotate-180',
+  content: 'px-4 pb-4 pt-3 data-[state=closed]:hidden',
+  body: 'pt-1'
+} as const
 </script>
 
 <style scoped>
-/* Adopt SkillFilters transition styles for smooth group filter UX */
 .filter-toggle {
   transition: transform 200ms ease, box-shadow 220ms ease, filter 220ms ease;
 }
diff --git a/app/components/portfolio/GitHubActivity.vue b/app/components/portfolio/GitHubActivity.vue
index bc3eaa2..7c1f979 100644
--- a/app/components/portfolio/GitHubActivity.vue
+++ b/app/components/portfolio/GitHubActivity.vue
@@ -20,86 +20,83 @@
         </p>
       </div>
 
-      <!-- GitHub Calendar Card using UCard -->
-      <UCard v-else-if="calendar">
-        <template #header>
-          <h3 class="text-sm font-semibold uppercase tracking-wider text-slate-500 dark:text-slate-400">
-            {{ t('portfolio.githubActivity.subtitle') }}
-          </h3>
+      <!-- GitHub Calendar Accordion -->
+      <UAccordion v-else-if="calendar" type="single" :unmount-on-hide="false" :items="accordionItems"
+        default-value="github" :ui="accordionUi">
+        <template #body>
+          <div class="flex flex-col gap-4">
+            <!-- Scrollable Graph Container (only the graph scrolls) -->
+            <div class="overflow-x-auto pb-4 lg:overflow-visible">
+              <div class="min-w-[940px] max-w-full w-fit mx-auto">
+                <!-- Month Labels Row -->
+                <div class="flex mb-2">
+                  <div class="w-8 flex-shrink-0"></div>
+                  <div class="flex flex-1">
+                    <div v-for="(month, index) in monthLabels" :key="index"
+                      class="text-xs text-gray-500 dark:text-gray-400" :style="{ flex: `0 0 ${month.width}%` }">
+                      {{ month.name }}
+                    </div>
+                  </div>
+                </div>
+
+                <!-- Grid Container -->
+                <div class="flex gap-1">
+                  <!-- Day Labels -->
+                  <div class="flex flex-col gap-[3px] w-8 flex-shrink-0">
+                    <span class="h-[11px] text-[11px] text-gray-500 dark:text-gray-400 text-right pr-1"></span>
+                    <span class="h-[11px] text-[11px] text-gray-500 dark:text-gray-400 text-right pr-1">Mon</span>
+                    <span class="h-[11px] text-[11px] text-gray-500 dark:text-gray-400 text-right pr-1"></span>
+                    <span class="h-[11px] text-[11px] text-gray-500 dark:text-gray-400 text-right pr-1">Wed</span>
+                    <span class="h-[11px] text-[11px] text-gray-500 dark:text-gray-400 text-right pr-1"></span>
+                    <span class="h-[11px] text-[11px] text-gray-500 dark:text-gray-400 text-right pr-1">Fri</span>
+                    <span class="h-[11px] text-[11px] text-gray-500 dark:text-gray-400 text-right pr-1"></span>
+                  </div>
+
+                  <!-- Weeks Grid -->
+                  <div class="flex flex-1 justify-between gap-[3px]">
+                    <div v-for="(week, weekIndex) in calendar.weeks" :key="weekIndex" class="flex flex-col gap-[3px]">
+                      <div v-for="(day, dayIndex) in week.contributionDays" :key="dayIndex"
+                        class="w-[11px] h-[11px] rounded-[2px] cursor-pointer transition-transform hover:scale-110"
+                        :class="getContributionClass(day.contributionCount)" @mouseenter="hoveredDay = day"
+                        @mouseleave="hoveredDay = null" />
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+
+            <!-- Footer: Legend + Hover Info (always visible) -->
+            <div class="flex flex-wrap items-center justify-between gap-3">
+              <div class="flex items-center gap-1 text-xs text-gray-500 dark:text-gray-400">
+                <span>Less</span>
+                <div class="flex gap-[3px] mx-1">
+                  <div v-for="(cls, idx) in legendClasses" :key="idx" class="w-[11px] h-[11px] rounded-[2px]"
+                    :class="cls" />
+                </div>
+                <span>More</span>
+              </div>
+
+              <div
+                class="text-xs text-gray-600 dark:text-gray-300 min-h-[32px] flex flex-col justify-center text-right">
+                <template v-if="hoveredDay">
+                  <span class="font-semibold text-gray-900 dark:text-white">
+                    {{ hoveredDay.contributionCount }} contribution{{ hoveredDay.contributionCount !== 1 ? 's' : '' }}
+                  </span>
+                  <span class="text-gray-500 dark:text-gray-400">
+                    {{ formatDateFull(hoveredDay.date) }}
+                  </span>
+                </template>
+              </div>
+            </div>
+          </div>
         </template>
-
-        <div class="flex flex-col gap-4">
-          <!-- Scrollable Graph Container (only the graph scrolls) -->
-          <div class="overflow-x-auto pb-4 lg:overflow-visible">
-            <div class="min-w-[940px] max-w-full w-fit mx-auto">
-              <!-- Month Labels Row -->
-              <div class="flex mb-2">
-                <div class="w-8 flex-shrink-0"></div>
-                <div class="flex flex-1">
-                  <div v-for="(month, index) in monthLabels" :key="index" class="text-xs text-gray-500 dark:text-gray-400"
-                    :style="{ flex: `0 0 ${month.width}%` }">
-                    {{ month.name }}
-                  </div>
-                </div>
-              </div>
-
-              <!-- Grid Container -->
-              <div class="flex gap-1">
-                <!-- Day Labels -->
-                <div class="flex flex-col gap-[3px] w-8 flex-shrink-0">
-                  <span class="h-[11px] text-[11px] text-gray-500 dark:text-gray-400 text-right pr-1"></span>
-                  <span class="h-[11px] text-[11px] text-gray-500 dark:text-gray-400 text-right pr-1">Mon</span>
-                  <span class="h-[11px] text-[11px] text-gray-500 dark:text-gray-400 text-right pr-1"></span>
-                  <span class="h-[11px] text-[11px] text-gray-500 dark:text-gray-400 text-right pr-1">Wed</span>
-                  <span class="h-[11px] text-[11px] text-gray-500 dark:text-gray-400 text-right pr-1"></span>
-                  <span class="h-[11px] text-[11px] text-gray-500 dark:text-gray-400 text-right pr-1">Fri</span>
-                  <span class="h-[11px] text-[11px] text-gray-500 dark:text-gray-400 text-right pr-1"></span>
-                </div>
-
-                <!-- Weeks Grid -->
-                <div class="flex flex-1 justify-between gap-[3px]">
-                  <div v-for="(week, weekIndex) in calendar.weeks" :key="weekIndex" class="flex flex-col gap-[3px]">
-                    <div v-for="(day, dayIndex) in week.contributionDays" :key="dayIndex"
-                      class="w-[11px] h-[11px] rounded-[2px] cursor-pointer transition-transform hover:scale-110"
-                      :class="getContributionClass(day.contributionCount)" @mouseenter="hoveredDay = day"
-                      @mouseleave="hoveredDay = null" />
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-
-          <!-- Footer: Legend + Hover Info (always visible) -->
-          <div class="flex flex-wrap items-center justify-between gap-3">
-            <div class="flex items-center gap-1 text-xs text-gray-500 dark:text-gray-400">
-              <span>Less</span>
-              <div class="flex gap-[3px] mx-1">
-                <div v-for="(cls, idx) in legendClasses" :key="idx" class="w-[11px] h-[11px] rounded-[2px]"
-                  :class="cls" />
-              </div>
-              <span>More</span>
-            </div>
-
-            <div
-              class="text-xs text-gray-600 dark:text-gray-300 min-h-[32px] flex flex-col justify-center text-right">
-              <template v-if="hoveredDay">
-                <span class="font-semibold text-gray-900 dark:text-white">
-                  {{ hoveredDay.contributionCount }} contribution{{ hoveredDay.contributionCount !== 1 ? 's' : '' }}
-                </span>
-                <span class="text-gray-500 dark:text-gray-400">
-                  {{ formatDateFull(hoveredDay.date) }}
-                </span>
-              </template>
-            </div>
-          </div>
-        </div>
-      </UCard>
+      </UAccordion>
     </UContainer>
   </section>
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted, computed } from 'vue'
+import { ref, onMounted, onUnmounted, computed } from 'vue'
 import type { GitHubContributionCalendar, GitHubContributionDay } from '@/types/github'
 
 const { t } = useI18n()
@@ -114,12 +111,44 @@ const props = withDefaults(defineProps<Props>(), {
   username: 'aliarghyani'
 })
 
+// Detect mobile for accordion behavior (SSR-safe)
+const isMobile = ref(true)
+
+onMounted(() => {
+  const checkMobile = () => {
+    isMobile.value = window.innerWidth < 768
+  }
+  checkMobile()
+  window.addEventListener('resize', checkMobile)
+  onUnmounted(() => {
+    window.removeEventListener('resize', checkMobile)
+  })
+})
+
 // State
 const calendar = ref<GitHubContributionCalendar | null>(null)
 const loading = ref(true)
 const error = ref(false)
 const hoveredDay = ref<GitHubContributionDay | null>(null)
 
+// Accordion config
+const accordionItems = computed(() => [{
+  label: t('portfolio.githubActivity.subtitle'),
+  value: 'github'
+}])
+
+const accordionUi = {
+  root: 'flex flex-col',
+  item: 'flex flex-col rounded-2xl border border-gray-200/70 dark:border-gray-700/50 bg-white/70 dark:bg-gray-900/40 shadow-sm',
+  header: 'px-4 data-[state=open]:border-b border-gray-200/70 dark:border-gray-700/50',
+  trigger: 'group flex-1 items-center gap-2 py-3 text-left cursor-pointer',
+  label: 'text-sm font-semibold uppercase tracking-wider text-slate-600 dark:text-slate-300',
+  leadingIcon: 'shrink-0',
+  trailingIcon: 'ms-auto text-gray-500 dark:text-gray-400 transition-transform duration-200 group-data-[state=open]:rotate-180',
+  content: 'px-4 pb-4 pt-3 data-[state=closed]:hidden',
+  body: 'pt-1'
+} as const
+
 // Get contribution level class - uses CSS utility classes from main.css
 // that reference Nuxt UI's dynamic --ui-color-primary-* variables
 const getContributionClass = (count: number): string => {
diff --git a/app/components/portfolio/Hero.vue b/app/components/portfolio/Hero.vue
index 3343e81..87c7274 100644
--- a/app/components/portfolio/Hero.vue
+++ b/app/components/portfolio/Hero.vue
@@ -21,9 +21,9 @@
                 <img v-if="currentRole.companyLogo" :src="currentRole.companyLogo" :alt="`${currentRole.company} logo`"
                   class="h-7 w-7 rounded-md object-contain" loading="lazy" />
                 <span class="">{{ t('hero.currently') }}</span>
-                <span class="font-semibold text-primary-600 dark:text-primary-300">
+                <span class="font-semibold company-name">
                   <a v-if="currentRole.companyLink" :href="currentRole.companyLink" target="_blank" rel="noopener"
-                    class="hover:underline text-primary-600 dark:text-primary-300">
+                    class="hover:underline company-name">
                     {{ currentRole.company }}
                   </a>
                   <span v-else>{{ currentRole.company }}</span>
@@ -31,7 +31,7 @@
               </div>
               <!-- Resume Button - Desktop only -->
               <NuxtLink to="/resume" class="hidden sm:inline-flex items-center gap-2 px-4 py-2 text-sm font-semibold
-                  bg-gradient-to-r from-primary-500 via-purple-500 to-pink-500 
+                  bg-gradient-to-r from-primary-500 via-purple-500 to-pink-500
                   hover:from-primary-600 hover:via-purple-600 hover:to-pink-600
                   text-white rounded-full shadow-lg shadow-primary-500/25
                   transition-all duration-300 hover:scale-105 hover:shadow-xl hover:shadow-primary-500/40
@@ -43,7 +43,7 @@
             </div>
             <!-- Resume Button - Mobile only -->
             <NuxtLink to="/resume" class="sm:hidden inline-flex items-center justify-center gap-2 mt-2 px-4 py-2 text-sm font-medium
-                bg-gradient-to-r from-primary-500 via-purple-500 to-pink-500 
+                bg-gradient-to-r from-primary-500 via-purple-500 to-pink-500
                 hover:from-primary-600 hover:via-purple-600 hover:to-pink-600
                 text-white rounded-full shadow-lg shadow-primary-500/25
                 transition-all duration-300 hover:scale-105">
@@ -211,3 +211,35 @@ async function copyEmail() {
   }
 }
 </script>
+
+<style>
+.company-name {
+  color: var(--ui-color-primary-600);
+}
+
+.dark .company-name {
+  color: var(--ui-color-primary-300);
+}
+
+/* Override Tailwind ring color variable for chip buttons */
+:deep(.chip-button) {
+  --tw-ring-color: var(--ui-color-primary-500) !important;
+}
+
+:deep(.dark .chip-button) {
+  --tw-ring-color: var(--ui-color-primary-400) !important;
+}
+
+/* Also override on hover and focus states */
+:deep(.chip-button:hover),
+:deep(.chip-button:focus),
+:deep(.chip-button:focus-visible) {
+  --tw-ring-color: var(--ui-color-primary-500) !important;
+}
+
+:deep(.dark .chip-button:hover),
+:deep(.dark .chip-button:focus),
+:deep(.dark .chip-button:focus-visible) {
+  --tw-ring-color: var(--ui-color-primary-400) !important;
+}
+</style>
diff --git a/app/components/portfolio/LanguageSkills.vue b/app/components/portfolio/LanguageSkills.vue
index c79c933..6334948 100644
--- a/app/components/portfolio/LanguageSkills.vue
+++ b/app/components/portfolio/LanguageSkills.vue
@@ -6,66 +6,61 @@
         <h2 class="section-title">{{ t('sections.language') }}</h2>
       </div>
 
-      <UCard>
-        <div class="space-y-6">
-          <div class="flex flex-wrap items-center justify-between gap-4">
-            <p class="text-sm text-gray-600 dark:text-gray-300 max-w-3xl">
-              {{ t('languageSection.tagline') }}
-            </p>
-            <UBadge
-              size="lg"
-              color="primary"
-              variant="soft"
-              class="inline-flex items-center gap-2"
-            >
-              <UIcon
-                name="simple-icons:duolingo"
-                class="text-xl text-[#58CC02] dark:text-[#58CC02]"
-              />
-              <span>
-                {{ t('languageSection.duolingo.label') }}: {{ t('languageSection.duolingo.value') }}
-              </span>
-            </UBadge>
-          </div>
+      <UAccordion type="single" :unmount-on-hide="false" :items="accordionItems" default-value="language"
+        :ui="accordionUi">
+        <template #body>
+          <div class="space-y-6">
+            <div class="flex justify-center">
+              <UBadge size="lg" color="primary" variant="soft" class="inline-flex items-center gap-2">
+                <UIcon name="simple-icons:duolingo" class="text-xl text-[#58CC02] dark:text-[#58CC02]" />
+                <span>
+                  {{ t('languageSection.duolingo.label') }}: {{ t('languageSection.duolingo.value') }}
+                </span>
+              </UBadge>
+            </div>
 
-          <div class="grid gap-4 md:grid-cols-2">
-            <div
-              v-for="item in items"
-              :key="item.key"
-              class="flex flex-col gap-2 rounded-lg border border-slate-200/80 p-3 dark:border-slate-700/60"
-            >
-              <div class="flex items-center gap-2">
-                <img
-                  v-if="item.iconType === 'image'"
-                  :src="item.icon"
-                  :alt="item.title"
-                  class="h-6 w-6 object-contain"
-                />
-                <UIcon
-                  v-else
-                  :name="item.icon"
-                  class="text-lg text-primary-500 dark:text-primary-400"
-                />
-                <h3 class="text-sm font-semibold text-gray-900 dark:text-gray-100">
-                  {{ item.title }}
-                </h3>
+            <div class="grid gap-4 md:grid-cols-2">
+              <div v-for="item in items" :key="item.key"
+                class="flex flex-col gap-2 rounded-lg border border-slate-200/80 p-3 dark:border-slate-700/60">
+                <div class="flex items-center gap-2">
+                  <img v-if="item.iconType === 'image'" :src="item.icon" :alt="item.title"
+                    class="h-6 w-6 object-contain" />
+                  <UIcon v-else :name="item.icon" class="text-lg text-primary-500 dark:text-primary-400" />
+                  <h3 class="text-sm font-semibold text-gray-900 dark:text-gray-100">
+                    {{ item.title }}
+                  </h3>
+                </div>
+                <p class="text-sm text-gray-600 dark:text-gray-300">
+                  {{ item.description }}
+                </p>
               </div>
-              <p class="text-sm text-gray-600 dark:text-gray-300">
-                {{ item.description }}
-              </p>
             </div>
           </div>
-        </div>
-      </UCard>
+        </template>
+      </UAccordion>
     </UContainer>
   </section>
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue'
+import { ref, computed, onMounted, onUnmounted } from 'vue'
 
 const { t } = useI18n()
 
+// Detect mobile for accordion behavior (SSR-safe)
+const isMobile = ref(true)
+
+onMounted(() => {
+  const checkMobile = () => {
+    isMobile.value = window.innerWidth < 768
+  }
+  checkMobile()
+  window.addEventListener('resize', checkMobile)
+  onUnmounted(() => {
+    window.removeEventListener('resize', checkMobile)
+  })
+})
+
 const items = computed(() => [
   {
     key: 'ielts',
@@ -82,4 +77,21 @@ const items = computed(() => [
     description: t('languageSection.items.huawei.desc'),
   },
 ])
+
+const accordionItems = computed(() => [{
+  label: t('languageSection.accordionLabel'),
+  value: 'language'
+}])
+
+const accordionUi = {
+  root: 'flex flex-col',
+  item: 'flex flex-col rounded-2xl border border-gray-200/70 dark:border-gray-700/50 bg-white/70 dark:bg-gray-900/40 shadow-sm',
+  header: 'px-4 data-[state=open]:border-b border-gray-200/70 dark:border-gray-700/50',
+  trigger: 'group flex-1 items-center gap-2 py-3 text-left cursor-pointer',
+  label: 'text-sm font-semibold uppercase tracking-wider text-slate-600 dark:text-slate-300',
+  leadingIcon: 'shrink-0',
+  trailingIcon: 'ms-auto text-gray-500 dark:text-gray-400 transition-transform duration-200 group-data-[state=open]:rotate-180',
+  content: 'px-4 pb-4 pt-3 data-[state=closed]:hidden',
+  body: 'pt-1'
+} as const
 </script>
diff --git a/app/components/portfolio/ProjectsList.vue b/app/components/portfolio/ProjectsList.vue
index 30457fe..ab083be 100644
--- a/app/components/portfolio/ProjectsList.vue
+++ b/app/components/portfolio/ProjectsList.vue
@@ -5,75 +5,112 @@
         <UIcon name="i-twemoji-rocket" class="text-2xl" />
         <h2 class="section-title text-start">{{ t('sections.projects') }}</h2>
       </div>
-      <div v-for="g in nonEmptyCategoryList" :key="g.cat" class="space-y-3 mb-5">
-        <div class="flex items-center gap-2">
-          <UIcon name="i-twemoji-open-book" class="text-xl" />
-          <h3 class="text-base font-semibold text-gray-900 dark:text-gray-100">{{ tCategory(g.cat) }}</h3>
-        </div>
 
-        <div class="grid gap-4 md:grid-cols-2">
-          <UCard v-for="(p, i) in g.items" :key="`${g.cat}-${i}-${p.name}`"
-            class="flex h-full flex-col border border-gray-200/60 shadow-none transition hover:-translate-y-1 hover:shadow-lg dark:border-gray-700/40">
-            <div class="flex h-full flex-col gap-4">
-              <div class="flex gap-3">
-                <NuxtImg v-if="p.thumbnail" :src="p.thumbnail" :alt="`${p.name} logo`"
-                  class="h-12 w-12 rounded-xl border border-gray-200/70 bg-white object-cover shadow-sm dark:border-gray-700/40 dark:bg-slate-900"
-                  width="96" height="96" sizes="96px" format="webp" loading="lazy" />
-                <div v-else
-                  class="flex h-12 w-12 items-center justify-center rounded-xl border border-gray-200/70 bg-primary-500/10 text-primary-600 shadow-sm dark:border-gray-700/40 dark:bg-primary-400/10 dark:text-primary-200">
-                  <UIcon :name="getProjectIcon(p)" class="text-2xl" />
-                </div>
-                <div class="flex flex-1 flex-col gap-3">
-                  <div>
-                    <h3 class="text-base font-semibold text-gray-900 dark:text-gray-100">{{ p.name }}</h3>
-                    <div v-if="p.status || p.opensource" class="mt-2 flex flex-wrap items-center gap-2">
-                      <UBadge v-if="p.status" color="primary" variant="soft" class="rounded-full capitalize">
-                        {{ p.status }}
-                      </UBadge>
-                      <UBadge v-if="p.opensource" color="emerald" variant="soft" class="rounded-full">
-                        <UIcon name="i-mdi-source-branch" class="mr-1" />
-                        {{ t('projectLabels.openSource') }}
-                      </UBadge>
-                    </div>
-                  </div>
-                  <p class="text-sm text-gray-700 dark:text-gray-200">{{ p.description }}</p>
-                  <div class="flex flex-1 flex-col gap-3 pt-1">
-                    <div v-if="p.icons?.length"
-                      class="flex flex-wrap items-center gap-2 text-primary-500 dark:text-primary-300">
-                      <UIcon v-for="(ic, k) in p.icons" :key="k" :name="ic" class="text-xl" />
-                    </div>
-                    <div v-if="p.links?.length" class="mt-auto flex flex-wrap gap-2">
-                      <UButton v-for="(l, j) in p.links" :key="j" :to="l.to" target="_blank" size="xs" color="primary"
-                        variant="soft" trailing-icon="i-mdi-arrow-top-right-thin" class="hover-ring-tint"
-                        :aria-label="l.label">
-                        <UIcon v-if="l.icon" :name="l.icon" class="mr-1" />
-                        {{ l.label }}
-                      </UButton>
-                    </div>
-                  </div>
-                </div>
-              </div>
+      <UAccordion type="single" :unmount-on-hide="false" :items="accordionItems" default-value="projects"
+        :ui="accordionUi">
+        <template #body>
+          <div v-for="g in nonEmptyCategoryList" :key="g.cat" class="space-y-3 mb-5">
+            <div class="flex items-center gap-2">
+              <UIcon name="i-twemoji-open-book" class="text-xl" />
+              <h3 class="text-base font-semibold text-gray-900 dark:text-gray-100">{{ tCategory(g.cat) }}</h3>
             </div>
-          </UCard>
-        </div>
-      </div>
+
+            <div class="grid gap-4 md:grid-cols-2">
+              <UCard v-for="(p, i) in g.items" :key="`${g.cat}-${i}-${p.name}`"
+                class="flex h-full flex-col border border-gray-200/60 shadow-none transition hover:-translate-y-1 hover:shadow-lg dark:border-gray-700/40">
+                <div class="flex h-full flex-col gap-4">
+                  <div class="flex gap-3">
+                    <NuxtImg v-if="p.thumbnail" :src="p.thumbnail" :alt="`${p.name} logo`"
+                      class="h-12 w-12 rounded-xl border border-gray-200/70 bg-white object-cover shadow-sm dark:border-gray-700/40 dark:bg-slate-900"
+                      width="96" height="96" sizes="96px" format="webp" loading="lazy" />
+                    <div v-else
+                      class="flex h-12 w-12 items-center justify-center rounded-xl border border-gray-200/70 bg-primary-500/10 text-primary-600 shadow-sm dark:border-gray-700/40 dark:bg-primary-400/10 dark:text-primary-200">
+                      <UIcon :name="getProjectIcon(p)" class="text-2xl" />
+                    </div>
+                    <div class="flex flex-1 flex-col gap-3">
+                      <div>
+                        <h3 class="text-base font-semibold text-gray-900 dark:text-gray-100">{{ p.name }}</h3>
+                        <div v-if="p.status || p.opensource" class="mt-2 flex flex-wrap items-center gap-2">
+                          <UBadge v-if="p.status" color="primary" variant="soft" class="rounded-full capitalize">
+                            {{ p.status }}
+                          </UBadge>
+                          <UBadge v-if="p.opensource" color="emerald" variant="soft" class="rounded-full">
+                            <UIcon name="i-mdi-source-branch" class="mr-1" />
+                            {{ t('projectLabels.openSource') }}
+                          </UBadge>
+                        </div>
+                      </div>
+                      <p class="text-sm text-gray-700 dark:text-gray-200">{{ p.description }}</p>
+                      <div class="flex flex-1 flex-col gap-3 pt-1">
+                        <div v-if="p.icons?.length"
+                          class="flex flex-wrap items-center gap-2 text-primary-500 dark:text-primary-300">
+                          <UIcon v-for="(ic, k) in p.icons" :key="k" :name="ic" class="text-xl" />
+                        </div>
+                        <div v-if="p.links?.length" class="mt-auto flex flex-wrap gap-2">
+                          <UButton v-for="(l, j) in p.links" :key="j" :to="l.to" target="_blank" size="xs"
+                            color="primary" variant="soft" trailing-icon="i-mdi-arrow-top-right-thin"
+                            class="hover-ring-tint" :aria-label="l.label">
+                            <UIcon v-if="l.icon" :name="l.icon" class="mr-1" />
+                            {{ l.label }}
+                          </UButton>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </UCard>
+            </div>
+          </div>
+        </template>
+      </UAccordion>
     </UContainer>
   </section>
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue'
+import { ref, computed, onMounted, onUnmounted } from 'vue'
 import { usePortfolio } from '@/composables/usePortfolio'
 import type { Project } from '@/types/portfolio.types'
 
 const portfolio = usePortfolio()
 const { t } = useI18n()
 
+// Detect mobile for accordion behavior (SSR-safe)
+const isMobile = ref(true)
+
+onMounted(() => {
+  const checkMobile = () => {
+    isMobile.value = window.innerWidth < 768
+  }
+  checkMobile()
+  window.addEventListener('resize', checkMobile)
+  onUnmounted(() => {
+    window.removeEventListener('resize', checkMobile)
+  })
+})
+
+// Accordion config
+const accordionItems = computed(() => [{
+  label: t('sections.projectsAccordion'),
+  value: 'projects'
+}])
+
+const accordionUi = {
+  root: 'flex flex-col',
+  item: 'flex flex-col rounded-2xl border border-gray-200/70 dark:border-gray-700/50 bg-white/70 dark:bg-gray-900/40 shadow-sm',
+  header: 'px-4 data-[state=open]:border-b border-gray-200/70 dark:border-gray-700/50',
+  trigger: 'group flex-1 items-center gap-2 py-3 text-left cursor-pointer',
+  label: 'text-sm font-semibold uppercase tracking-wider text-slate-600 dark:text-slate-300',
+  leadingIcon: 'shrink-0',
+  trailingIcon: 'ms-auto text-gray-500 dark:text-gray-400 transition-transform duration-200 group-data-[state=open]:rotate-180',
+  content: 'px-4 pb-4 pt-3 data-[state=closed]:hidden',
+  body: 'pt-1'
+} as const
+
 type Category = NonNullable<Project['category']>
 const categories: Category[] = ['current', 'freelance', 'public']
 
 const projectsByCategory = computed<Record<Category, Project[]>>(() => {
-  // Initialize with all categories to preserve order and allow skipping empty ones
   const acc: Record<Category, Project[]> = { current: [], freelance: [], public: [] }
   for (const p of portfolio.value.projects) {
     const cat = (p.category ?? 'freelance') as Category
@@ -81,9 +118,11 @@ const projectsByCategory = computed<Record<Category, Project[]>>(() => {
   }
   return acc
 })
+
 const categoryList = computed<Array<{ cat: Category; items: Project[] }>>(() => {
   return categories.map((c) => ({ cat: c as Category, items: projectsByCategory.value[c as Category] }))
 })
+
 const nonEmptyCategoryList = computed<Array<{ cat: Category; items: Project[] }>>(() => {
   return categoryList.value.filter(g => g.items.length > 0)
 })
diff --git a/app/components/portfolio/Skills.vue b/app/components/portfolio/Skills.vue
index 3b21d69..cd38392 100644
--- a/app/components/portfolio/Skills.vue
+++ b/app/components/portfolio/Skills.vue
@@ -10,7 +10,7 @@
       </div>
 
       <UAccordion type="multiple" :unmount-on-hide="false" :items="skillSections" :default-value="openSkillSections"
-        :ui="accordionUi">
+        :ui="accordionUi" :disabled="!isMobile">
         <template #leading="{ item }">
           <UIcon v-if="item.icon" :name="item.icon" class="text-base text-primary-500 dark:text-primary-300" />
         </template>
@@ -23,13 +23,28 @@
 </template>
 
 <script setup lang="ts">
-import { ref, computed } from 'vue'
+import { ref, computed, onMounted, onUnmounted } from 'vue'
 import type { Tag, SkillType } from '@/types/portfolio.types'
 import { expert, proficient, usedBefore } from '@/data/skills'
 import SkillGrid from '@/components/portfolio/SkillGrid.vue'
 import SkillFilters from '@/components/portfolio/SkillFilters.vue'
+
 const { t } = useI18n()
 
+// Detect mobile for accordion behavior (SSR-safe)
+const isMobile = ref(true)
+
+onMounted(() => {
+  const checkMobile = () => {
+    isMobile.value = window.innerWidth < 768
+  }
+  checkMobile()
+  window.addEventListener('resize', checkMobile)
+  onUnmounted(() => {
+    window.removeEventListener('resize', checkMobile)
+  })
+})
+
 type SkillSectionKey = 'expert' | 'proficient' | 'usedBefore'
 
 // Multi-select filters for Skill types
@@ -61,11 +76,11 @@ const openSkillSections = computed(() => skillSections.value.map(section => sect
 const accordionUi = {
   root: 'flex flex-col gap-3 md:grid md:grid-cols-3 md:gap-4 md:items-stretch',
   item: 'flex flex-col rounded-2xl border border-gray-200/70 dark:border-gray-700/50 bg-white/70 dark:bg-gray-900/40 shadow-sm md:self-stretch data-[state=closed]:md:self-start md:h-full data-[state=open]:md:h-full data-[state=closed]:md:h-auto data-[state=open]:md:min-h-[320px] data-[state=closed]:md:min-h-[64px]',
-  header: 'px-4',
-  trigger: 'group flex-1 items-center gap-2 py-3 text-left',
+  header: 'px-4 border-b border-gray-200/70 dark:border-gray-700/50',
+  trigger: 'group flex-1 items-center gap-2 py-3 text-left md:cursor-default',
   label: 'text-sm font-semibold uppercase tracking-wider text-slate-600 dark:text-slate-300',
   leadingIcon: 'shrink-0',
-  trailingIcon: 'ms-auto text-gray-500 dark:text-gray-400 transition-transform duration-200 group-data-[state=open]:rotate-180',
+  trailingIcon: 'ms-auto text-gray-500 dark:text-gray-400 transition-transform duration-200 group-data-[state=open]:rotate-180 md:hidden',
   content: 'px-4 pb-4 pt-1 data-[state=closed]:hidden',
   body: 'pt-1'
 } as const
diff --git a/app/components/portfolio/SoftSkills.vue b/app/components/portfolio/SoftSkills.vue
index 95bea9d..6445d7b 100644
--- a/app/components/portfolio/SoftSkills.vue
+++ b/app/components/portfolio/SoftSkills.vue
@@ -6,25 +6,31 @@
         <h2 class="section-title">{{ t('sections.softSkills') }}</h2>
       </div>
 
-      <UCard>
-        <div class="flex flex-wrap gap-1.5">
-          <template v-for="(s, i) in resolved" :key="s.key">
-            <UTooltip :arrow="true" :delay-duration="0.5" :text="s.description">
-              <UBadge variant="soft" class="chip-base select-none" :class="chipClass(i)">
-                <span class="inline-flex items-center gap-1.5">
-                  <UIcon :name="s.icon" class="text-sm" />
-                  <span class="text-xs">{{ s.label }}</span>
-                </span>
-              </UBadge>
-            </UTooltip>
-          </template>
-        </div>
-      </UCard>
+      <UAccordion type="single" :unmount-on-hide="false" :items="accordionItems" default-value="soft-skills"
+        :ui="accordionUi">
+        <template #body>
+          <div class="flex flex-wrap gap-1.5">
+            <template v-for="(s, i) in resolved" :key="s.key">
+              <UTooltip :arrow="true" :delay-duration="0.5" :text="s.description">
+                <UBadge variant="soft" class="chip-base select-none" :class="chipClass(i)">
+                  <span class="inline-flex items-center gap-1.5">
+                    <UIcon :name="s.icon" class="text-sm" />
+                    <span class="text-xs">{{ s.label }}</span>
+                  </span>
+                </UBadge>
+              </UTooltip>
+            </template>
+          </div>
+        </template>
+      </UAccordion>
     </UContainer>
   </section>
 </template>
 
 <script setup lang="ts">
+import { ref, computed, onMounted, onUnmounted } from 'vue'
+import { chipTones } from '@/utils/chipTones'
+
 type SoftKey =
   | 'problemSolving'
   | 'attentionToDetail'
@@ -36,7 +42,21 @@ type SoftKey =
   | 'projectManagement'
   | 'adaptability'
 
-import { chipTones } from '@/utils/chipTones'
+const { t } = useI18n()
+
+// Detect mobile for accordion behavior (SSR-safe)
+const isMobile = ref(true)
+
+onMounted(() => {
+  const checkMobile = () => {
+    isMobile.value = window.innerWidth < 768
+  }
+  checkMobile()
+  window.addEventListener('resize', checkMobile)
+  onUnmounted(() => {
+    window.removeEventListener('resize', checkMobile)
+  })
+})
 
 const base: { key: SoftKey; icon: string }[] = [
   { key: 'problemSolving', icon: 'i-twemoji-light-bulb' },
@@ -50,7 +70,6 @@ const base: { key: SoftKey; icon: string }[] = [
   { key: 'adaptability', icon: 'i-twemoji-counterclockwise-arrows-button' },
 ]
 
-const { t } = useI18n()
 const resolved = computed(() =>
   base.map(s => ({
     ...s,
@@ -60,4 +79,21 @@ const resolved = computed(() =>
 )
 
 const chipClass = (i: number) => chipTones[i % chipTones.length]
+
+const accordionItems = computed(() => [{
+  label: t('softSkillsAccordion.label'),
+  value: 'soft-skills'
+}])
+
+const accordionUi = {
+  root: 'flex flex-col',
+  item: 'flex flex-col rounded-2xl border border-gray-200/70 dark:border-gray-700/50 bg-white/70 dark:bg-gray-900/40 shadow-sm',
+  header: 'px-4 data-[state=open]:border-b border-gray-200/70 dark:border-gray-700/50',
+  trigger: 'group flex-1 items-center gap-2 py-3 text-left cursor-pointer',
+  label: 'text-sm font-semibold uppercase tracking-wider text-slate-600 dark:text-slate-300',
+  leadingIcon: 'shrink-0',
+  trailingIcon: 'ms-auto text-gray-500 dark:text-gray-400 transition-transform duration-200 group-data-[state=open]:rotate-180',
+  content: 'px-4 pb-4 pt-3 data-[state=closed]:hidden',
+  body: 'pt-1'
+} as const
 </script>
diff --git a/app/components/portfolio/WorkExperience.vue b/app/components/portfolio/WorkExperience.vue
index fed19ce..fb396ca 100644
--- a/app/components/portfolio/WorkExperience.vue
+++ b/app/components/portfolio/WorkExperience.vue
@@ -5,34 +5,39 @@
         <UIcon name="i-twemoji-briefcase" class="text-2xl" />
         <h2 class="section-title">{{ t('sections.work') }}</h2>
       </div>
-      <UTimeline :items="experiences" :default-value="0" color="primary" size="md" class="max-w-3xl">
-        <template #indicator="{ item }">
-          <img v-if="item.logo" :src="item.logo" :alt="`${item.company} logo`"
-            class="h-10 w-10 object-contain" loading="lazy" />
+
+      <UAccordion type="single" :unmount-on-hide="false" :items="accordionItems" default-value="work" :ui="accordionUi">
+        <template #body>
+          <UTimeline :items="experiences" :default-value="0" color="primary" size="md" class="max-w-3xl">
+            <template #indicator="{ item }">
+              <img v-if="item.logo" :src="item.logo" :alt="`${item.company} logo`" class="h-10 w-10 object-contain"
+                loading="lazy" />
+            </template>
+            <template #title="{ item }">
+              <div class="flex flex-col gap-1">
+                <span class="font-semibold">{{ item.title }}</span>
+                <span class="text-sm text-gray-600 dark:text-gray-400">{{ item.company }}</span>
+              </div>
+            </template>
+            <template #description="{ item }">
+              <ul v-if="item.descriptions?.length"
+                class="mt-2 list-disc space-y-1 text-sm text-gray-700 dark:text-gray-300 pl-5">
+                <li v-for="(desc, i) in item.descriptions" :key="i">{{ desc }}</li>
+              </ul>
+              <div v-if="item.icons?.length" class="mt-3 flex flex-wrap gap-2">
+                <UIcon v-for="(icon, i) in item.icons" :key="i" :name="icon"
+                  class="text-xl text-primary-500 dark:text-primary-400" />
+              </div>
+            </template>
+          </UTimeline>
         </template>
-        <template #title="{ item }">
-          <div class="flex flex-col gap-1">
-            <span class="font-semibold">{{ item.title }}</span>
-            <span class="text-sm text-gray-600 dark:text-gray-400">{{ item.company }}</span>
-          </div>
-        </template>
-        <template #description="{ item }">
-          <ul v-if="item.descriptions?.length"
-            class="mt-2 list-disc space-y-1 text-sm text-gray-700 dark:text-gray-300 pl-5">
-            <li v-for="(desc, i) in item.descriptions" :key="i">{{ desc }}</li>
-          </ul>
-          <div v-if="item.icons?.length" class="mt-3 flex flex-wrap gap-2">
-            <UIcon v-for="(icon, i) in item.icons" :key="i" :name="icon"
-              class="text-xl text-primary-500 dark:text-primary-400" />
-          </div>
-        </template>
-      </UTimeline>
+      </UAccordion>
     </UContainer>
   </section>
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue'
+import { ref, computed, onMounted, onUnmounted } from 'vue'
 import { usePortfolio } from '@/composables/usePortfolio'
 import type { TimelineItem } from '@nuxt/ui'
 import type { CompanyExperience, Experience } from '@/types/portfolio.types'
@@ -41,6 +46,38 @@ const { t } = useI18n()
 const portfolio = usePortfolio()
 const presentText = computed(() => t('common.present'))
 
+// Detect mobile for accordion behavior (SSR-safe)
+const isMobile = ref(true)
+
+onMounted(() => {
+  const checkMobile = () => {
+    isMobile.value = window.innerWidth < 768
+  }
+  checkMobile()
+  window.addEventListener('resize', checkMobile)
+  onUnmounted(() => {
+    window.removeEventListener('resize', checkMobile)
+  })
+})
+
+// Accordion config
+const accordionItems = computed(() => [{
+  label: t('sections.workAccordion'),
+  value: 'work'
+}])
+
+const accordionUi = {
+  root: 'flex flex-col',
+  item: 'flex flex-col rounded-2xl border border-gray-200/70 dark:border-gray-700/50 bg-white/70 dark:bg-gray-900/40 shadow-sm',
+  header: 'px-4 data-[state=open]:border-b border-gray-200/70 dark:border-gray-700/50',
+  trigger: 'group flex-1 items-center gap-2 py-3 text-left cursor-pointer',
+  label: 'text-sm font-semibold uppercase tracking-wider text-slate-600 dark:text-slate-300',
+  leadingIcon: 'shrink-0',
+  trailingIcon: 'ms-auto text-gray-500 dark:text-gray-400 transition-transform duration-200 group-data-[state=open]:rotate-180',
+  content: 'px-4 pb-4 pt-3 data-[state=closed]:hidden',
+  body: 'pt-1'
+} as const
+
 type RichTimelineItem = TimelineItem & {
   company: string
   descriptions?: string[]
@@ -54,7 +91,6 @@ const experiences = computed<RichTimelineItem[]>(() => {
 
   list.forEach((exp: any, index: number) => {
     if (Array.isArray(exp.positions)) {
-      // CompanyExperience with multiple positions
       const company = exp as CompanyExperience
       company.positions.forEach((pos, posIndex) => {
         items.push({
@@ -69,7 +105,6 @@ const experiences = computed<RichTimelineItem[]>(() => {
         })
       })
     } else {
-      // Single Experience
       const single = exp as Experience
       items.push({
         date: `${single.start}${single.ongoing ? ` - ${presentText.value}` : single.end ? ` - ${single.end}` : ''}`,
diff --git a/app/pages/blog/[...slug].vue b/app/pages/blog/[...slug].vue
index 8daf01d..896313b 100644
--- a/app/pages/blog/[...slug].vue
+++ b/app/pages/blog/[...slug].vue
@@ -139,6 +139,9 @@ if (post.value) {
             <ContentRenderer v-if="(post as any).body" :value="(post as any).body" />
           </article>
 
+          <!-- Share Buttons -->
+          <BlogShare :title="(post as any).title" :url="`${siteUrl}${(post as any).path}`" />
+
           <!-- Blog Navigation (Prev/Next) -->
           <BlogNavigation :prev="prevPost" :next="nextPost" />
         </div>
diff --git a/content/en/blog/career-change-huawei-to-frontend.md b/content/en/blog/career-change-huawei-to-frontend.md
new file mode 100644
index 0000000..e24ec6e
--- /dev/null
+++ b/content/en/blog/career-change-huawei-to-frontend.md
@@ -0,0 +1,174 @@
+---
+title: "A Big Career Change: From 7 Years at Huawei to Frontend Development"
+description: "A personal story of leaving telecom and team management at Huawei to pursue frontend development, covering the challenges, lessons, and mental shifts required for a successful career transition."
+date: "2025-11-25"
+tags: ["career-change", "frontend-development", "personal-growth", "huawei", "developer-journey"]
+author: "Ali Arghyani"
+image: "/img/blog/big-career-change.webp"
+draft: false
+---
+
+When I left the world of telecom and team management—and the years I had spent at Huawei—to move into software development, I didn't have a clear picture of the future.
+
+I only knew one thing: I wanted a life and a professional identity that actually felt aligned with who I am.
+
+But that turning point didn't come out of nowhere. The years before that were their own kind of school.
+
+## What Huawei Built in Me
+
+Huawei was where I learned what it really means to work inside a large organization—not from the outside, but from the middle of the system.
+
+For the first time, I truly understood:
+
+- how departments and hierarchies work,
+- how to communicate with different levels of management,
+- and how serious "customer centricity" can be when your main customer is a company like MTN Irancell.
+
+We had endless meetings about customer performance, SLAs, and relationship management.
+
+Inter-organizational behavior wasn't something I was naturally good at. I made a lot of clumsy mistakes in the beginning.
+
+But senior managers—people with decades of experience—would point out small things that later became principles I built my own work on.
+
+I learned that:
+
+- **Reporting isn't a formality; it's the backbone of trust.**
+- **Presenting your work is a skill**—being clear, honest, and precise matters.
+- As long as everything was working, nobody bothered you. But a single wrong number in a report could trigger calls, meetings, and investigations from multiple sides to understand exactly what went wrong.
+
+That experience burned one lesson into my brain: **before I send anything upwards, I need to test it and check it myself.**
+
+Later, this became crucial in my coding mindset: the code I write shouldn't just "work once". It should be something I can come back to months later and still trust.
+
+On top of that, combining **soft skills** (communication with managers, teamwork, handling stress, taking ownership) with **hard skills** like data analysis, Python, and Excel gave my growth a structure.
+
+It wasn't random anymore; it became intentional.
+
+That's why, when I joined a professional team like NexaPortal, I didn't feel like "a nobody starting from zero".
+
+I could present myself properly, bring the values I had developed at Huawei into the team, and clearly see how I could contribute to the product and the business.
+
+## Starting Over—Where the Path Gets Scary
+
+Even with all of that behind me, changing careers was still scary.
+
+Those first days felt like walking in the fog.
+
+I was leaving an environment where everything was defined: the org chart, the salary, the responsibilities… and stepping into a field with no guarantees.
+
+My income became unstable. Managing my finances turned into a real headache at times.
+
+At the same time, I had to start learning from scratch, take small projects, fail, rebuild, and slowly understand what "real growth" actually looks like.
+
+There was one thing that helped me from the inside: **I kept going.**
+
+Not with hype. Not with motivational quotes.
+
+With quiet, sometimes tired, consistency.
+
+At some point I realized: this is the real "secret"—**keep going even when you don't feel like it. Even when you're scared. Even when nothing is clear yet.**
+
+::pull-quote{highlight}
+Keep going even when you don't feel like it. Even when you're scared. Even when nothing is clear yet.
+::
+
+## Mental Freeze and the Turning Point
+
+One of the hardest challenges I faced wasn't technical at all.
+
+It was about having the courage to show up. To present. To let myself be seen.
+
+Every time I wanted to present something, demo a feature, or explain something to a team, my mind would freeze.
+
+It was strange. I had led teams before, but now, in this new role, I felt like a beginner who suddenly forgets how to speak.
+
+Eventually I understood why: a big part of me was still attached to my old identity.
+
+I was still mentally sitting in my previous safe zone, where my role was already defined and respected. Now I had to redefine myself from scratch.
+
+The real turning point was when I allowed myself to be free—free from the perks, the comfort, and the sense of security that came with my previous path.
+
+That decision unlocked something in my mind.
+
+I stopped feeling like a piece of ice floating in a cold ocean… and started to feel like a swimmer who chooses to dive into warmer, but deeper, waters.
+
+**That change wasn't just technical. It was about who I am.**
+
+::callout{type="tip" title="Key Insight"}
+Career change isn't just about learning new skills—it's about redefining your identity and finding alignment between who you are and what you do.
+::
+
+## The Tools I Collected Along the Way
+
+I wasn't alone on this path.
+
+We all carry some kind of "toolkit" with us. Mine looked like this:
+
+- **People** who stayed close and didn't let me burn out under pressure.
+- **A program called "Aknoon"** that helped me build mental and emotional structure in the middle of chaos.
+- **Books** like *The Art of Thinking Clearly* and *The Compound Effect* that gave me a deeper understanding of decision-making and consistency.
+- And most importantly: **the habit of slow refuelling.**
+
+I made a commitment to myself not to burn out.
+
+Whenever I felt my energy dropping to zero, I pulled over, refuelled, and came back.
+
+No hero narrative. Just a smart system trying not to destroy itself.
+
+Those small daily acts of consistency are what kept me from quitting—especially on days when, from the outside, it looked like "nothing special" was happening.
+
+## Challenges That Made Me Go Deeper
+
+Career change is not just about learning a new skill. **It's about changing the angle from which you look at life and work.**
+
+This path forced me to:
+
+- think more honestly and realistically,
+- face hard realities, not just dreams,
+- live with failures, delays, and financial pressure,
+- take personal development more seriously,
+- become stronger not only for myself, but also for the people around me,
+- and, most importantly, **take full responsibility for my own growth.**
+
+None of these were simple. Each one opened a new layer of my mind and personality.
+
+I started to taste what "results" really feel like—and I realized that if I want bigger outcomes, I don't just need to move faster; **I need to go deeper.**
+
+## Where I Stand Today
+
+Today, when I work as a frontend developer—building products, collaborating with a team, and planning for the future—I feel something much clearer than before:
+
+**I can create value.**
+
+Not just write code. Not just close tickets.
+
+But:
+
+- influence the product,
+- improve the user experience,
+- show up honestly inside the team,
+- and build a balance between quality, mental health, and long-term consistency.
+
+Everything I learned at Huawei—the discipline of reporting, customer centricity, cross-team communication, data analysis with Python and Excel—is now woven into my work in frontend.
+
+That integration helped me, when I joined NexaPortal, not to be "just another developer", but someone who can translate previous experience into today's context and create real value for the product, team, and business.
+
+I'm hopeful about the future.
+
+I know that when I come back to this article five years from now, I'll both smile and feel a deeper sense of maturity.
+
+Because I know one thing: this path is still unfolding.
+
+And most importantly: **I'm finally enjoying the path itself**—something I had been chasing for years: to enjoy the journey, keep going, and stay true to myself.
+
+## A Final Note
+
+For me, this is not just a story. It's a personal roadmap that shows where I started, what I went through, and how I think today.
+
+If I keep going—with consistency, depth, and authenticity—I'm confident I'll be in a much better place a few years from now.
+
+And if you're currently stuck between the fear of losing your old security and the desire to build your own path, maybe this text has just one simple message for you:
+
+::pull-quote{highlight}
+Go slower, go deeper—but keep going.
+::
diff --git a/content/fa/blog/career-change-huawei-to-frontend.md b/content/fa/blog/career-change-huawei-to-frontend.md
new file mode 100644
index 0000000..2c3f1d7
--- /dev/null
+++ b/content/fa/blog/career-change-huawei-to-frontend.md
@@ -0,0 +1,160 @@
+---
+title: "داستان کریرچنج من از تیم لید هواوی به برنامه‌نویسی بعد از ۷ سال سابقه"
+description: "داستان شخصی من از ترک دنیای تلکام و مدیریت تیم در هواوی و ورود به دنیای برنامه‌نویسی فرانت‌اند، چالش‌ها، درس‌ها و تغییرات ذهنی لازم برای یک تغییر شغلی موفق."
+date: "2025-11-25"
+tags: ["تغییر-شغلی", "برنامه-نویسی-فرانت-اند", "رشد-شخصی", "هواوی", "مسیر-توسعه-دهنده"]
+author: "علی ارغیانی"
+image: "/img/blog/big-career-change.webp"
+draft: false
+---
+
+وقتی مسیرم رو عوض کردم و از دنیای تلکام و مدیریت تیم توی هواوی اومدم بیرون و وارد دنیای برنامه‌نویسی شدم، تصویر واضحی از آینده نداشتم.
+
+فقط یه چیز رو می‌دونستم: باید به جایی برسم که زندگی و هویت حرفه‌ایم با خودِ واقعیم هماهنگ باشه.
+
+اما این نقطه چرخش، از یه خلأ شروع نشد؛ سال‌های قبل خودش یه مدرسه بود.
+
+## هواوی چی توی من ساخت؟
+
+من توی هواوی با «کار کردن توی یه سازمان واقعی» آشنا شدم؛ نه از دور، از نزدیک و وسط ماجرا.
+
+اونجا برای اولین بار، سلسله‌مراتب دپارتمان‌ها، مدیرهای لایه‌لایه، و حساسیت ارتباط حرفه‌ای با مدیران بالادستی رو با پوست و استخوان فهمیدم. مشتری ما ایرانسل بود و تقریباً همه چیز حول یه کلمه می‌چرخید: اهمیت مشتری.
+
+جلسات بی‌پایان درباره مدیریت ارتباط با مشتری، هماهنگی بین تیم ما، مشتری و بقیه استیک‌هولدرها.
+
+رفتار بین‌سازمانی چیزی نبود که از روز اول بلد باشم؛ بارها خام و ناپخته عمل کردم.
+
+ولی مدیران خیلی ارشد نکته‌هایی بهم می‌گفتن که کم‌کم تبدیل شدن به «اصول شخصی کار» من.
+
+اونجا یاد گرفتم:
+
+- **گزارش و ریپورت‌دادن فقط یه کار اداری نیست؛ قلب اعتمادِ.**
+- **ارائه دادن یعنی بتونی کار انجام‌شده رو شفاف، دقیق و بدون حاشیه منتقل کنی.**
+- تا وقتی همه چیز درست بود، کسی کاری باهات نداشت؛ اما اگه فقط یه عدد توی یه گزارش اشتباه می‌شد، از چند جهت تماس، جلسه و بررسی شروع می‌شد تا معلوم بشه چرا این خطا اتفاق افتاده.
+
+این تجربه‌ها یه چیز رو توی من حک کرد: **قبل از اینکه چیزی رو «بفرستم بالا»، خودم باید اونو جدی تست و چک کنم.**
+
+بعدتر، همین ذهنیت توی کدنویسی برام حیاتی شد. اینکه کیفیت کدی که می‌نویسم باید جوری باشه که خودم هم چند ماه بعد بتونم با خیال راحت برگردم سراغش و دوباره ازش استفاده کنم.
+
+از اون طرف، ترکیب سافت‌اسکیل‌ها (ارتباط با مدیران، کار تیمی، مدیریت استرس، مسئولیت‌پذیری) با هارد اسکیل‌هایی مثل تحلیل دیتا، کار با پایتون و اکسل، باعث شد رشد من توی مسیر جدید بی‌نظم و تصادفی نباشه؛ بلکه سازمان‌یافته جلو بره.
+
+برای همین وقتی وارد یه تیم حرفه‌ای مثل NexaPortal شدم، احساس نکردم «هیچ‌کس نیستم». می‌تونستم خودم رو درست معرفی کنم، ارزش‌هایی که از هواوی و سال‌های قبلی با خودم آورده بودم رو به تیم منتقل کنم و بفهمم دقیقاً کجا می‌تونم برای محصول و تیم مفید باشم.
+
+## شروع دوباره؛ جایی که مسیر ترسناک میشه
+
+با وجود همه این تجربه‌ها، کریرچنج واقعاً ترسناک بود.
+
+روزهای اول شبیه راه‌رفتن توی مه بود. از محیطی می‌اومدم که ساختارش مشخص بود، حقوق هر ماه می‌اومد، نقش‌ها تعریف شده بود.
+
+وارد حوزه‌ای می‌شدم که هیچ تضمینی نداشت. درآمدم ثبات نداشت، دوره‌هایی مدیریت مالی تبدیل به یه کابوس واقعی شده بود. هم‌زمان باید از صفر یاد می‌گرفتم، پروژه‌های کوچک می‌گرفتم، شکست می‌خوردم، دوباره می‌ساختم و تازه می‌فهمیدم «رشد واقعی» یعنی چی.
+
+یه چیز اما از درون کمکم کرد: **ادامه دادن.**
+
+نه با هیجان‌های لحظه‌ای. نه با موج انگیزه شبکه‌های اجتماعی.
+
+با یه استمرار آروم و گاهی خسته، اما ادامه‌دار.
+
+جایی وسط همین مسیر فهمیدم راز کار همینه: **ادامه بده، حتی وقتی حسش نیست. حتی وقتی هنوز می‌ترسی. حتی وقتی هیچ چیز مشخص نیست.**
+
+::pull-quote{highlight}
+ادامه بده، حتی وقتی حسش نیست. حتی وقتی هنوز می‌ترسی. حتی وقتی هیچ چیز مشخص نیست.
+::
+
+## یخ‌زدگی ذهنی و نقطه چرخش
+
+یکی از سخت‌ترین چالش‌های من اصلاً فنی نبود.
+
+موضوع «شجاعت ارائه دادن» بود. شجاعت اینکه دیده بشم.
+
+هر بار می‌خواستم چیزی ارائه کنم، دمو بدم یا به تیمی توضیح بدم، انگار ذهنم یخ می‌زد.
+
+عجیب بود؛ سال‌ها تیم هدایت کرده بودم، اما اینجا، توی نقش جدید، دوباره مثل تازه‌کارها قفل می‌کردم.
+
+کم‌کم فهمیدم چرا: هنوز درگیر هویت قدیمی بودم.
+
+هنوز توی فضای امن قبلی گیر کرده بودم؛ فضایی که توش «تعریف‌شده» بودم و حالا باید از نو خودم رو تعریف می‌کردم.
+
+نقطه واقعی چرخش زمانی بود که به خودم اجازه آزادی دادم؛ آزادی جدا شدن از تمام مزایا، امکانات و امنیت‌هایی که مسیر قبلیم داشت.
+
+این تصمیم، چیزهایی رو توی ذهنم آزاد کرد.
+
+حس می‌کردم از یه قطعه یخ شناور توی اقیانوسی سرد… تبدیل شدم به یه شناگری که خودش انتخاب می‌کنه توی آبی گرم‌تر، اما عمیق‌تر شنا کنه.
+
+**این تغییر فقط فنی نبود؛ هویتی بود.**
+
+::callout{type="tip" title="نکته کلیدی"}
+کریرچنج فقط یادگیری مهارت جدید نیست—بلکه بازتعریف هویت و پیدا کردن هماهنگی بین خودِ واقعی و کاری که انجام می‌دهی است.
+::
+
+## توشه مسیر: آدم‌ها، برنامه‌ها و کتاب‌هایی که من رو ساختن
+
+توی این سال‌ها، تنها نبودم.
+
+هر کسی برای مسیرش یه توشه داره؛ توشه من این‌ها بودن:
+
+- **آدم‌هایی** که کنارم بودن و کمک کردن زیر فشار، فرسوده نشم.
+- **برنامه «اکنون»** که نظم ذهنی و احساسیم رو تقویت کرد و کمک کرد وسط شلوغی، خودم رو گم نکنم.
+- **کتاب‌هایی** مثل *تفکر شفاف* و *اثر مرکب* که نگاهم به تصمیم‌گیری، صبر و استمرار رو عمیق‌تر کردن.
+- و مهم‌تر از همه: **عادت سوخت‌گیری آروم.**
+
+من سعی کردم قهرمان‌بازی درنیارم. هر وقت می‌دیدم باتریم خالی شده، کنار می‌کشیدم، سوخت‌گیری می‌کردم و برمی‌گشتم.
+
+نه با شعار؛ مثل یه سیستم هوشمند که می‌دونه اگه نسوزه، می‌تونه مسیر طولانی‌تری رو بره.
+
+همین استمرار کوچک روزانه باعث شد جا نزنم؛ حتی توی روزهایی که از بیرون «هیچ اتفاق خاصی» دیده نمی‌شد.
+
+## چالش‌هایی که من رو عمیق‌تر کردن
+
+کریرچنج فقط یاد گرفتن یه مهارت جدید نیست؛ **تغییر زاویه دیده.**
+
+این مسیر من رو مجبور کرد که:
+
+- واقعی‌تر و شفاف‌تر فکر کنم؛
+- واقعیت‌های سخت رو ببینم، نه فقط رویاها رو؛
+- با شکست، تأخیر و فشار مالی کنار بیام؛
+- روی توسعه فردی جدی‌تر کار کنم؛
+- کنار آدم‌های اطرافم قوی‌تر باشم، نه فقط مشغول خودم؛
+- و مهم‌تر از همه: **مسئولیت رشد خودم رو کامل بپذیرم.**
+
+این‌ها اتفاقات ساده‌ای نبودن؛ هر کدوم، لایه‌ای از شخصیت و ذهنم رو باز کردن.
+
+طعم نتیجه گرفتن برام واقعی‌تر شد و فهمیدم برای نتایج بزرگ‌تر، باید عمیق‌تر بشم؛ نه فقط سریع‌تر.
+
+## امروز کجا ایستادم؟
+
+امروز، وقتی به‌عنوان یه فرانت‌اند دولوپر روی پروژه‌ها کار می‌کنم، محصول می‌سازم، با تیم هماهنگ می‌شم و برای آینده برنامه‌ریزی می‌کنم، یه چیز رو واضح‌تر از همیشه حس می‌کنم:
+
+**می‌تونم ارزش خلق کنم.**
+
+نه فقط کد بنویسم. نه فقط یه تسک رو تحویل بدم.
+
+بلکه:
+
+- روی محصول اثر بذارم،
+- تجربه کاربر رو بهتر کنم،
+- توی تیم، حضور واقعی و صادقانه داشته باشم،
+- و بین کیفیت کار، سلامت روان و استمرار، تعادل بسازم.
+
+همه اون چیزی که از هواوی، از کار تیمی، از گزارش‌دادن دقیق، از اهمیت مشتری، و از سال‌های تحلیل دیتا و کار با پایتون و اکسل یاد گرفته بودم، امروز با مسیر جدیدم توی فرانت‌اند گره خورده.
+
+این یکپارچگی کمکم کرد وقتی وارد NexaPortal شدم، فقط «یه برنامه‌نویس جدید» نباشم؛ بلکه کسی باشم که می‌تونه تجربه قبلی رو به زبان امروز ترجمه کنه و برای محصول، تیم و بیزنس، ارزش واقعی بسازه.
+
+به آینده امیدوارم.
+
+می‌دونم پنج سال دیگه که برگردم و این نوشته رو دوباره بخونم، هم لبخند می‌زنم، هم حس پختگی عمیق‌تری خواهم داشت.
+
+چون می‌دونم این مسیر هنوز ادامه داره.
+
+و مهم‌تر از همه: **الان دارم از مسیر لذت می‌برم؛ چیزی که سال‌ها دنبالش بودم همین بود: لذت بردن از مسیر، ادامه دادن و اصالت داشتن.**
+
+## حرف آخر
+
+این نوشته برام فقط یه روایت نیست؛ یه نقشه راه شخصیه که نشون میده از کجا شروع کردم، چه چیزهایی رو پشت سر گذاشتم و امروز چطور فکر می‌کنم.
+
+اگه این مسیر رو ادامه بدم — با استمرار، اصالت و عمیق شدن — مطمئنم چند سال بعد توی جای بسیار بهتری می‌ایستم.
+
+و اگه تو هم جایی بین ترس «از دست دادن امنیت» و میل «ساختن مسیر خودت» گیر کردی، شاید این متن فقط یه پیام ساده برات داشته باشه:
+
+::pull-quote{highlight}
+آروم‌تر، عمیق‌تر، اما ادامه بده.
+::
diff --git a/i18n/locales/en.json b/i18n/locales/en.json
index 2e4fc65..a27ef57 100644
--- a/i18n/locales/en.json
+++ b/i18n/locales/en.json
@@ -1,9 +1,11 @@
 {
   "sections": {
     "work": "Work Experience",
+    "workAccordion": "7+ years building enterprise solutions and web applications.",
     "education": "Education",
     "recommendations": "Recommendations",
     "projects": " Projects",
+    "projectsAccordion": "Real-world applications built for clients and the community.",
     "blog": "Blog",
     "contact": "Contact",
     "mainTools": "Main tools",
@@ -20,6 +22,9 @@
     "usedBefore": "Used before",
     "aiStack": "AI Stack"
   },
+  "softSkillsAccordion": {
+    "label": "Mindset and interpersonal strengths that drive team success."
+  },
   "softSkills": {
     "problemSolving": {
       "label": "Problem solving",
@@ -60,6 +65,7 @@
   },
   "languageSection": {
     "tagline": "Advanced English communication for global collaboration.",
+    "accordionLabel": "Advanced English communication for global collaboration.",
     "duolingo": {
       "label": "Duolingo English Test",
       "value": "85"
@@ -123,7 +129,10 @@
     "noResults": "No posts found matching your search",
     "copyCode": "Copy code",
     "codeCopied": "Copied!",
-    "subscribe": "Subscribe via RSS"
+    "subscribe": "Subscribe via RSS",
+    "sharePost": "Share this post",
+    "linkCopied": "Link copied to clipboard!",
+    "copyFailed": "Failed to copy link"
   },
   "common": {
     "present": "Present",
diff --git a/i18n/locales/fa.json b/i18n/locales/fa.json
index 6fb55d9..b2f9078 100644
--- a/i18n/locales/fa.json
+++ b/i18n/locales/fa.json
@@ -1,9 +1,11 @@
 {
   "sections": {
     "work": "سوابق کاری",
+    "workAccordion": "بیش از ۷ سال تجربه در توسعه راهکارهای سازمانی و اپلیکیشن‌های وب.",
     "education": "تحصیلات",
     "recommendations": "توصیه‌نامه‌ها",
     "projects": "پروژه‌ها",
+    "projectsAccordion": "اپلیکیشن‌های واقعی ساخته شده برای مشتریان و جامعه توسعه‌دهندگان.",
     "blog": "وبلاگ",
     "contact": "ارتباط",
     "mainTools": "ابزارهای اصلی",
@@ -20,6 +22,9 @@
     "usedBefore": "تجربه قبلی",
     "aiStack": "استک هوش مصنوعی"
   },
+  "softSkillsAccordion": {
+    "label": "ذهنیت و توانمندی‌های بین‌فردی که موفقیت تیم را رقم می‌زنند."
+  },
   "softSkills": {
     "problemSolving": {
       "label": "حل مسئله",
@@ -91,7 +96,10 @@
     "noResults": "نتیجه‌ای یافت نشد",
     "copyCode": "کپی کد",
     "codeCopied": "کپی شد!",
-    "subscribe": "اشتراک از طریق RSS"
+    "subscribe": "اشتراک از طریق RSS",
+    "sharePost": "اشتراک‌گذاری این مقاله",
+    "linkCopied": "لینک کپی شد!",
+    "copyFailed": "کپی لینک ناموفق بود"
   },
   "common": {
     "present": "اکنون",
@@ -136,6 +144,7 @@
   },
   "languageSection": {
     "tagline": "انگلیسی پیشرفته برای همکاری با تیم‌های بین‌المللی.",
+    "accordionLabel": "انگلیسی پیشرفته برای همکاری با تیم‌های بین‌المللی.",
     "duolingo": {
       "label": "آزمون زبان دولینگو",
       "value": "85"
diff --git a/public/img/blog/big-career-change.webp b/public/img/blog/big-career-change.webp
new file mode 100644
index 0000000000000000000000000000000000000000..67df9f1efe87de31de9bdbf527e228cca17e5fb1
GIT binary patch
literal 31456
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

literal 0
HcmV?d00001