add none style and moods

app/api/generate/title/route.ts

@@ -18,7 +18,7 @@ export async function POST(
       parameters: {
         num_return_sequences: 1,
         return_full_text: false,
-
+        do_sample: false,
       }
     }),
   })

components/styles.tsx

@@ -22,7 +22,7 @@ export const Styles = ({
             <div
               key={style.label}
               className={classNames(
-                "w-full cursor-pointer transition-all duration-200 opacity-40 hover:opacity-100 rounded-xl bg-cover bg-center relative px-2 py-8 bg-gray-700 text-center font-bold text-white text-xl z-[1] overflow-hidden",
+                "w-full cursor-pointer transition-all duration-200 opacity-40 hover:opacity-100 rounded-xl bg-cover bg-center relative px-2 py-8 bg-amber-900 text-center font-bold text-white text-xl z-[1] overflow-hidden",
                 {
                   "!opacity-100 ring-[4px] ring-white/50":
                     style.value === value,

utils/index.ts

@@ -6,6 +6,10 @@ export const LENGTHS = [
 ];
 
 export const STYLES = [{
+  value: "none",
+  prompt: "",
+  label: "None",
+},{
   value: "hiphop",
   prompt: "Hip Hop and Rap track",
   label: "Hip Hop",
@@ -113,6 +117,11 @@ export const STYLES = [{
 }]
 
 export const MOODS = [{
+  value: "none",
+  label: "None",
+  prompt: "",
+  emoji: ""
+},{
   value: "happy",
   label: "Happy",
   prompt: "with an happy vibe",