diff --git a/src/app/page.tsx b/src/app/page.tsx
index cd0c949..9779a22 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -11,8 +11,9 @@ import ContactText from "@/components/sections/contact/ContactText";
 import FooterCard from "@/components/sections/footer/FooterCard";
 import Link from "next/link";
 import { Sparkles, TrendingUp, Instagram, Twitter, Youtube } from "lucide-react";
+import type { LucideIcon } from "lucide-react";
 
-const TikTok = (props: React.SVGProps<SVGSVGElement>) => (
+const TikTok: LucideIcon = (props: React.SVGProps<SVGSVGElement>) => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
     width="24"
@@ -23,7 +24,7 @@ const TikTok = (props: React.SVGProps<SVGSVGElement>) => (
   >
     <path d="M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.68v13.67a2.4 2.4 0 1 1-2.4-2.4c.34 0 .67.03 1 .09V9.41a7.12 7.12 0 0 0-1-.08C5.89 9.33 2 13.46 2 18.13s3.88 8.81 8.74 8.81c4.65 0 8.6-3.36 8.6-7.53 0-.13 0-.26 0-.39a5.5 5.5 0 0 0-.56-1.78h.09c4.87 0 8.82-3.37 8.82-7.53 0-4.16-3.96-7.53-8.82-7.53z"/>
   </svg>
-);
+) as LucideIcon;
 
 export default function HomePage() {
   const navItems = [
@@ -34,7 +35,7 @@ export default function HomePage() {
     { name: "Contact", id: "contact" },
   ];
 
-  const socialLinks = [
+  const socialLinks: Array<{ icon: LucideIcon; href: string; ariaLabel: string }> = [
     { icon: Instagram, href: "https://instagram.com/umbra", ariaLabel: "Instagram" },
     { icon: Twitter, href: "https://twitter.com/umbra", ariaLabel: "Twitter" },
     { icon: TikTok, href: "https://tiktok.com/@umbra", ariaLabel: "TikTok" },