added phone number and updated some things

components/layout/Footer.tsx

@@ -1,5 +1,5 @@
 import Link from "next/link";
-import { Mail } from "lucide-react";
+import { Mail, Phone } from "lucide-react";
 import { FaLinkedin } from "react-icons/fa6";
 import { SiGitea } from "react-icons/si";
 import type { Locale, Dictionary } from "@/lib/dictionaries";
@@ -23,6 +23,7 @@ export default function Footer({ locale, dict }: FooterProps) {
     [dict.footer.connect]: [
       { label: "Source Code", href: "https://git.ksan.dev/ksan", external: true },
       { label: "Email", href: "mailto:contact@ksan.dev", external: true },
+      { label: "+387 66 644 094", href: "tel:+38766644094", external: true },
       { label: "LinkedIn", href: "https://www.linkedin.com/in/%C4%91or%C4%91e-k%C5%A1an-886871266", external: true },
     ],
   };
@@ -30,6 +31,7 @@ export default function Footer({ locale, dict }: FooterProps) {
   const socials = [
     { icon: SiGitea, href: "https://git.ksan.dev/ksan", label: "Gitea" },
     { icon: Mail, href: "mailto:contact@ksan.dev", label: "Email" },
+    { icon: Phone, href: "tel:+38766644094", label: "Phone" },
     { icon: FaLinkedin, href: "https://www.linkedin.com/in/%C4%91or%C4%91e-k%C5%A1an-886871266/", label: "LinkedIn" },
   ];
 
@@ -84,8 +86,8 @@ export default function Footer({ locale, dict }: FooterProps) {
                     {"external" in link && link.external ? (
                       <a
                         href={link.href}
-                        target="_blank"
-                        rel="noopener noreferrer"
+                        target={link.href.startsWith("http") ? "_blank" : undefined}
+                        rel={link.href.startsWith("http") ? "noopener noreferrer" : undefined}
                         className="text-sm text-text-secondary transition-colors hover:text-text-primary"
                       >
                         {link.label}

components/sections/ContactForm.tsx

@@ -6,6 +6,7 @@ import { SiGitea } from "react-icons/si";
 import {
   ArrowRight,
   Mail,
+  Phone,
   MapPin,
   Clock,
   Send,
@@ -74,6 +75,12 @@ export default function ContactForm({ dict }: ContactFormProps) {
       value: "contact@ksan.dev",
       href: "mailto:contact@ksan.dev",
     },
+    {
+      icon: Phone,
+      label: t.phoneLabel,
+      value: "+387 66 644 094",
+      href: "tel:+38766644094",
+    },
     {
       icon: SiGitea,
       label: "Source Code",

components/sections/Hero.tsx

@@ -14,7 +14,7 @@ interface HeroProps {
 export default function Hero({ locale, dict }: HeroProps) {
   const stats = [
     { value: "13+", label: dict.hero.stats.projects },
-    { value: "4", label: dict.hero.stats.clients },
+    { value: "5", label: dict.hero.stats.clients },
     { value: "10", label: dict.hero.stats.infra },
     { value: "<24h", label: dict.hero.stats.response },
   ];
@@ -65,17 +65,6 @@ export default function Hero({ locale, dict }: HeroProps) {
           animate="visible"
           className="mx-auto max-w-4xl text-center"
         >
-          {/* Badge */}
-          <motion.div variants={fadeUp} className="mb-8 flex justify-center">
-            <span className="inline-flex items-center gap-2 rounded-full border border-emerald-500/30 bg-emerald-500/10 px-3.5 py-1.5 font-mono text-xs tracking-tight text-emerald-300 backdrop-blur-md">
-              <span className="relative flex h-1.5 w-1.5">
-                <span className="absolute inset-0 animate-ping rounded-full bg-emerald-400 opacity-75" />
-                <span className="relative inline-flex h-1.5 w-1.5 rounded-full bg-emerald-400" />
-              </span>
-              {dict.hero.badge}
-            </span>
-          </motion.div>
-
           {/* Heading */}
           <motion.h1
             variants={fadeUp}