diff --git a/public/assets/svg/blog-logo.svg b/public/assets/svg/blog-logo.svg
deleted file mode 100644
index caada1f..0000000
--- a/public/assets/svg/blog-logo.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="68" height="36" fill="none" xmlns:v="https://vecta.io/nano"><path d="M.66 27V1.8h8.946c1.296 0 2.466.264 3.51.792 1.056.528 1.89 1.29 2.502 2.286.624.984.936 2.166.936 3.546 0 .672-.108 1.332-.324 1.98s-.522 1.218-.918 1.71a3.24 3.24 0 0 1-1.44 1.044c.768.192 1.404.54 1.908 1.044a5.52 5.52 0 0 1 1.224 1.728c.3.66.51 1.344.63 2.052.132.708.198 1.38.198 2.016 0 1.344-.324 2.544-.972 3.6s-1.518 1.89-2.61 2.502c-1.08.6-2.274.9-3.582.9H.66zm3.744-3.24h5.904c.768 0 1.464-.192 2.088-.576.636-.384 1.14-.912 1.512-1.584.372-.684.558-1.452.558-2.304 0-.744-.186-1.446-.558-2.106-.372-.672-.876-1.212-1.512-1.62-.624-.408-1.32-.612-2.088-.612H4.404v8.802zm0-11.988H9.21c.984 0 1.83-.3 2.538-.9S12.81 9.45 12.81 8.406c0-1.116-.354-1.95-1.062-2.502-.708-.564-1.554-.846-2.538-.846H4.404v6.714zM21.239 27V0h3.744v27h-3.744zm16.089.468c-1.656 0-3.168-.426-4.536-1.278a9.58 9.58 0 0 1-3.258-3.42c-.804-1.44-1.206-3.03-1.206-4.77 0-1.32.234-2.55.702-3.69.468-1.152 1.11-2.16 1.926-3.024.828-.876 1.788-1.56 2.88-2.052s2.256-.738 3.492-.738c1.656 0 3.162.426 4.518 1.278a9.34 9.34 0 0 1 3.258 3.438c.816 1.44 1.224 3.036 1.224 4.788 0 1.308-.234 2.532-.702 3.672a9.75 9.75 0 0 1-1.944 3.024 8.96 8.96 0 0 1-2.862 2.034c-1.08.492-2.244.738-3.492.738zm0-3.744c.996 0 1.89-.264 2.682-.792s1.416-1.224 1.872-2.088c.468-.876.702-1.824.702-2.844 0-1.044-.24-2.004-.72-2.88-.468-.876-1.098-1.572-1.89-2.088-.792-.528-1.674-.792-2.646-.792a4.78 4.78 0 0 0-2.682.792c-.792.528-1.422 1.23-1.89 2.106-.456.876-.684 1.83-.684 2.862 0 1.068.24 2.034.72 2.898s1.116 1.554 1.908 2.07c.804.504 1.68.756 2.628.756zM63.263 9h3.744v18.468c0 1.236-.264 2.376-.792 3.42-.516 1.044-1.218 1.944-2.106 2.7a9.72 9.72 0 0 1-3.06 1.782 10.28 10.28 0 0 1-3.582.63c-1.26 0-2.472-.27-3.636-.81-1.164-.528-2.19-1.248-3.078-2.16-.876-.912-1.53-1.944-1.962-3.096l3.438-1.548a5.31 5.31 0 0 0 1.152 1.98c.54.576 1.164 1.032 1.872 1.368.72.336 1.458.504 2.214.504.744 0 1.458-.12 2.142-.36.696-.228 1.314-.552 1.854-.972a4.79 4.79 0 0 0 1.314-1.512c.324-.588.486-1.23.486-1.926v-3.042c-.588.912-1.344 1.65-2.268 2.214-.924.552-1.998.828-3.222.828-1.272 0-2.472-.246-3.6-.738s-2.118-1.17-2.97-2.034a9.69 9.69 0 0 1-1.998-3.024c-.48-1.14-.72-2.364-.72-3.672s.24-2.532.72-3.672a9.42 9.42 0 0 1 1.998-3.024c.852-.876 1.842-1.56 2.97-2.052s2.328-.738 3.6-.738c1.224 0 2.298.282 3.222.846a6.78 6.78 0 0 1 2.268 2.214V9zm-5.454 14.85c1.044 0 1.956-.264 2.736-.792.78-.54 1.386-1.254 1.818-2.142s.648-1.86.648-2.916c0-1.08-.222-2.058-.666-2.934-.432-.888-1.038-1.596-1.818-2.124-.78-.54-1.686-.81-2.718-.81-1.008 0-1.932.264-2.772.792-.828.528-1.488 1.236-1.98 2.124s-.738 1.872-.738 2.952.246 2.064.738 2.952c.504.888 1.17 1.596 1.998 2.124a5.16 5.16 0 0 0 2.754.774z" fill="#1b273a"/></svg>
\ No newline at end of file
diff --git a/src/components/features/contentful/CtfImage.tsx b/src/components/features/contentful/CtfImage.tsx
index 557b162..5016bd2 100644
--- a/src/components/features/contentful/CtfImage.tsx
+++ b/src/components/features/contentful/CtfImage.tsx
@@ -1,17 +1,18 @@
 import NextImage, { ImageProps as NextImageProps } from 'next/image';
+import { useState } from 'react';
 import { twMerge } from 'tailwind-merge';
 
 import { ImageFieldsFragment } from '@src/lib/__generated/sdk';
 
 interface ImageProps extends Omit<ImageFieldsFragment, '__typename'> {
   nextImageProps?: Omit<NextImageProps, 'src' | 'alt'>;
+  blurHash?: string;
 }
 
-export const CtfImage = ({ url, width, height, title, nextImageProps }: ImageProps) => {
-  if (!url || !width || !height) return null;
+export const CtfImage = ({ url, width, height, title, nextImageProps, blurHash }: ImageProps) => {
+  const [isLoading, setIsLoading] = useState(true);
 
-  const blurURL = new URL(url);
-  blurURL.searchParams.set('w', '10');
+  if (!url || !width || !height) return null;
 
   return (
     <NextImage
@@ -19,11 +20,12 @@ export const CtfImage = ({ url, width, height, title, nextImageProps }: ImagePro
       width={width}
       height={height}
       alt={title || ''}
-      sizes="(max-width: 1200px) 100vw, 50vw"
       placeholder="blur"
-      blurDataURL={blurURL.toString()}
+      blurDataURL={blurHash}
       {...nextImageProps}
-      className={twMerge(nextImageProps?.className, 'transition-all')}
+      className={twMerge(nextImageProps?.className, `${isLoading ? 'blur-md ' : ''}transition-all`)}
+      onLoad={() => setIsLoading(false)}
+      priority
     />
   );
 };
diff --git a/src/pages/index.page.tsx b/src/pages/index.page.tsx
index ab1a639..6e73ba1 100644
--- a/src/pages/index.page.tsx
+++ b/src/pages/index.page.tsx
@@ -13,11 +13,13 @@ import Instagram from '@icons/instagram.svg';
 import Linkedin from '@icons/linkedin.svg';
 import Quora from '@icons/quora.svg';
 import Resume from '@icons/resume.svg';
+import Stackshare from '@icons/stackshare.svg';
 import { ArticleHero, ArticleImage, ArticleContent } from '@src/components/features/article';
 import { SeoFields } from '@src/components/features/seo';
 import { Container } from '@src/components/shared/container';
 import { client, previewClient } from '@src/lib/client';
 import { revalidateDuration } from '@src/pages/utils/constants';
+import { dynamicBlurDataUrl } from '@src/utilities/dynamicBlurDataUrl';
 
 const Page = (props: InferGetStaticPropsType<typeof getStaticProps>) => {
   const { t } = useTranslation();
@@ -35,19 +37,19 @@ const Page = (props: InferGetStaticPropsType<typeof getStaticProps>) => {
       {page.seoFields && <SeoFields {...page.seoFields} />}
 
       {page.featuredBlogPost && (
-        <Container className="mb-8 p-0">
+        <Container className="mb-8">
           <Link href={`/blog/${page.featuredBlogPost.slug}`}>
             <ArticleHero article={page.featuredBlogPost} />
           </Link>
         </Container>
       )}
 
-      <Container className="mx-auto max-w-xl p-0 text-center">
+      <Container className="text-center">
         {page.image && (
           <Container className="mb-8 max-w-xs p-0">
             <ArticleImage
               image={page.image}
-              className="aspect-square rounded-full border-none object-cover"
+              className="aspect-square rounded-full object-cover object-[55%] contrast-[110%] sepia-[25%]"
             />
           </Container>
         )}
@@ -66,7 +68,7 @@ const Page = (props: InferGetStaticPropsType<typeof getStaticProps>) => {
 
         <Container className="p-0">
           <h2 className="mb-2">{t('landingPage.reachMe')}</h2>
-          <ul className="mb-10 flex flex-wrap justify-center gap-2">
+          <ul className="mb-10 flex flex-wrap justify-center gap-1">
             <li>
               <a
                 href="https://www.linkedin.com/in/irmantas-tama%C5%A1auskas-6589272a6"
@@ -120,10 +122,20 @@ const Page = (props: InferGetStaticPropsType<typeof getStaticProps>) => {
                 <Quora className="transition-transform hover:-translate-y-0.5" />
               </a>
             </li>
+            <li>
+              <a
+                href="https://stackshare.io/irmantastam/my-stack"
+                target="_blank"
+                rel="noopener noreferrer"
+                title="Stackshare"
+              >
+                <Stackshare className="transition-transform hover:-translate-y-0.5" />
+              </a>
+            </li>
           </ul>
         </Container>
 
-        <Container className="mb-4 p-0">
+        <Container className="mb-4">
           <a
             href="/resume"
             target="_blank"
@@ -158,7 +170,18 @@ export const getStaticProps: GetStaticProps = async ({ locale, draftMode: previe
       props: {
         previewActive: !!preview,
         ...(await getServerSideTranslations(locale)),
-        page,
+        page: {
+          ...page,
+          image: {
+            ...page.image,
+            image: {
+              ...page.image?.image,
+              blurHash: page.image?.image?.url
+                ? await dynamicBlurDataUrl(page.image.image.url)
+                : '',
+            },
+          },
+        },
       },
     };
   } catch {
diff --git a/src/utilities/dynamicBlurDataUrl.ts b/src/utilities/dynamicBlurDataUrl.ts
new file mode 100644
index 0000000..f25e667
--- /dev/null
+++ b/src/utilities/dynamicBlurDataUrl.ts
@@ -0,0 +1,26 @@
+const baseUrl =
+  process.env.NODE_ENV === 'development'
+    ? 'http://localhost:3000/'
+    : process.env.NEXT_PUBLIC_DOMAIN;
+
+export async function dynamicBlurDataUrl(url: string) {
+  const base64str = await fetch(`${baseUrl}/_next/image?url=${url}&w=16&q=75`).then(async res =>
+    Buffer.from(await res.arrayBuffer()).toString('base64'),
+  );
+
+  const blurSvg = `
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 5'>
+      <filter id='b' color-interpolation-filters='sRGB'>
+        <feGaussianBlur stdDeviation='1' />
+      </filter>
+
+      <image preserveAspectRatio='none' filter='url(#b)' x='0' y='0' height='100%' width='100%' 
+      href='data:image/avif;base64,${base64str}' />
+    </svg>
+  `;
+
+  const toBase64 = (str: string) =>
+    typeof window === 'undefined' ? Buffer.from(str).toString('base64') : window.btoa(str);
+
+  return `data:image/svg+xml;base64,${toBase64(blurSvg)}`;
+}