diff --git a/app/favicon.ico b/app/favicon.ico index 718d6fe..a26c929 100644 Binary files a/app/favicon.ico and b/app/favicon.ico differ diff --git a/app/globals.css b/app/globals.css index 875c01e..1e3cce5 100644 --- a/app/globals.css +++ b/app/globals.css @@ -8,6 +8,11 @@ --background-end-rgb: 255, 255, 255; } +@font-face { + font-family: "Popppins"; + src: url(); +} + @media (prefers-color-scheme: dark) { :root { --foreground-rgb: 255, 255, 255; diff --git a/app/layout.tsx b/app/layout.tsx index 3314e47..af57f96 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -1,11 +1,17 @@ import type { Metadata } from "next"; -import { Inter } from "next/font/google"; +import { Inter, Poppins } from "next/font/google"; import "./globals.css"; -const inter = Inter({ subsets: ["latin"] }); +// const inter = Inter({ subsets: ["latin"] }); + +const poppins = Poppins({ + weight: ['100', '200', '300', '400', '500', '600', '700', '800', '900'], + subsets: ['latin'], + display: 'swap', +}); export const metadata: Metadata = { - title: "Create Next App", + title: "Feedback Flow", description: "Generated by create next app", }; @@ -16,7 +22,7 @@ export default function RootLayout({ }>) { return ( - {children} + {children} ); } diff --git a/app/login/page.tsx b/app/login/page.tsx new file mode 100644 index 0000000..41a8606 --- /dev/null +++ b/app/login/page.tsx @@ -0,0 +1,34 @@ +import Image from "next/image"; + +const Login = () => { + return ( +
+
+

+ Welcome to Feedback Flow +

+ slack-logo +
+
+ OR +
+
+
+ + +
+
+
+ ); +}; + +export default Login; diff --git a/app/page.tsx b/app/page.tsx index 98178e8..eb04095 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -3,12 +3,12 @@ import Image from "next/image"; export default function Home() { return (
-
-

+

+

Get started by editing  app/page.tsx

-
+
+ + Login +
-
+
-
+
-

+

Instantly deploy your Next.js site to a shareable URL with Vercel.

diff --git a/public/slack.svg b/public/slack.svg new file mode 100644 index 0000000..a53d224 --- /dev/null +++ b/public/slack.svg @@ -0,0 +1,33 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/tailwind.config.ts b/tailwind.config.ts index 7e4bd91..367df4e 100644 --- a/tailwind.config.ts +++ b/tailwind.config.ts @@ -8,6 +8,11 @@ const config: Config = { ], theme: { extend: { + colors: { + "primary": "#6640D5", + "secondary": "#4598FB", + "white": "#F8F5F5" + }, backgroundImage: { "gradient-radial": "radial-gradient(var(--tw-gradient-stops))", "gradient-conic":