Style: add blue button with linkedin text to ea

src/app/page.tsx

@@ -207,7 +207,8 @@ export default function LandingPage() {
               }
             ]}
           ariaLabel="Blog section"
-        />
+        
+          imageClassName="secondary-button text-background rounded-theme"/>
       </div>
 
       <div id="contact" data-section="contact">

src/components/sections/blog/BlogCardOne.tsx

@@ -7,7 +7,6 @@ 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";
@@ -138,11 +137,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}
@@ -251,4 +245,4 @@ const BlogCardOne = ({
 
 BlogCardOne.displayName = "BlogCardOne";
 
-export default BlogCardOne;
+export default BlogCardOne;