Merge pull request #19 from New1Direction/feat/magnetic-and-cleanup

feat(website): magnetic primary CTAs + de-emoji the docs nav

Author: New1Direction

website/app/layout.config.tsx

@@ -1,11 +1,21 @@
 import type { BaseLayoutProps } from 'fumadocs-ui/layouts/shared';
+import { Icon } from '@/components/site/Icon';
 
-/** Shared nav config consumed by both the home and docs layouts. */
+/** Shared nav config consumed by the docs layout. */
 export const baseOptions: BaseLayoutProps = {
   nav: {
     title: (
-      <span style={{ fontWeight: 700, letterSpacing: '-0.02em' }}>
-        🔭 RepoLens
+      <span
+        style={{
+          display: 'inline-flex',
+          alignItems: 'center',
+          gap: 7,
+          fontWeight: 700,
+          letterSpacing: '-0.02em',
+        }}
+      >
+        <Icon name="lens" size={18} />
+        RepoLens
       </span>
     ),
   },

website/components/home/SiteMotion.tsx

@@ -113,6 +113,33 @@ export function SiteMotion() {
 
         // Recompute trigger positions once the display font has settled.
         ScrollTrigger.refresh();
+
+        // 5) Magnetic primary CTAs — they pull toward the cursor. Pointer
+        // devices only; quickTo runs off the React render cycle.
+        const magnetCleanups: Array<() => void> = [];
+        if (window.matchMedia('(pointer: fine)').matches) {
+          gsap.utils.toArray<HTMLElement>('.btn-primary').forEach((btn) => {
+            const xTo = gsap.quickTo(btn, 'x', { duration: 0.5, ease: 'power3' });
+            const yTo = gsap.quickTo(btn, 'y', { duration: 0.5, ease: 'power3' });
+            const onMove = (e: PointerEvent) => {
+              const r = btn.getBoundingClientRect();
+              xTo((e.clientX - (r.left + r.width / 2)) * 0.35);
+              yTo((e.clientY - (r.top + r.height / 2)) * 0.5);
+            };
+            const onLeave = () => {
+              xTo(0);
+              yTo(0);
+            };
+            btn.addEventListener('pointermove', onMove);
+            btn.addEventListener('pointerleave', onLeave);
+            magnetCleanups.push(() => {
+              btn.removeEventListener('pointermove', onMove);
+              btn.removeEventListener('pointerleave', onLeave);
+            });
+          });
+        }
+
+        return () => magnetCleanups.forEach((fn) => fn());
       });
 
       cleanup = () => mm.revert();