clarify the licence

README.md

@@ -1,5 +1,5 @@
 ---
-title: Illustrateur (cloud)
+title: Illustrateur (cloud version)
 emoji: ⚡
 sdk: docker
 colorFrom: purple

src/app/layout.tsx

@@ -6,8 +6,8 @@ import { Inter } from 'next/font/google'
 const inter = Inter({ subsets: ['latin'] })
 
 export const metadata: Metadata = {
-  title: 'Illustrateur',
-  description: 'Illustrateur',
+  title: 'Illustrateur (non-commercial usage only)',
+  description: 'Illustrateur - for non-commercial usage only',
 }
 
 export default function RootLayout({

src/app/main.tsx

@@ -196,11 +196,12 @@ export function Main() {
             )}>
               <Card className="shadow-xl z-30 rounded-xl">
                 <CardHeader>
-                  <div className="flex flex-row justify-start">
+                  <div className="flex flex-col justify-start">
                     <div className="flex flex-row items-center font-mono p-3 bg-zinc-900 rounded-lg">
                       <div className="px-1 pt-1 p-0.5 rounded-sm mr-2 bg-yellow-400 text-xl text-zinc-900 font-bold">HFi</div>
                       <div className="text-yellow-400 text-lg">Illustrateur</div>
                     </div>
+                    <p className="text-neutral-400 text-xs pt-4">Based on Stable Cascade, so currently for non-commercial usage only.</p>
                   </div>
                 </CardHeader>
                 <CardContent className="flex flex-col">