|
1 | | -import { logout } from "@/app/login/actions"; |
2 | | -import Image from "next/image"; |
| 1 | +import { Button } from "@/shared/components/ui/button"; |
| 2 | +import { ArrowRightCircle } from "lucide-react"; |
| 3 | +import Link from "next/link"; |
3 | 4 |
|
4 | 5 | export default function Home() { |
5 | 6 | return ( |
6 | | - <div className="grid min-h-screen grid-rows-[20px_1fr_20px] items-center justify-items-center gap-16 p-8 pb-20 font-[family-name:var(--font-geist-sans)] sm:p-20"> |
7 | | - <main className="row-start-2 flex flex-col items-center gap-8 sm:items-start"> |
8 | | - <Image |
| 7 | + <div className="flex min-h-screen w-full items-center justify-center bg-[linear-gradient(0deg,_#FFF4D9,_#FFEFD2_52%,_#67C5FF)] text-center dark:bg-[linear-gradient(0deg,_#443461,_#130F5A_38%,_#1F1F1F)]"> |
| 8 | + <div className="flex h-[50vh] w-[70vw] flex-col items-center justify-around rounded-xl bg-foreground/20"> |
| 9 | + <div className="flex flex-col gap-2"> |
| 10 | + <h1 className="text-8xl font-bold tracking-tight">Learn and grow</h1> |
| 11 | + <h2 className="text-4xl font-medium tracking-tight"> |
| 12 | + with your personalized classroom agent |
| 13 | + </h2> |
| 14 | + </div> |
| 15 | + <div className="flex w-2/5 flex-col items-center gap-10"> |
| 16 | + <h3 className="text-xl italic"> |
| 17 | + A collaborative space for students and teachers to interact with the |
| 18 | + future of LLM-enhanced education. |
| 19 | + </h3> |
| 20 | + <Button |
| 21 | + effect="hoverUnderlineWhiteExpand" |
| 22 | + icon={ArrowRightCircle} |
| 23 | + iconPlacement="right" |
| 24 | + className="h-12 w-full max-w-[20vw] bg-[#200092] text-white shadow-[0px_0px_45px_1px_#6083FF] hover:bg-[#200092]/90" |
| 25 | + > |
| 26 | + <Link href="classrooms" className="text-lg"> |
| 27 | + Start your journey today |
| 28 | + </Link> |
| 29 | + </Button> |
| 30 | + </div> |
| 31 | + </div> |
| 32 | + </div> |
| 33 | + ); |
| 34 | + |
| 35 | + { |
| 36 | + /* <Image |
9 | 37 | className="dark:invert" |
10 | 38 | src="/next.svg" |
11 | 39 | alt="Next.js logo" |
@@ -51,9 +79,11 @@ export default function Home() { |
51 | 79 | Logout |
52 | 80 | </button> |
53 | 81 | </form> |
54 | | - </div> |
55 | | - </main> |
56 | | - <footer className="row-start-3 flex flex-wrap items-center justify-center gap-6"> |
| 82 | + </div> */ |
| 83 | + } |
| 84 | + |
| 85 | + { |
| 86 | + /* <footer className="row-start-3 flex flex-wrap items-center justify-center gap-6"> |
57 | 87 | <a |
58 | 88 | className="flex items-center gap-2 hover:underline hover:underline-offset-4" |
59 | 89 | href="https://nextjs.org/learn?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app" |
@@ -99,7 +129,6 @@ export default function Home() { |
99 | 129 | /> |
100 | 130 | Go to nextjs.org → |
101 | 131 | </a> |
102 | | - </footer> |
103 | | - </div> |
104 | | - ); |
| 132 | + </footer> */ |
| 133 | + } |
105 | 134 | } |
0 commit comments