diff --git a/app/(pages)/(index-page)/_components/Stats.tsx b/app/(pages)/(index-page)/_components/Stats.tsx new file mode 100644 index 0000000..72fe36d --- /dev/null +++ b/app/(pages)/(index-page)/_components/Stats.tsx @@ -0,0 +1,144 @@ +'use client'; +import React, { useState } from 'react'; +import Image from 'next/image'; +import circle_of_circles_pink from '@public/home/stats/circle_of_circles_pink.svg'; +import circle_of_circles_cyan from '@public/home/stats/circle_of_circles_cyan.svg'; +import cross_lime from '@public/home/stats/cross_lime.svg'; +import cross_cyan from '@public/home/stats/cross_cyan.svg'; +import flower_thing from '@public/home/stats/flower_thing.svg'; +import hackers_count from '@public/home/stats/hackers_count.svg'; +import projects_count from '@public/home/stats/projects_count.svg'; +import prize_amount from '@public/home/stats/prize_amount.svg'; +import scissors from '@public/home/stats/scissors.svg'; +import sponsor_button from '@public/home/stats/sponsor_button.svg'; +import sponsor_button_hover from '@public/home/stats/sponsor_button_hover.svg'; +import tape from '@public/home/stats/tape.svg'; +import time_count from '@public/home/stats/time_count.svg'; +import squiggly_circle_pink from '@public/home/stats/squiggly_circle_pink.svg'; +import squiggly_circle_yellow from '@public/home/stats/squiggly_circle_yellow.svg'; +import background_gradient from '@public/home/stats/background_gradient.svg'; + +export default function Stats() { + const [isHovered, setIsHovered] = useState(false); + + return ( +