🍱 Move demo gif to public

README.md

@@ -2,7 +2,7 @@
 
 [Genmoji](https://genmoji.dev) is a tool and [website](https://genmoji.dev) that uses OpenAI's GPT or Anthropic's Claude API to generate commit messages from code snippets or `git diff`. With [Genmoji](https://genmoji.dev), developers can easily create informative and concise commit messages, using the [gitmoji](https://gitmoji.dev) standard, without spending time and effort writing them themselves.
 
-![img](./demo.gif)
+![img](./apps/web/public/demo.gif)
 
 ## Install
 

apps/cli/Makefile

@@ -22,4 +22,4 @@ version:
 	@echo $(VERSION)
 
 demo:
-	@vhs ../../demo.tape -o ../../demo.gif
+	@vhs ../../demo.tape -o ../web/public/demo.gif

apps/web/app/routes/_index.tsx

@@ -24,7 +24,7 @@ export default function Index() {
           to="https://github.com/segersniels/genmoji"
           className={cn(
             buttonVariants(),
-            'hover:shadow-[5px_5px_0px_0px_rgba(109,40,217)] transition-shadow duration-100 shadow-[3px_3px_0px_0px_rgba(109,40,217)]'
+            'hover:shadow-[5px_5px_0px_0px_rgba(109,40,217)] transition-shadow duration-100 shadow-[3px_3px_0px_0px_rgba(109,40,217)]',
           )}
           target="_blank"
           rel="noreferrer"
@@ -42,10 +42,7 @@ export default function Index() {
       </div>
 
       <div className="hidden flex-1 overflow-hidden rounded-2xl sm:block">
-        <img
-          src="https://github.com/segersniels/genmoji/blob/master/demo.gif?raw=true"
-          alt="demo"
-        />
+        <img src="/demo.gif" alt="demo" />
       </div>
     </div>
   );