Default image

Author: edwardysun

apps/dashboard/src/pages/project-showcase/[slug].tsx

@@ -81,7 +81,7 @@ export function DetailPageUI() {
                         client: thirdwebClient,
                         uri: project.image,
                       }) ?? "")
-                    : (project.image ?? "/assets/showcase/abstract-w.png")
+                    : (project.image ?? "/assets/showcase/default_image.png")
                 }
                 alt={`${project.title} Thumbnail`}
                 layout="fill"

apps/dashboard/src/pages/project-showcase/index.tsx

@@ -57,7 +57,7 @@ export function ProjectShowcaseUI() {
           <div className="grid gap-6 lg:grid-cols-[1fr_400px] lg:gap-12 xl:grid-cols-[1fr_600px]">
             <div className="flex flex-col justify-center space-y-4">
               <div className="space-y-2">
-                <h1 className="text-3xl font-bold tracking-tighter sm:text-5xl xl:text-6xl/none">
+                <h1 className="font-bold text-3xl tracking-tighter sm:text-5xl xl:text-6xl/none">
                   Built on thirdweb
                 </h1>
                 <p className="max-w-[600px] md:text-3xl">
@@ -67,13 +67,13 @@ export function ProjectShowcaseUI() {
               <div className="flex flex-col gap-2 min-[400px]:flex-row">
                 <Link
                   href="https://thirdweb.com/login"
-                  className="inline-flex h-10 items-center justify-center rounded-md bg-gray-900 px-8 text-sm font-medium text-gray-50 shadow transition-colors hover:bg-gray-900/90 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-gray-950 disabled:pointer-events-none disabled:opacity-50 dark:bg-gray-50 dark:text-gray-900 dark:hover:bg-gray-50/90 dark:focus-visible:ring-gray-300"
+                  className="inline-flex h-10 items-center justify-center rounded-md bg-gray-900 px-8 font-medium text-gray-50 text-sm shadow transition-colors hover:bg-gray-900/90 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-gray-950 disabled:pointer-events-none disabled:opacity-50 dark:bg-gray-50 dark:text-gray-900 dark:focus-visible:ring-gray-300 dark:hover:bg-gray-50/90"
                 >
                   Get Started
                 </Link>
                 <Link
                   href="https://blog.thirdweb.com/case-studies/"
-                  className="inline-flex h-10 items-center justify-center rounded-md border border-gray-200 bg-white px-8 text-sm font-medium shadow-sm transition-colors hover:bg-gray-100 hover:text-gray-900 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-gray-950 disabled:pointer-events-none disabled:opacity-50 dark:border-gray-800 dark:bg-gray-950 dark:hover:bg-gray-800 dark:hover:text-gray-50 dark:focus-visible:ring-gray-300"
+                  className="inline-flex h-10 items-center justify-center rounded-md border border-gray-200 bg-white px-8 font-medium text-sm shadow-sm transition-colors hover:bg-gray-100 hover:text-gray-900 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-gray-950 disabled:pointer-events-none disabled:opacity-50 dark:border-gray-800 dark:bg-gray-950 dark:focus-visible:ring-gray-300 dark:hover:bg-gray-800 dark:hover:text-gray-50"
                 >
                   View all case studies
                 </Link>
@@ -124,7 +124,8 @@ export function ProjectShowcaseUI() {
                             client: thirdwebClient,
                             uri: project.image,
                           }) ?? "")
-                        : (project.image ?? "/assets/showcase/abstract-w.png")
+                        : (project.image ??
+                          "/assets/showcase/default_image.png")
                     }
                     alt={project.title}
                     width={300}