add

src/app/layout.tsx

@@ -9,8 +9,8 @@ import { Footer } from "@/components/footer";
 import { Navbar } from "@/components/navbar";
 
 export const metadata: Metadata = {
- title: "Create Next App",
- description: "Generated by create next app",
+ title: "CashyBuddy",
+ description: "CashyBuddy - JWC13",
 };
 
 export default function RootLayout({

src/app/mbti/page.tsx

@@ -0,0 +1,13 @@
+import Image from "next/image";
+import Link from "next/link";
+
+import { Button } from "@/components/ui/button";
+
+export default function Page() {
+ return (
+ <div className="flex flex-col items-center space-y-4 m-8">
+ <Image src="/Jwc - Website.zip - 11.PNG" alt="CashyBuddy" height={750} width={750} />
+ <Link href="/mbti/submitted"><Button>ส่ง</Button></Link>
+ </div>
+ );
+}

src/app/mbti/submitted/page.tsx

@@ -0,0 +1,12 @@
+import Image from "next/image";
+import Link from "next/link";
+
+import { Button } from "@/components/ui/button";
+
+export default function Page() {
+ return (
+ <div className="flex flex-col items-center space-y-4 m-8">
+ <Image src="/Jwc - Website.zip - 12.PNG" alt="CashyBuddy" height={750} width={750} />
+ </div>
+ );
+}

src/app/page.tsx

@@ -18,7 +18,7 @@ export default function Page() {
  <p className="mt-2">“คู่หูรู้ใจไฟแนนซ์วัยทีน”</p>
  </div>
  </div>
- <div className="mt-10 bg-slate-50 p-4 m-2 text-xl">
+ <div className="mt-10 bg-green-300 p-4 m-2 text-xl">
  <h1>เกี่ยวกับเรา</h1>
  </div>
  <div className="flex flex-row mt-4 space-x-6">
@@ -36,7 +36,7 @@ export default function Page() {
  </p>
  </div>
  </div>
- <div className="bg-slate-50 p-4">
+ <div className="bg-green-300 p-4">
  <h1>FAQ</h1>
  </div>
  <div className="flex flex-col space-y-8 mt-4 ">

src/app/question/form.tsx

@@ -150,7 +150,7 @@ export function QuestionForm() {
  <Chart1 />
  <Chart2 />
  </div>
- <Link href="/">
+ <Link href="/question/submitted">
  <Button type="submit">Submit</Button>
  </Link>
  </form>

src/app/question/submitted/page.tsx

@@ -0,0 +1,9 @@
+import Image from "next/image";
+
+export default function Page() {
+ return (
+ <div className="flex justify-center">
+ <Image src="/Jwc - Website.zip - 10.PNG" alt="CashyBuddy" height={750} width={750} />
+ </div>
+ );
+}

src/components/navbar.tsx

@@ -13,11 +13,10 @@ export function Navbar() {
  </Link>
  </div>
  <div className="flex flex-1 items-center justify-end space-x-10">
- <Link href="#">ABOUT US</Link>
- <Link href="#">FAQ</Link>
- <Button><Link href="/question">LOGIN</Link></Button>
+ <Link href="/mbti">Cashy</Link>
+ <Button><Link href="/question">Start</Link></Button>
  </div>
- 
+
  </div>
  </header>
  );