klz-cables.com/components/SkipLink.tsx

'use client';

import { useTranslations } from 'next-intl';

export default function SkipLink() {
  const t = useTranslations('Navigation');

  return (
    <a
      href="#main-content"
      className="sr-only focus:not-sr-only focus:fixed focus:top-4 focus:left-4 focus:z-[100] focus:px-6 focus:py-3 focus:bg-white focus:text-primary-dark focus:font-bold focus:rounded-lg focus:shadow-xl focus:outline-none focus:ring-2 focus:ring-accent transition-all"
    >
      {t('skipToContent')}
    </a>
  );
}