cooking somethig

app/page.tsx

@@ -1,24 +1,27 @@
 'use client';
+import { Awards } from '@/components/awards';
 import Image from 'next/image';
 import Link from 'next/link';
 
 import { useEffect, useState } from 'react';
 
 function Home() {
-	const [days, setDays] = useState(0);
-	const [hours, setHours] = useState(0);
-	useEffect(() => {
-		const target = new Date('7/28/2024 23:59:59');
-		const interval = setInterval(() => {
-			const now = new Date();
-			const difference = target.getTime() - now.getTime();
-			const d = Math.floor(difference / (1000 * 60 * 60 * 24));
-			setDays(d);
-			const h = Math.floor((difference % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
-			setHours(h);
-		}, 1000);
-		return () => clearInterval(interval);
-	}, []);
+	// const [days, setDays] = useState(0);
+	// const [hours, setHours] = useState(0);
+	// useEffect(() => {
+	// 	const target = new Date('7/28/2024 23:59:59');
+	// 	const interval = setInterval(() => {
+	// 		const now = new Date();
+	// 		const difference = target.getTime() - now.getTime();
+	// 		const d = Math.floor(difference / (1000 * 60 * 60 * 24));
+	// 		setDays(d);
+	// 		const h = Math.floor(difference / (1000 * 60 * 60 * 24 * 30));
+	// 		setHours(h);
+	// 		console.log(h);
+	// 	}, 1000);
+	// 	return () => clearInterval(interval);
+	// }, []);
+
 	return (
 		<div className="page">
 			<header>
@@ -90,7 +93,7 @@ function Home() {
 							className="blob green"
 							aria-hidden="true"
 						></div>
-						<h2 id="header-subtitle-spots">84 spots remaining</h2>
+						<h2 id="header-subtitle-spots"> Venue TBC</h2>
 					</div>
 				</div>
 			</main>
@@ -401,7 +404,7 @@ function Home() {
 						</div>
 					</div>
 				</div>
-
+				<Awards />
 				<hr id="line-header" />
 				<div className="sponsors">
 					<div className="sponsors2">Sponsors</div>

package.json

@@ -10,13 +10,14 @@
   },
   "dependencies": {
     "@next/font": "13.1.2",
+    "@tabler/icons-react": "^3.1.0",
     "@types/node": "18.11.18",
     "@types/react": "18.0.26",
     "@types/react-dom": "18.0.10",
     "clsx": "^2.1.0",
     "eslint": "8.31.0",
     "eslint-config-next": "13.1.2",
-    "framer-motion": "^11.0.24",
+    "framer-motion": "^11.0.25",
     "gray-matter": "^4.0.3",
     "markdown-to-jsx": "^7.1.9",
     "mini-svg-data-uri": "^1.4.4",