diff --git a/frontend/src/components/ImageUpload.tsx b/frontend/src/components/ImageUpload.tsx index 520f595..f5f5fc7 100644 --- a/frontend/src/components/ImageUpload.tsx +++ b/frontend/src/components/ImageUpload.tsx @@ -3,6 +3,8 @@ import { useState, useEffect, useMemo } from "react"; import { useDropzone } from "react-dropzone"; // import { PromptImage } from "../../../types"; import { toast } from "react-hot-toast"; +import { URLS } from "../urls"; +import { Badge } from "./ui/badge"; const baseStyle = { flex: 1, @@ -157,10 +159,16 @@ function ImageUpload({ setReferenceImages }: Props) {

Drag & drop a screenshot here,
- or paste from clipboard,
or click to upload

+
+ New! Upload a screen recording in .mp4 or .mov format to + clone a whole app (experimental).{" "} + + Learn more. + +
); } diff --git a/frontend/src/urls.ts b/frontend/src/urls.ts new file mode 100644 index 0000000..1c74cab --- /dev/null +++ b/frontend/src/urls.ts @@ -0,0 +1,4 @@ +export const URLS = { + "intro-to-video": + "https://github.com/abi/screenshot-to-code/blob/main/blog/video-to-app.md", +};