diff --git a/app/student/miro/page.tsx b/app/student/miro/page.tsx index b7539d80..8b9cf7a7 100644 --- a/app/student/miro/page.tsx +++ b/app/student/miro/page.tsx @@ -12,6 +12,7 @@ import { ArrowRight, Circle } from "lucide-react"; import { cn } from "@/lib/utils"; import confetti from "canvas-confetti"; import { AnimatedShinyText } from "@/components/ui/animated-shiny-text"; +import { CheckeredFinishFlag } from "@/components/shared/checkered-finish-flag"; function EventEndAnimation({ show, @@ -961,6 +962,7 @@ export default function MiroThonLandingPage() { transition={{ duration: 0.5, ease: "easeInOut" }} className="flex flex-col items-center gap-4" > +

You've crossed the finish line diff --git a/components/shared/checkered-finish-flag.tsx b/components/shared/checkered-finish-flag.tsx new file mode 100644 index 00000000..19aa9a83 --- /dev/null +++ b/components/shared/checkered-finish-flag.tsx @@ -0,0 +1,41 @@ +"use client"; + +import { motion } from "framer-motion"; + +export function CheckeredFinishFlag() { + return ( + + {/* Shine sweep - same tempo as shiny text */} + + + ); +}