feat: Experience clicks smooth-scroll to Explore Experience section

2026-09-02 10:39:11 -07:00
parent 406f0db52d
commit 2defd4d074
2 changed files with 11 additions and 5 deletions
@@ -181,10 +181,13 @@ export default function Header() {
            )}
          </div>
          <div className="border-l border-gray-300 dark:border-gray-700 pl-8 flex gap-6 items-center">
-            <div className="text-xs">
+            <button
+              onClick={() => document.getElementById('experience')?.scrollIntoView({ behavior: 'smooth' })}
+              className="text-xs text-left cursor-pointer hover:text-blue-600 dark:hover:text-blue-400"
+            >
              <div className="text-gray-600 dark:text-gray-400">{t.header.experience}</div>
              <div className="font-semibold text-gray-900 dark:text-white">{t.header.experienceValue}</div>
-            </div>
+            </button>
            <div className="relative" ref={educationRef}>
              <button 
                onClick={() => setEducationOpen(!educationOpen)}
@@ -354,10 +357,13 @@ export default function Header() {
            </div>
          )}
          <div className="border-t border-gray-200 dark:border-gray-800 pt-4 space-y-4">
-            <div className="text-xs">
+            <button
+              onClick={() => { setOpen(false); document.getElementById('experience')?.scrollIntoView({ behavior: 'smooth' }); }}
+              className="text-xs text-left cursor-pointer hover:text-blue-600 dark:hover:text-blue-400"
+            >
              <div className="text-gray-600 dark:text-gray-400">{t.header.experience}</div>
              <div className="font-semibold text-gray-900 dark:text-white">{t.header.experienceValue}</div>
-            </div>
+            </button>
            <div>
              <button 
                onClick={() => setEducationOpen(!educationOpen)}