feat: Add initial components and layout

src/components/button.tsx

@@ -0,0 +1,15 @@
+import { PropsWithChildren } from "react"
+
+interface IButtonProps extends PropsWithChildren {
+  onClick?: () => void
+}
+
+export const Button = (props: IButtonProps) => {
+  const { onClick, children } = props
+
+  return (
+    <button className="font-bold text-xl" onClick={onClick}>
+      {children}
+    </button>
+  )
+}

src/routes/timer/components/lap.tsx

@@ -0,0 +1 @@
+export const Lap = () => <b>I'm going to display a lap time in the future</b>

src/routes/timer/components/timerDisplay.tsx

@@ -0,0 +1,7 @@
+import { useState } from "react"
+
+export const TimerDisplay = () => {
+  const [time] = useState(0)
+
+  return <div className="flex justify-center text-9xl m-6">{time}</div>
+}

src/routes/timer/timer.tsx

@@ -1,3 +1,16 @@
+import { Button } from "../../components/button"
+import { TimerDisplay } from "./components/timerDisplay"
+
 export const Timer = () => {
-  return <h1 className="underline">Quick Tailwind Test</h1>
+  return (
+    <>
+      <h1 className="flex justify-center text-5xl m-6">Trial Timer</h1>
+      <TimerDisplay />
+      <div className="grid grid-cols-3 gap-3">
+        <Button>Start</Button>
+        <Button>Reset</Button>
+        <Button>Lap</Button>
+      </div>
+    </>
+  )
 }