diff --git a/ui/src/components/loading.tsx b/ui/src/components/loading.tsx
new file mode 100644
index 0000000..aa53191
--- /dev/null
+++ b/ui/src/components/loading.tsx
@@ -0,0 +1,11 @@
+import { Component } from 'solid-js';
+
+export const Loading: Component = () => {
+ return (
+
+ );
+};
diff --git a/ui/src/components/navbar.tsx b/ui/src/components/navbar.tsx
new file mode 100644
index 0000000..8187d5f
--- /dev/null
+++ b/ui/src/components/navbar.tsx
@@ -0,0 +1,18 @@
+import { Link } from './link';
+import { Component } from 'solid-js';
+
+export const Navbar: Component = () => {
+ return (
+
+ Accuribet
+
+
+ );
+};
diff --git a/ui/src/model/game.ts b/ui/src/model/game.ts
new file mode 100644
index 0000000..4faf998
--- /dev/null
+++ b/ui/src/model/game.ts
@@ -0,0 +1,48 @@
+export type DailyGames = DailyGame[]
+
+export interface DailyGame {
+ id: string
+ date: string
+ status: string
+ home_team: HomeTeam
+ away_team: AwayTeam
+ odds?: Odd[]
+}
+
+export interface HomeTeam {
+ id: number
+ name: string
+ score: number
+ wins: number
+ losses: number
+ abbreviation: string
+ injuries: Injury[]
+}
+
+export interface Injury {
+ player: string
+ team: string
+ position: string
+ injury: string
+ status: string
+}
+
+export interface AwayTeam {
+ id: number
+ name: string
+ score: number
+ wins: number
+ losses: number
+ abbreviation: string
+ injuries: Injury[]
+}
+
+
+
+export interface Odd {
+ book_name: string
+ home_money_line: number
+ away_money_line: number
+ over_under: number
+ num_bets: any
+}