'use client'; import Image from 'next/image'; import Link from 'next/link'; import { motion, AnimatePresence } from 'framer-motion'; import {FlowButton } from "@/components/ui/flow-button"; const containerVariants = { hidden: { opacity: 0, y: 30 }, visible: { opacity: 1, y: 0, transition: { duration: 0.7, ease: [0.43, 0.13, 0.23, 0.96], delayChildren: 0.1, staggerChildren: 0.1 } } }; const itemVariants = { hidden: { opacity: 0, y: 20 }, visible: { opacity: 1, y: 0, transition: { duration: 0.6, ease: [0.43, 0.13, 0.23, 0.96] } } }; const numberVariants = { hidden: (direction: number) => ({ opacity: 0, x: direction * 40, y: 15, rotate: direction * 5 }), visible: { opacity: 0.7, x: 0, y: 0, rotate: 0, transition: { duration: 0.8, ease: [0.43, 0.13, 0.23, 0.96] } } }; const ghostVariants = { hidden: { scale: 0.8, opacity: 0, y: 15, rotate: -5 }, visible: { scale: 1, opacity: 1, y: 0, rotate: 0, transition: { duration: 0.6, ease: [0.43, 0.13, 0.23, 0.96] } }, hover: { scale: 1.1, y: -10, rotate: [0, -5, 5, -5, 0], transition: { duration: 0.8, ease: "easeInOut", rotate: { duration: 2, ease: "linear", repeat: Infinity, repeatType: "reverse" } } }, floating: { y: [-5, 5], transition: { y: { duration: 2, ease: "easeInOut", repeat: Infinity, repeatType: "reverse" } } } }; export function NotFound() { return (

Boo! Page missing! Whoops! This page must be a ghost - it's not here! What means 404?

); }