feat: Introduce new AI skills, core application layout, and cinematic UI components for the portfolio.

app/components/cinematic/MagneticButton.tsx

@@ -16,6 +16,7 @@ interface MagneticButtonProps {
   "data-cursor"?: string;
   type?: "button" | "submit" | "reset";
   wrapperClassName?: string;
+  "aria-label"?: string;
 }
 
 export default function MagneticButton({
@@ -31,6 +32,7 @@ export default function MagneticButton({
   "data-cursor": dataCursor,
   type,
   wrapperClassName = "",
+  "aria-label": ariaLabel,
 }: MagneticButtonProps) {
   const ref = useRef<HTMLDivElement>(null);
   const [position, setPosition] = useState({ x: 0, y: 0 });
@@ -80,6 +82,7 @@ export default function MagneticButton({
         }}
         {...linkProps}
         {...buttonProps}
+        aria-label={ariaLabel}
       >
         {children}
       </Tag>