wasp-ai: Added link to FAQ section.

This commit is contained in:
Matija Sosic 2023-07-10 14:14:04 +02:00
parent 8273337cf9
commit e4e315e43b
3 changed files with 18 additions and 7 deletions

View File

@ -1,18 +1,25 @@
import magicLogo from "../magic-app-gen-logo.png";
import { Link } from "react-router-dom";
import { RxQuestionMarkCircled } from "react-icons/rx";
export function Title() {
return (
<div>
<Link to="/" className="flex justify-flex-start items-center">
<img src={magicLogo} alt="wasp" className="w-20" />
<h1 className="text-xl md:text-2xl font-bold text-slate-800 ml-4">
GPT Web App Generator
<div className="flex justify-flex-start items-center">
<Link to="/">
<img src={magicLogo} alt="wasp" className="w-20" />
</Link>
<div className="text-xl md:text-2xl font-bold text-slate-800 ml-4">
<h1>GPT Web App Generator </h1>
<p className="md:text-base text-sm leading-relaxed text-gray-500">
Generate your full-stack web app in Wasp, React, Node.js and Prisma
</p>
</h1>
</Link>
<a href="#faq" className="flex items-center mt-2 space-x-1 text-gray-500 hover:text-gray-400">
<span className="text-sm font-normal">Learn more</span>
<RxQuestionMarkCircled className="text-base" />
</a>
</div>
</div>
</div>
);
}

View File

@ -171,4 +171,4 @@ Based on it, our AI code agent will then generate a full stack web app in Wasp,
</div>
);
};
export default MainPage;
export default MainPage;

View File

@ -12,6 +12,7 @@ import { Loader } from "../components/Loader";
import { MyDialog } from "../components/Dialog";
import { Logs } from "../components/Logs";
import { Header } from "../components/Header";
import { Faq } from "../components/Faq";
import {
PiCopyDuotone,
PiLaptopDuotone,
@ -311,6 +312,9 @@ export const ResultPage = () => {
</p>
</>
)}
<div className="mt-8">
<Faq/>
</div>
</div>
);
};