From 242e40ddd879a84dda73f821a5993430e87326cf Mon Sep 17 00:00:00 2001 From: Kamran Ahmed <kamranahmed.se@gmail.com> Date: Mon, 14 Apr 2025 14:18:54 +0100 Subject: [PATCH] Add protip --- src/components/GenerateCourse/AICourse.tsx | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/src/components/GenerateCourse/AICourse.tsx b/src/components/GenerateCourse/AICourse.tsx index 2e6fffb70..02de0ff1e 100644 --- a/src/components/GenerateCourse/AICourse.tsx +++ b/src/components/GenerateCourse/AICourse.tsx @@ -76,7 +76,7 @@ export function AICourse(props: AICourseProps) { <h1 className="mb-0.5 text-center text-4xl font-semibold max-md:text-left max-md:text-xl lg:mb-3"> What can I help you learn? </h1> - <p className="mb-3 text-balance text-center text-lg text-gray-600 max-md:text-left max-md:text-sm lg:mb-6"> + <p className="mb-3 text-center text-lg text-balance text-gray-600 max-md:text-left max-md:text-sm lg:mb-6"> Enter a topic below to generate a personalized course for it </p> @@ -165,6 +165,14 @@ export function AICourse(props: AICourseProps) { </button> </form> </div> + + <div className="mx-auto mt-4 max-w-xl rounded-lg bg-gray-50 px-4 py-3"> + <p className="text-center text-sm leading-6 text-gray-600"> + <span className="font-semibold text-gray-900">Pro tip:</span> Use + specific topics like "JavaScript Promises" or "Go Routines" instead of + "JavaScript" or "Go" for better results + </p> + </div> </div> ); }