header subtitle

components/header.tsx

@@ -2,7 +2,6 @@
 import Image from "next/image";
 
 import HeaderImage from "@/assets/images/header.svg";
-import HeaderImageMesh from "@/assets/images/header-mesh.png";
 
 import { useInputGeneration } from "@/components/main/hooks/useInputGeneration";
 import classNames from "classnames";
@@ -13,19 +12,24 @@ export const Header = () => {
   return (
     <header
       className={classNames(
-        "z-[1] transition-all duration-1000 overflow-hidden",
+        "bg-black z-[1] transition-all duration-1000 overflow-hidden",
         {
           "!max-h-[0px]": hasMadeFirstGeneration,
           "max-h-[450px]": !hasMadeFirstGeneration,
         }
       )}
     >
-      <div className="relative bg-cover bg-fixed z-[1]">
-        <div className="flex items-start px-6 mx-auto max-w-[1722px] relative py-32">
+      <div className="relative bg-cover bg-fixed bg-black z-[1]">
+        <div className="flex items-start px-6 mx-auto max-w-[1722px] relative pt-24 pb-20">
           <div className="w-full lg:w-1/2 relative z-10">
             <h1 className="font-bold text-5xl lg:text-7xl text-white text-center lg:text-left">
               Fast Stable Diffusion XL on TPU v5e ⚡
             </h1>
+
+            <p className="text-base text-white/70 mt-3 text-center lg:text-left">
+              Generate your own images - all images generated are community
+              shared.
+            </p>
           </div>
           <Image
             src={HeaderImage}

prisma/schema.prisma

@@ -4,7 +4,7 @@ generator client {
 
 datasource db {
   provider = "sqlite"
-  url      = "file:../data/dev.db"
+  url      = "file://data/dev.db"
 }
 
 model Image {