"use client"; import React, { useRef } from "react"; import { motion, useMotionValue, useSpring, useTransform } from "framer-motion"; import { BrainCircuit, Share2, Zap, Microscope, Info, ChevronRight } from "lucide-react"; export default function ThreeDTiltMetricCard() { const containerRef = useRef(null); const x = useMotionValue(0); const y = useMotionValue(0); const mouseXSpring = useSpring(x, { stiffness: 150, damping: 20 }); const mouseYSpring = useSpring(y, { stiffness: 150, damping: 20 }); const rotateX = useTransform(mouseYSpring, [-0.5, 0.5], ["12deg", "-12deg"]); const rotateY = useTransform(mouseXSpring, [-0.5, 0.5], ["-12deg", "12deg"]); const handleMouseMove = (e: React.MouseEvent) => { if (!containerRef.current) return; const rect = containerRef.current.getBoundingClientRect(); x.set((e.clientX - rect.left) / rect.width - 0.5); y.set((e.clientY - rect.top) / rect.height - 0.5); }; const handleMouseLeave = () => { x.set(0); y.set(0); }; return (

Synapse Active

AI Memory Density

4.8PB

84% Capacity

Recall Rate

12.4ms

Shards

1,024

); }