fix screenshotone links

frontend/src/components/SettingsDialog.tsx

@@ -78,7 +78,14 @@ function SettingsDialog({ settings, setSettings }: Props) {
           <Label htmlFor="screenshot-one-api-key">
             <div>ScreenshotOne API key</div>
             <div className="font-light mt-2">
-              Never stored. Get 500 screenshots for free by month by signing up.
+              Never stored.{" "}
+              <a
+                href="https://screenshotone.com?via=screenshot-to-code"
+                className="underline"
+                target="_blank"
+              >
+                Get 100 screenshots/mo for free.
+              </a>
             </div>
           </Label>
 

frontend/src/components/UrlInputSection.tsx

@@ -71,7 +71,11 @@ export function UrlInputSection({ doCreate, screenshotOneApiKey }: Props) {
         <div className="flex space-y-4 bg-slate-200 p-2 rounded text-stone-800 text-sm">
           <span>
             To screenshot a URL, add a{" "}
-            <a href="https://screenshotone.com/" className="underline">
+            <a
+              href="https://screenshotone.com?via=screenshot-to-code"
+              className="underline"
+              target="_blank"
+            >
               ScreenshotOne API key
             </a>{" "}
             in the settings dialog.