diff --git a/apps/web/public/user/cu-component.svg b/apps/web/public/user/cu-component.svg new file mode 100644 index 0000000..28de98b --- /dev/null +++ b/apps/web/public/user/cu-component.svg @@ -0,0 +1,41 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/apps/web/public/user/cu.svg b/apps/web/public/user/cu.svg new file mode 100644 index 0000000..1e5bfde --- /dev/null +++ b/apps/web/public/user/cu.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/apps/web/public/user/isd.svg b/apps/web/public/user/isd.svg new file mode 100644 index 0000000..78e76eb --- /dev/null +++ b/apps/web/public/user/isd.svg @@ -0,0 +1,33 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/apps/web/public/user/live.svg b/apps/web/public/user/live.svg new file mode 100644 index 0000000..c408adb --- /dev/null +++ b/apps/web/public/user/live.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/apps/web/public/user/logo.svg b/apps/web/public/user/logo.svg new file mode 100644 index 0000000..a05fba4 --- /dev/null +++ b/apps/web/public/user/logo.svg @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/apps/web/public/user/sgcu.svg b/apps/web/public/user/sgcu.svg new file mode 100644 index 0000000..b9055e9 --- /dev/null +++ b/apps/web/public/user/sgcu.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/apps/web/public/user/tu-component.svg b/apps/web/public/user/tu-component.svg new file mode 100644 index 0000000..0877e63 --- /dev/null +++ b/apps/web/public/user/tu-component.svg @@ -0,0 +1,39 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/apps/web/public/user/tu.svg b/apps/web/public/user/tu.svg new file mode 100644 index 0000000..e26a8ca --- /dev/null +++ b/apps/web/public/user/tu.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + + + + + + + + + diff --git a/apps/web/src/app/layout.tsx b/apps/web/src/app/layout.tsx index 18236bf..c798c06 100644 --- a/apps/web/src/app/layout.tsx +++ b/apps/web/src/app/layout.tsx @@ -1,6 +1,7 @@ import type { Metadata } from "next"; import { Anuphan } from "next/font/google"; import "./globals.css"; +import Image from "next/image"; const anuphan = Anuphan({ subsets: ["latin"] }); @@ -17,7 +18,31 @@ export default function RootLayout({ }>) { return ( - {children} + + {children} + + ); } diff --git a/apps/web/src/app/user/page.tsx b/apps/web/src/app/user/page.tsx new file mode 100644 index 0000000..2554aeb --- /dev/null +++ b/apps/web/src/app/user/page.tsx @@ -0,0 +1,57 @@ +"use client"; + +import Link from 'next/link' +import Image from 'next/image' + +const User = () => { + return ( +
+
+
+ live feedback + LIVE FEEDBACK +
+
+ logo + เลือกทีมที่คุณเชียร์! +
+ + cu + #ทีมจุฬาฯ + + + tu + #ทีมมธ + +
+
+ ); +} + +export default User; \ No newline at end of file diff --git a/apps/web/tailwind.config.ts b/apps/web/tailwind.config.ts index e9a0944..7db9283 100644 --- a/apps/web/tailwind.config.ts +++ b/apps/web/tailwind.config.ts @@ -13,6 +13,12 @@ const config: Config = { "gradient-conic": "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))", }, + colors:{ + "cu-primary": "#EE457B", + "cu-secondary": "#F1678C", + "tu-primary": "#ED1C24", + "tu-secondary": "#FBAF44" + } }, }, plugins: [],