feat(hero): add upcoming actions and LinkedIn contact CTA

src/components/HeroSection.tsx

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import Image from 'next/image';
-import { Moon, Sun } from 'lucide-react';
+import { BookOpenText, GraduationCap, MessageCircle, Moon, Sun } from 'lucide-react';
 import { useTheme } from '@/context/ThemeContext';
 import styles from './HeroSection.module.css';
 
@@ -58,14 +58,35 @@ export const HeroSection: React.FC = () => {
 
         {/* Action Buttons */}
         <div className={styles.actionButtons}>
-          <a href="#about" className={`pill-btn ${styles.heroButton} ${styles.heroButtonOutline}`}>
-            About
-          </a>
-          <a href="#projects" className={`pill-btn ${styles.heroButton} ${styles.heroButtonOutline}`}>
-            Work
-          </a>
-          <a href="#footer" className={`pill-btn ${styles.heroButton} ${styles.heroButtonPrimary}`}>
-            Contact
+          <button
+            type="button"
+            className={`pill-btn ${styles.heroButton} ${styles.heroButtonUpcoming}`}
+            aria-label="Blog, coming soon"
+            title="Coming soon"
+            disabled
+          >
+            <BookOpenText size={17} strokeWidth={2} aria-hidden="true" />
+            Blog
+          </button>
+          <button
+            type="button"
+            className={`pill-btn ${styles.heroButton} ${styles.heroButtonUpcoming}`}
+            aria-label="Courses, coming soon"
+            title="Coming soon"
+            disabled
+          >
+            <GraduationCap size={18} strokeWidth={2} aria-hidden="true" />
+            Courses
+          </button>
+          <a
+            href="https://www.linkedin.com/messaging/compose/?recipient=ACoAAEJsAwMBCv3L9dYcEXWam-l3pLOJ3UspX7w"
+            target="_blank"
+            rel="noreferrer"
+            className={`pill-btn ${styles.heroButton} ${styles.heroButtonPrimary}`}
+            aria-label="Get in touch on LinkedIn"
+          >
+            <MessageCircle size={17} strokeWidth={2} aria-hidden="true" />
+            Get in touch
           </a>
         </div>