From ac6197c8ee3e0e3ab2a1a89bf95f40b359a71c5f Mon Sep 17 00:00:00 2001
From: kudindmitriy <kudin.dima@gmail.com>
Date: Mon, 26 Jan 2026 17:43:23 +0200
Subject: [PATCH] Free edit: add instagram icon to each card on the left side o

---
 src/components/sections/blog/BlogCardOne.tsx | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/components/sections/blog/BlogCardOne.tsx b/src/components/sections/blog/BlogCardOne.tsx
index 358c2aa..c7817e1 100644
--- a/src/components/sections/blog/BlogCardOne.tsx
+++ b/src/components/sections/blog/BlogCardOne.tsx
@@ -7,10 +7,10 @@ import Badge from "@/components/shared/Badge";
 import OverlayArrowButton from "@/components/shared/OverlayArrowButton";
 import { cls, shouldUseInvertedText } from "@/lib/utils";
 import { useTheme } from "@/providers/themeProvider/ThemeProvider";
-import { LinkedIn } from "lucide-react";
 import type { LucideIcon } from "lucide-react";
 import type { ButtonConfig, CardAnimationType, TitleSegment } from "@/components/cardStack/types";
 import type { TextboxLayout, InvertedBackground } from "@/providers/themeProvider/config/constants";
+import { Instagram } from "lucide-react";
 
 type BlogCard = {
     id: string;
@@ -103,6 +103,9 @@ const BlogCardItem = memo(({
             aria-label={`${blog.title} by ${blog.authorName}`}
         >
             <div className={cls("relative z-1 w-full aspect-[4/3] overflow-hidden rounded-theme-capped", imageWrapperClassName)}>
+                <div className="absolute left-2 top-2">
+                    <Instagram className="w-6 h-6 text-white hover:blur-sm" />
+                </div>
                 <Image
                     src={blog.imageSrc}
                     alt={blog.imageAlt || blog.title}
@@ -138,11 +141,6 @@ const BlogCardItem = memo(({
                     <div className="flex flex-col">
                         <p className={cls("text-sm font-medium", shouldUseLightText ? "text-background" : "text-foreground", authorNameClassName)}>
                             {blog.authorName}
-                            {blog.linkedinUrl && (
-                                <a href={blog.linkedinUrl} target="_blank" rel="noopener noreferrer" className="ml-1">
-                                    <LinkedIn size={16} />
-                                </a>
-                            )}
                         </p>
                         <p className={cls("text-xs", shouldUseLightText ? "text-background/75" : "text-foreground/75", dateClassName)}>
                             {blog.date}