Leon SerfatyandClaude Opus 4.8
857b9a7811
Property Management Network — Next.js 16 (App Router), Better Auth, Drizzle ORM over PostgreSQL, Stripe, OpenAI, Resend. Includes: - Security hardening: access-control/IDOR fixes, TLS-by-default DB layer, constant-time cron auth, strict security headers, atomic AI quota gating, HTML/email output encoding, demo-backdoor disabled in production. - Superadmin dashboard at /admin (overview/MRR, server-paginated users with ban/impersonate/plan/delete, billing, platform activity + admin audit log, AI usage, system health) via the Better Auth admin plugin. - Seed/migration utility scripts under scripts/. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
42 lines
1.3 KiB
TypeScript
42 lines
1.3 KiB
TypeScript
"use client"
|
|
|
|
import { useEffect, useState } from "react"
|
|
import { motion, useMotionValue, useSpring } from "framer-motion"
|
|
|
|
export function CursorGlow() {
|
|
const [visible, setVisible] = useState(false)
|
|
const mouseX = useMotionValue(-400)
|
|
const mouseY = useMotionValue(-400)
|
|
|
|
const springX = useSpring(mouseX, { stiffness: 80, damping: 20, mass: 0.5 })
|
|
const springY = useSpring(mouseY, { stiffness: 80, damping: 20, mass: 0.5 })
|
|
|
|
useEffect(() => {
|
|
const handler = (e: MouseEvent) => {
|
|
mouseX.set(e.clientX)
|
|
mouseY.set(e.clientY)
|
|
if (!visible) setVisible(true)
|
|
}
|
|
window.addEventListener("mousemove", handler, { passive: true })
|
|
return () => window.removeEventListener("mousemove", handler)
|
|
}, [visible, mouseX, mouseY])
|
|
|
|
return (
|
|
<div className="pointer-events-none fixed inset-0 z-[10] hidden lg:block overflow-hidden">
|
|
<motion.div
|
|
className="absolute rounded-full"
|
|
style={{
|
|
width: 500,
|
|
height: 500,
|
|
x: springX,
|
|
y: springY,
|
|
translateX: "-50%",
|
|
translateY: "-50%",
|
|
background: "radial-gradient(circle, rgba(99,102,241,0.07) 0%, rgba(139,92,246,0.04) 40%, transparent 70%)",
|
|
opacity: visible ? 1 : 0,
|
|
}}
|
|
/>
|
|
</div>
|
|
)
|
|
}
|