From 03fe6377e88ef440cc14f6272ea301e98913a4c9 Mon Sep 17 00:00:00 2001
From: patrick <patrickjaroszewski@protonmail.com>
Date: Thu, 26 Mar 2026 12:12:24 -0400
Subject: [PATCH] add icons to headings on main page

---
 src/pages/index.astro | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/pages/index.astro b/src/pages/index.astro
index 6d88ded..aabbf11 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -11,6 +11,9 @@ import { SITE } from '@/consts'
 import ProjectCard from '../components/svelte/ProjectCard.svelte'
 import IconGit from '~icons/simple-icons/git'
 import IconGraduationCap from '~icons/lucide/graduation-cap'
+import IconWrench from '~icons/lucide/wrench'
+import IconFolderCode from '~icons/lucide/folder-code'
+import IconPenLine from '~icons/lucide/pen-line'
 import Timeline from '../components/svelte/Timeline.svelte'
 import type { TimelineEntry } from '../components/svelte/Timeline.svelte'
 import ContactForm from '../components/svelte/ContactForm.svelte'
@@ -91,11 +94,12 @@ const turnstileSitekey = import.meta.env.PUBLIC_TURNSTILE_SITEKEY
     <section class="relative" aria-labelledby="skills-title">
       <h2
         id="skills-title"
-        class="font-custom text-foreground text-2xl font-bold"
+        class="font-custom text-foreground text-2xl font-bold flex items-center gap-2"
         title="skills"
         aria-label="skills"
         role="heading"
       >
+        <IconWrench class="size-5" />
         Skills & Technologies
       </h2>
       <p class="text-muted-foreground text-sm" aria-label="skills description">
@@ -110,8 +114,9 @@ const turnstileSitekey = import.meta.env.PUBLIC_TURNSTILE_SITEKEY
       <div class="relative">
         <h2
           id="featured-projects-title"
-          class="font-custom text-foreground text-2xl font-bold"
+          class="font-custom text-foreground text-2xl font-bold flex items-center gap-2"
         >
+          <IconFolderCode class="size-5" />
           Featured Projects
         </h2>
         <p class="text-muted-foreground text-sm">
@@ -150,10 +155,11 @@ const turnstileSitekey = import.meta.env.PUBLIC_TURNSTILE_SITEKEY
       <div class="relative" aria-labelledby="latest-posts-title">
         <h2
           id="latest-posts-title"
-          class="font-custom text-foreground text-2xl font-bold"
+          class="font-custom text-foreground text-2xl font-bold flex items-center gap-2"
           title="latest blog posts"
           aria-label="latest blog posts"
         >
+          <IconPenLine class="size-5" />
           Latest Blog Posts
         </h2>
         <p class="text-muted-foreground text-sm" aria-label="blog description">
@@ -207,7 +213,7 @@ const turnstileSitekey = import.meta.env.PUBLIC_TURNSTILE_SITEKEY
           id="contact-title"
           class="font-custom text-foreground text-2xl font-bold flex items-center gap-2"
         >
-          <IconMail class="size-6" />
+          <IconMail class="size-5" />
           Get In Touch
         </h2>
         <p class="text-muted-foreground text-sm">