add link

src/app/interface/ai-clip-factory/index.tsx

@@ -0,0 +1,15 @@
+import { Button } from "@/components/ui/button"
+
+export function AIClipFactory() {
+  return (
+    <Button
+      variant="outline"
+      className="bg-yellow-300"
+      onClick={() => {
+        window.open("https://huggingface.co/spaces/jbilcke-hf/ai-clip-factory", "_blank")
+      }}>
+      <span className="hidden md:inline">Try the clip factory!</span>
+      <span className="inline md:hidden">AI Clips</span>
+    </Button>
+  )
+}

src/app/interface/bottom-bar/index.tsx

@@ -8,6 +8,7 @@ import { About } from "../about"
 import { startTransition, useState } from "react"
 import { upscaleImage } from "@/app/engine/render"
 import { sleep } from "@/lib/sleep"
+import { AIClipFactory } from "../ai-clip-factory"
 
 export function BottomBar() {
   const download = useStore(state => state.download)
@@ -114,6 +115,7 @@ ${uploadUrl
         `scale-[0.9]`
       )}>
         <About />
+        <AIClipFactory />
       </div>
       <div className={cn(
       `flex flex-row`,