Refactor: Update header and remove duplicate titles

- Modified the header to match the design of the about page.
- Removed duplicate titles from blog post and project detail pages.

Author: lovable-dev[bot]

src/components/ProfileHeader.tsx

@@ -7,7 +7,7 @@ interface ProfileHeaderProps {
   title?: string;
 }
 
-const ProfileHeader = ({ name, imageUrl, title = "Senior Site Reliability Engineer II" }: ProfileHeaderProps) => {
+const ProfileHeader = ({ name, imageUrl, title }: ProfileHeaderProps) => {
   return (
     <div className="flex flex-col items-center text-center animate-fade-up">
       <Avatar className="h-32 w-32 mb-4 border-4 border-white/20">

src/pages/BlogPost.tsx

@@ -29,7 +29,6 @@ const BlogPost = () => {
 
       <article>
         <div className="mb-8">
-          <h1 className="text-3xl md:text-4xl font-bold">{post.title}</h1>
           <p className="text-muted-foreground mt-2">{post.date}</p>
         </div>
 

src/pages/Home.tsx

@@ -4,7 +4,7 @@ import ProfileHeader from '@/components/ProfileHeader';
 import RecentPosts from '@/components/RecentPosts';
 import RecentProjects from '@/components/RecentProjects';
 import { blogPosts, projects } from '@/lib/data';
-import { ArrowRight } from 'lucide-react';
+import { ArrowRight, Github, Linkedin, Mail } from 'lucide-react';
 
 const Home = () => {
   // Get the 3 most recent posts
@@ -20,30 +20,50 @@ const Home = () => {
     id: project.id,
     title: project.title,
     slug: project.slug,
-    tags: ['kubernetes', 'cloud-native', 'sre']
+    tags: project.tags || ['kubernetes', 'cloud-native', 'sre']
   }));
 
   return (
-    <div className="min-h-[calc(100vh-8rem)] max-w-2xl mx-auto bg-purple-gradient text-white rounded-lg p-8 md:p-12 shadow-xl">
-      <ProfileHeader 
-        name="stafot" 
-        imageUrl="/lovable-uploads/14764fa4-1492-46b0-84a9-9f6b2fdafec1.png"
-      />
-      
-      <div className="mt-8 max-w-lg mx-auto">
-        <section className="mb-8 animate-fade-in" style={{ animationDelay: '0.1s' }}>
-          <p className="text-white/90 leading-relaxed">
-            Senior Site Reliability Engineer II at Mattermost, specializing in cloud-native solutions with a focus on data sovereignty, reliability, and FinOps practices.
-          </p>
-          <div className="mt-4">
-            <Link to="/about" className="inline-flex items-center text-white/80 hover:text-white text-sm hover:underline transition-all duration-300 group">
-              More about me <ArrowRight size={16} className="ml-1 group-hover:translate-x-1 transition-transform" />
-            </Link>
-          </div>
-        </section>
+    <div className="min-h-[calc(100vh-8rem)] mx-auto bg-purple-gradient text-white p-8 md:p-12">
+      <div className="max-w-4xl mx-auto flex flex-col items-center">
+        <ProfileHeader 
+          name="stafot" 
+          imageUrl="/lovable-uploads/14764fa4-1492-46b0-84a9-9f6b2fdafec1.png"
+          title=""
+        />
+        
+        <div className="flex justify-center space-x-4 mt-6">
+          <a href="https://github.com/stafot" target="_blank" rel="noopener noreferrer" 
+            className="bg-white/10 rounded-full p-3 hover:bg-white/20 transition-colors">
+            <Github size={24} />
+          </a>
+          <a href="https://linkedin.com/in/stafot" target="_blank" rel="noopener noreferrer" 
+            className="bg-white/10 rounded-full p-3 hover:bg-white/20 transition-colors">
+            <Linkedin size={24} />
+          </a>
+          <a href="mailto:stafot@gmail.com" 
+            className="bg-white/10 rounded-full p-3 hover:bg-white/20 transition-colors">
+            <Mail size={24} />
+          </a>
+        </div>
+        
+        <div className="mt-12 max-w-lg mx-auto">
+          <section className="mb-8 animate-fade-in" style={{ animationDelay: '0.1s' }}>
+            <p className="text-white/90 leading-relaxed">
+              Senior Site Reliability Engineer II at Mattermost, specializing in cloud-native solutions with a focus on data sovereignty, reliability, and FinOps practices.
+            </p>
+            <div className="mt-4">
+              <Link to="/about" className="inline-flex items-center text-white/80 hover:text-white text-sm hover:underline transition-all duration-300 group">
+                More about me <ArrowRight size={16} className="ml-1 group-hover:translate-x-1 transition-transform" />
+              </Link>
+            </div>
+          </section>
 
-        <RecentPosts posts={recentPosts} />
-        <RecentProjects projects={recentProjects} />
+          <div className="space-y-8">
+            <RecentPosts posts={recentPosts} />
+            <RecentProjects projects={recentProjects} />
+          </div>
+        </div>
       </div>
     </div>
   );