diff --git a/task_management_app/public/img.png b/task_management_app/public/img.png new file mode 100644 index 0000000..6087835 Binary files /dev/null and b/task_management_app/public/img.png differ diff --git a/task_management_app/public/logo.png b/task_management_app/public/logo.png new file mode 100644 index 0000000..ca6da38 Binary files /dev/null and b/task_management_app/public/logo.png differ diff --git a/task_management_app/src/app/layout.tsx b/task_management_app/src/app/layout.tsx index 4408216..f36ae4b 100644 --- a/task_management_app/src/app/layout.tsx +++ b/task_management_app/src/app/layout.tsx @@ -6,7 +6,7 @@ import Header from "@/components/Header"; const inter = Inter({ subsets: ["latin"] }); export const metadata: Metadata = { - title: "Task Management App", + title: "Agenda board", description: "Generated by create next app", }; @@ -17,6 +17,7 @@ export default function RootLayout({ }>) { return ( +
diff --git a/task_management_app/src/app/page.tsx b/task_management_app/src/app/page.tsx index d5520f9..2ed1b43 100644 --- a/task_management_app/src/app/page.tsx +++ b/task_management_app/src/app/page.tsx @@ -1,5 +1,6 @@ import Boards from "@/components/Boards"; import LoginView from "@/components/views/LoginView"; +import Hero from "@/components/Hero"; import { authOptions } from "@/lib/authOptions"; import { getServerSession } from "next-auth"; import Link from "next/link"; @@ -10,7 +11,10 @@ export default async function Home() { const session = await getServerSession(authOptions); if(!session){ return( - + <> + + + ); } return ( diff --git a/task_management_app/src/components/Header.tsx b/task_management_app/src/components/Header.tsx index 9acf2fd..8d82af5 100644 --- a/task_management_app/src/components/Header.tsx +++ b/task_management_app/src/components/Header.tsx @@ -3,13 +3,17 @@ import { getServerSession } from 'next-auth' import LogoutButton from './LogoutButton'; import LoginButton from './LoginButton'; import Link from 'next/link'; +import Image from 'next/image'; +import Logo from '../../public/logo.png' const Header = async () => { const session = await getServerSession(authOptions); return (
- Task Management + + logo +
{session && (
@@ -21,7 +25,6 @@ const Header = async () => { )} {!session && (
- Not logged in
)} diff --git a/task_management_app/src/components/Hero.tsx b/task_management_app/src/components/Hero.tsx new file mode 100644 index 0000000..a797252 --- /dev/null +++ b/task_management_app/src/components/Hero.tsx @@ -0,0 +1,18 @@ +import Image from 'next/image' +import React from 'react' +import Img_hero from '../../public/img.png' + +function Test() { + return ( +
+
+

Manage your work flow with us!

+
+
+ img-hero +
+
+ ) +} + +export default Test \ No newline at end of file