Refactor component styles and update homepage content

- Changed hover border color from neutral to indigo in PostCard and ProjectCard components for a consistent theme.
- Updated link hover color to indigo in the shared Link component.
- Modified homepage text to welcome emails and specify social platforms for contact.
- Commented out the SocialLinks component on the homepage for potential future use.
- Adjusted post title color to indigo for better visibility and updated inline code color for improved aesthetics.

src/components/PostCard.astro

@@ -12,7 +12,7 @@ const { title, publishedAt, description, slug } = Astro.props;
 ---
 
 <a
-  class="group flex max-w-sm cursor-pointer flex-col gap-2 rounded-md border border-neutral-700 p-4 transition-all duration-300 hover:-translate-y-2 hover:border-neutral-400"
+  class="group flex max-w-sm cursor-pointer flex-col gap-2 rounded-md border border-neutral-700 p-4 transition-all duration-300 hover:-translate-y-2 hover:border-indigo-400"
   href={`/posts/${slug}`}
 >
   <div

src/components/ProjectCard.astro

@@ -26,7 +26,7 @@ const formatTechs = (values: string[]) =>
   {
     !isComingSoon && (
       <a
-        class="group flex w-full cursor-pointer flex-col justify-between gap-2 rounded-md border border-neutral-700 p-4 transition-all duration-300 hover:-translate-y-2 hover:border-neutral-400 md:flex-row md:items-center"
+        class="group flex w-full cursor-pointer flex-col justify-between gap-2 rounded-md border border-neutral-700 p-4 transition-all duration-300 hover:-translate-y-2 hover:border-indigo-400 md:flex-row md:items-center"
         href={link}
         target="_blank"
         rel="noreferrer"

src/components/shared/Link.astro

@@ -12,7 +12,7 @@ const { label, isUnderline, ...props } = Astro.props;
 <a
   href={props.href}
   class:list={{
-    ["hover:text-neutral-100 cursor-pointer"]: true,
+    ["hover:text-indigo-400 cursor-pointer"]: true,
     ["underline decoration-dashed underline-offset-8"]: isUnderline,
   }}
   {...props}

src/pages/index.astro

@@ -50,7 +50,7 @@ const posts = (await getCollection("posts"))
           set:html={convertAsteriskToStrongTag(presentation.description)}
         />
 
-        <SocialLinks />
+        <!-- <SocialLinks /> -->
       </div>
     </article>
 
@@ -99,10 +99,10 @@ const posts = (await getCollection("posts"))
         <h3 class="text-lg text-neutral-100">Get in touch</h3>
       </header>
       <p>
-        Email me at <Link
+        I welcome emails to <Link
           href={`mailto:${presentation.mail}`}
           label={presentation.mail}
-        /> or message me on my social profiles.
+        /> or message me on Linkedin or X (Twitter).
       </p>
 
       <SocialLinks />

src/styles/post.css

@@ -11,7 +11,7 @@
 }
 
 .post h1 {
-  @apply mt-8 text-4xl text-white;
+  @apply mt-8 text-4xl text-indigo-100;
 }
 
 .post h2 {
@@ -23,7 +23,7 @@
 }
 
 .post code {
-  @apply rounded-sm bg-neutral-800 px-1 py-[2px] text-purple-400;
+  @apply rounded-sm bg-neutral-800 px-1 py-[2px] text-indigo-200;
 }
 
 .post a {