iClasser
diff --git a/‎apps/web/app/globals.css‎
Lines changed: 5 additions & 1 deletion b/‎apps/web/app/globals.css‎
Lines changed: 5 additions & 1 deletion
diff --git a/‎apps/web/app/layout.tsx‎
Lines changed: 7 additions & 2 deletions b/‎apps/web/app/layout.tsx‎
Lines changed: 7 additions & 2 deletions
diff --git a/‎apps/web/app/page.tsx‎
Lines changed: 5 additions & 6 deletions b/‎apps/web/app/page.tsx‎
Lines changed: 5 additions & 6 deletions
diff --git a/‎apps/web/components/chatgpt-editor.tsx‎
Lines changed: 1 addition & 1 deletion b/‎apps/web/components/chatgpt-editor.tsx‎
Lines changed: 1 addition & 1 deletion
@@ -78,4 +78,8 @@
   transform: scale(2);
   width: fit-content;
   height: fit-content;
-}
+}
+
+.roboto-flex {
+  font-family: var(--font-roboto-flex), sans-serif;
+}
@@ -1,5 +1,7 @@
 import type { Metadata } from "next";
 import localFont from "next/font/local";
+import { Roboto_Flex } from "next/font/google";
+
 import "./globals.css";
 
 const geistSans = localFont({
@@ -10,7 +12,10 @@ const geistMono = localFont({
   src: "./fonts/GeistMonoVF.woff",
   variable: "--font-geist-mono",
 });
-
+const robotoFlex = Roboto_Flex({
+  subsets: ["latin"],
+  variable: "--font-roboto-flex",
+});
 const keyworsSeo = [
   "postermaker",
   "interactive",
@@ -65,7 +70,7 @@ export default function RootLayout({
           content="Create stunning posters with Postermaker.dev, the interactive poster maker app. Design your own posters easily with our web-based tool."
         />
       </head>
-      <body className={`${geistSans.variable} ${geistMono.variable}`}>
+      <body className={`${geistSans.variable} ${geistMono.variable} ${robotoFlex.variable}`}>
         {children}
       </body>
     </html>
 
@@ -15,12 +15,11 @@ const tabs = [
   {
     key: "chatgpt",
     label: "ChatGPT Card",
+  },
+  {
+    key: "gradient",
+    label: "Gradient Card",
   }
-  // ,
-  // {
-  //   key: "gradient",
-  //   label: "Gradient Card",
-  // },
 ];
 
 export default function Home() {
@@ -31,7 +30,7 @@ export default function Home() {
       <CardSizeProvider>
         {tab === "markdown" ? <QuizMarkdownEditor /> : null}
         {tab === "chatgpt" ? <ChatgptEditor /> : null}
-        {/* {tab === "gradient" ? <GradientEditor /> : null} */}
+        {tab === "gradient" ? <GradientEditor /> : null}
       </CardSizeProvider>
     </MainHomeLayout>
   );
 
@@ -176,7 +176,7 @@ export default function ChatgptEditor() {
           value={text}
           name="text"
           onChange={(e) => setStateValue(e.target.name, e.target.value)}
-          placeholder="Paste your markdown here..."
+          placeholder="Paste your prompt here..."
         />
 
         <div className="flex flex-col mt-4 border p-2 rounded-md">