diff --git a/src/lib/components/organisms/About.svelte b/src/lib/components/organisms/About.svelte
index 60b256b..ea71d61 100644
--- a/src/lib/components/organisms/About.svelte
+++ b/src/lib/components/organisms/About.svelte
@@ -33,7 +33,7 @@
 		</p>
 	</div>
 	<div class="image">
-		<Image src="/images/sample-image.png" alt="Sample for the static template" />
+		<Image src="/images/app-preview.gif" alt="Sample for the static template" />
 	</div>
 </section>
 
diff --git a/static/images/app-preview.gif b/static/images/app-preview.gif
new file mode 100644
index 0000000..fae5b4b
Binary files /dev/null and b/static/images/app-preview.gif differ
diff --git a/static/images/sample-image.png b/static/images/sample-image.png
deleted file mode 100644
index 82b6efa..0000000
Binary files a/static/images/sample-image.png and /dev/null differ
diff --git a/static/images/site-preview.png b/static/images/site-preview.png
index 4c56431..e431061 100644
Binary files a/static/images/site-preview.png and b/static/images/site-preview.png differ
diff --git a/static/images/site-screenshot.png b/static/images/site-screenshot.png
index 84b8d8e..afef3d9 100644
Binary files a/static/images/site-screenshot.png and b/static/images/site-screenshot.png differ