From 8ad2533058af757c9fd4ab3a692d0c59c1bf61e9 Mon Sep 17 00:00:00 2001
From: swve <bdswve@gmail.com>
Date: Thu, 18 Jan 2024 11:34:16 +0100
Subject: [PATCH] feat: improve dashboard home page

---
 apps/web/app/orgs/[orgslug]/dash/page.tsx | 39 +++++++++++++++++++++--
 1 file changed, 36 insertions(+), 3 deletions(-)

diff --git a/apps/web/app/orgs/[orgslug]/dash/page.tsx b/apps/web/app/orgs/[orgslug]/dash/page.tsx
index ae18e474..55af25aa 100644
--- a/apps/web/app/orgs/[orgslug]/dash/page.tsx
+++ b/apps/web/app/orgs/[orgslug]/dash/page.tsx
@@ -1,11 +1,44 @@
-import PageLoading from '@components/Objects/Loaders/PageLoading'
+import Image from 'next/image'
 import React from 'react'
+import learnhousetextlogo from '../../../../public/learnhouse_logo.png'
+import learnhouseiconlogo from '../../../../public/learnhouse_bigicon.png'
+import { BookCopy, School, Settings } from 'lucide-react'
+import Link from 'next/link'
 
 function DashboardHome() {
     return (
         <div className="flex items-center justify-center mx-auto min-h-screen flex-col space-x-3">
-            <PageLoading />
-            <div className='text-neutral-400 font-bold animate-pulse text-2xl'>This page is work in progress</div>
+            <div className='mx-auto pb-10'>
+                <Image alt='learnhouse logo' width={230} src={learnhousetextlogo}></Image>
+            </div>
+            <div className='flex space-x-10'>
+                <Link href={`/dash/courses`} className='flex bg-white shadow-lg p-[35px] w-[350px] rounded-lg items-center mx-auto hover:scale-105 transition-all ease-linear cursor-pointer'>
+                    <div className='flex flex-col mx-auto space-y-2'>
+                        <BookCopy className='mx-auto text-gray-500' size={50}></BookCopy>
+                        <div className='text-center font-bold text-gray-500'>Courses</div>
+                        <p className='text-center text-sm text-gray-400'>Create and manage courses, chapters and ativities </p>
+                    </div>
+                </Link>
+                <Link href={`/dash/org/settings/general`} className='flex bg-white shadow-lg p-[35px] w-[350px] rounded-lg  items-center mx-auto hover:scale-105 transition-all ease-linear cursor-pointer'>
+                    <div className='flex flex-col mx-auto space-y-2'>
+                        <School className='mx-auto text-gray-500' size={50}></School>
+                        <div className='text-center font-bold text-gray-500'>Organization</div>
+                        <p className='text-center text-sm text-gray-400'>Configure your Organization general settings </p>
+                    </div>
+                </Link>
+                <Link href={'/dash/user/settings/general'} className='flex bg-white shadow-lg p-[35px] w-[350px] rounded-lg  items-center mx-auto hover:scale-105 transition-all ease-linear cursor-pointer'>
+                    <div className='flex flex-col mx-auto space-y-2'>
+                        <Settings className='mx-auto text-gray-500' size={50}></Settings>
+                        <div className='text-center font-bold text-gray-500'>Personal Settings</div>
+                        <p className='text-center text-sm text-gray-400'>Configure your personal settings, passwords, email</p>
+                    </div>
+                </Link>
+            </div>
+            <div className='mt-[80px] h-1 w-[100px] bg-neutral-200 rounded-full'></div>
+            <Link href={'https://learn.learnhouse.io/'} className='flex mt-[40px] bg-black space-x-4 items-center py-3 px-7 rounded-lg shadow-lg hover:scale-105 transition-all ease-linear cursor-pointer'>
+                <BookCopy className='mx-auto text-gray-100' size={20}></BookCopy>
+                <div className='text-center text-sm font-bold text-gray-100'>Learn LearnHouse</div>
+            </Link>
         </div>
     )
 }