add a link to tips

frontend/src/App.tsx

@@ -39,6 +39,7 @@ import { CodeGenerationModel } from "./lib/models";
 import ModelSettingsSection from "./components/ModelSettingsSection";
 import { extractHtml } from "./components/preview/extractHtml";
 import useBrowserTabIndicator from "./hooks/useBrowserTabIndicator";
+import { URLS } from "./urls";
 
 const IS_OPENAI_DOWN = false;
 
@@ -372,6 +373,15 @@ function App() {
             }
           />
 
+          <a
+            className="text-xs underline text-gray-500 text-right"
+            href={URLS.tips}
+            target="_blank"
+            rel="noopener"
+          >
+            Tips for better results
+          </a>
+
           {IS_RUNNING_ON_CLOUD &&
             !(settings.openAiApiKey || settings.accessCode) && (
               <OnboardingNote />

frontend/src/urls.ts

@@ -1,4 +1,5 @@
 export const URLS = {
   "intro-to-video":
-    "https://github.com/abi/screenshot-to-code/blob/main/blog/video-to-app.md",
+    "https://github.com/abi/screenshot-to-code/wiki/Screen-Recording-to-Code",
+  tips: "https://git.new/s5ywP0e",
 };