feat(config, layout, components): enhance security headers, improve SEO, and update project descriptions

- Added security headers in the Next.js configuration to enhance application security.
- Updated metadata in the layout component for improved SEO, including new titles, descriptions, and keywords.
- Introduced JSON-LD schema for projects to enhance search engine visibility.
- Enhanced project descriptions in the portfolio data for clarity and detail.
- Improved header component with logo integration and refined social media links for better accessibility.

app/components/Hero.tsx

@@ -21,7 +21,7 @@ export default function Hero() {
   };
 
   return (
-    <section id="home" className="relative min-h-screen flex items-center justify-center overflow-hidden bg-[#030712]">
+    <section id="home" className="relative min-h-screen flex items-center justify-center overflow-hidden bg-[#030712] pt-28 md:pt-20">
       {/* 1. Background Engineering: Grid Pattern & Radial Shading */}
       <div className="absolute inset-0 z-0">
         <div className="absolute inset-0 bg-[linear-gradient(to_right,#1f2937_1px,transparent_1px),linear-gradient(to_bottom,#1f2937_1px,transparent_1px)] bg-[size:4rem_4rem] [mask-image:radial-gradient(ellipse_60%_50%_at_50%_0%,#000_70%,transparent_100%)] opacity-20" />
@@ -79,11 +79,17 @@ export default function Hero() {
               
               <div className="flex gap-4 px-4">
                 {[
-                  { icon: Github, link: "https://github.com/evandrodevbr" },
-                  { icon: Linkedin, link: "https://linkedin.com/..." },
-                  { icon: Mail, link: "mailto:..." }
+                  { icon: Github, link: "https://github.com/evandrodevbr", rel: "me" },
+                  { icon: Linkedin, link: "https://www.linkedin.com/in/evandro-fonseca-junior-0969aa1b0/", rel: "me" },
+                  { icon: Mail, link: "mailto:[email protected]" }
                 ].map((social, i) => (
-                  <a key={i} href={social.link} className="p-3 rounded-lg border border-slate-800 text-slate-400 hover:text-white hover:border-slate-600 transition-all">
+                  <a 
+                    key={i} 
+                    href={social.link} 
+                    rel={social.rel ? `${social.rel} noopener noreferrer` : "noopener noreferrer"}
+                    target={social.link.startsWith("mailto:") ? undefined : "_blank"}
+                    className="p-3 rounded-lg border border-slate-800 text-slate-400 hover:text-white hover:border-slate-600 transition-all"
+                  >
                     <social.icon className="w-5 h-5" />
                   </a>
                 ))}
@@ -118,13 +124,14 @@ export default function Hero() {
                 fill
                 className="object-cover grayscale hover:grayscale-0 transition-all duration-700 scale-105 hover:scale-100"
                 priority
+                fetchPriority="high"
               />
             </div>
             
             {/* Floating Stats Badge */}
             <div className="absolute -bottom-6 -right-6 bg-slate-900 border border-slate-800 p-4 rounded-2xl shadow-2xl z-20 backdrop-blur-xl">
               <p className="text-xs text-slate-500 uppercase font-bold tracking-tighter">Exp. Level</p>
-              <p className="text-xl font-mono text-blue-400">Senior Dev</p>
+              <p className="text-xl font-mono text-blue-400">Mid-Level Engineer</p>
             </div>
           </motion.div>
         </div>