diff --git a/public/og-image.webp b/public/og-image.webp
new file mode 100644
index 0000000..9ea6fda
Binary files /dev/null and b/public/og-image.webp differ
diff --git a/src/heros/SplitHero/index.tsx b/src/heros/SplitHero/index.tsx
index 14b6271..e098789 100644
--- a/src/heros/SplitHero/index.tsx
+++ b/src/heros/SplitHero/index.tsx
@@ -22,18 +22,23 @@ export const SplitHero: React.FC<SplitHeroProps> = function (props) {
     <div className="border-b border-foreground/8">
       <Container className="px-0">
         <div className="grid grid-cols-1 md:grid-cols-2">
-          <div className="flex flex-col justify-between gap-8 px-8 py-14 md:border-r border-foreground/8">
+          <div className="flex flex-col justify-between gap-8 px-8 py-14 md:border-r border-foreground/8 bg-background/40 backdrop-blur-sm">
             <div>
+              <div className="flex items-center gap-2 mb-5">
+                <span className="w-2 h-2 rounded-full bg-emerald-500 animate-pulse shrink-0" />
+                <span className="text-xs text-foreground/40">Available for hire</span>
+              </div>
               {eyebrow && (
                 <p className="text-xs tracking-widest uppercase text-foreground/30 mb-5">
                   {eyebrow}
                 </p>
               )}
               {heading && (
-                <h1 className="text-4xl font-medium text-foreground leading-[1.1] mb-4 whitespace-pre-line">
+                <h1 className="text-5xl lg:text-6xl font-semibold text-foreground leading-[1.05] mb-4 whitespace-pre-line">
                   {heading}
                 </h1>
               )}
+              ...rest stays the same{' '}
               {subtext && (
                 <p className="text-sm text-foreground/50 leading-relaxed max-w-sm mb-6">
                   {subtext}