Replace Homepage with dashboard screenshot (#222)

apps/www/app/(dashboard)/(workspaceId)/error.tsx

@@ -0,0 +1,29 @@
+"use client";
+
+// Error components must be Client Components
+import { useEffect } from "react";
+
+import { cn } from "@/lib/utils";
+import { buttonVariants } from "@/components/ui/button";
+
+export default function Error({
+  error,
+  reset,
+}: {
+  error: Error & { digest?: string };
+  reset: () => void;
+}) {
+  return (
+    <div className="mt-5 space-y-4 text-center">
+      <h2 className="font-bold">Something went wrong!</h2>
+      <div>We will look into this and resolve it as soon as possible</div>
+      <button
+        type="submit"
+        className={cn(buttonVariants())}
+        onClick={() => reset()}
+      >
+        Retry
+      </button>
+    </div>
+  );
+}

apps/www/components/dashboard/feautressection.tsx

@@ -81,7 +81,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="https://raw.githubusercontent.com/auxibee/badget/main/project-app-screenshot.webp"
             alt="App screenshot"
             className="mb-[-12%] rounded-xl shadow-2xl ring-1 ring-gray-900/10"
             width={2432}

apps/www/next.config.js

@@ -41,6 +41,10 @@ const config = {
         protocol: "https",
         hostname: "tailwindui.com",
       },
+      {
+        protocol: "https",
+        hostname: "raw.githubusercontent.com",
+      },
       // TODO: remove code below
       {
         protocol: "https",