diff --git a/src/components/layout/footer.tsx b/src/components/layout/footer.tsx
index 83e27d4..fc49c8b 100644
--- a/src/components/layout/footer.tsx
+++ b/src/components/layout/footer.tsx
@@ -5,7 +5,7 @@ import { Logo } from '@/components/layout/logo';
 import { ModeSwitcherHorizontal } from '@/components/layout/mode-switcher-horizontal';
 import BuiltWithButton from '@/components/shared/built-with-button';
 import { useFooterLinks } from '@/config/footer-config';
-import { getSocialLinks } from '@/config/social-config';
+import { useSocialLinks } from '@/config/social-config';
 import { LocaleLink } from '@/i18n/navigation';
 import { cn } from '@/lib/utils';
 import { useTranslations } from 'next-intl';
@@ -14,7 +14,7 @@ import type React from 'react';
 export function Footer({ className }: React.HTMLAttributes<HTMLElement>) {
   const t = useTranslations();
   const footerLinks = useFooterLinks();
-  const socialLinks = getSocialLinks();
+  const socialLinks = useSocialLinks();
 
   return (
     <footer className={cn('border-t', className)}>
diff --git a/src/config/social-config.tsx b/src/config/social-config.tsx
index fa84b35..171c557 100644
--- a/src/config/social-config.tsx
+++ b/src/config/social-config.tsx
@@ -25,7 +25,7 @@ import { websiteConfig } from './website';
  *
  * @returns The social config
  */
-export function getSocialLinks(): MenuItem[] {
+export function useSocialLinks(): MenuItem[] {
   const socialLinks: MenuItem[] = [];
 
   if (websiteConfig.metadata.social?.github) {