diff --git a/apps/www/assets/project-app-screenshot.webp b/apps/www/assets/project-app-screenshot.webp
new file mode 100644
index 00000000..1748e0d8
Binary files /dev/null and b/apps/www/assets/project-app-screenshot.webp differ
diff --git a/apps/www/components/dashboard/feautressection.tsx b/apps/www/components/dashboard/feautressection.tsx
index 97cbacfd..991cac6a 100644
--- a/apps/www/components/dashboard/feautressection.tsx
+++ b/apps/www/components/dashboard/feautressection.tsx
@@ -9,6 +9,8 @@ import {
 } from "lucide-react";
 import { Balancer } from "react-wrap-balancer";
 
+import screenshot from "../../assets/project-app-screenshot.webp";
+
 const features = [
   {
     name: "Revolutionizing Finance: AI-Powered Analysis",
@@ -81,7 +83,7 @@ export default function Featuressection() {
       <div className="relative overflow-hidden pt-16">
         <div className="mx-auto max-w-7xl px-6 lg:px-8">
           <Image
-            src="https://tailwindui.com/img/component-images/project-app-screenshot.png"
+            src={screenshot}
             alt="App screenshot"
             className="mb-[-12%] rounded-xl shadow-2xl ring-1 ring-gray-900/10"
             width={2432}