new logo

components/editor/history-view.tsx

@@ -38,7 +38,7 @@ export const HistoryView = function () {
 
   return (
     <div className="absolute inset-0 bg-background/10 rounded-2xl backdrop-blur-xs z-10 flex items-center justify-center p-4 border">
-      <div className="max-w-sm rounded-2xl overflow-hidden border border-indigo-500/20 text-center bg-linear-to-b from-accent/50 to-accent/30">
+      <div className="max-w-sm rounded-2xl overflow-hidden border border-indigo-500/20 bg-card text-center bg-linear-to-b from-accent/50 to-accent/30">
         <header className="bg-linear-to-b from-indigo-500/25 dark:from-indigo-500/40 to-accent p-6">
           <div className="flex items-center justify-center -space-x-4 mb-3">
             <div className="size-9 rounded-full bg-pink-200 shadow-2xs flex items-center justify-center text-xl opacity-50">

components/public/hero-header.tsx

@@ -10,9 +10,9 @@ export function HeroHeader() {
         data-slot="badge"
         className="rounded-full border border-indigo-500/10 px-2 py-0.5 text-xs font-medium w-fit bg-linear-to-br from-indigo-500/10 to-purple-300/20 text-indigo-500"
       >
-        DeepSite: new release 🎉
+        DeepSite: v4 is here 🎉
       </div>
-      <h1 className="mb-3 text-balance text-4xl font-bold tracking-tight lg:text-5xl lg:text-7xl">
+      <h1 className="mb-3 text-balance text-4xl font-bold tracking-tight lg:text-7xl">
         {TITLE.map((word, index) => (
           <motion.span
             key={index}

components/ui/button.tsx

@@ -25,6 +25,8 @@ const buttonVariants = cva(
           "border bg-background hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
         indigo:
           "border border-indigo-500 bg-indigo-500 text-white hover:bg-indigo-600 dark:border-indigo-500/30 dark:bg-indigo-500/20 dark:text-indigo-400 dark:hover:bg-indigo-500/30",
+        gradient:
+          "bg-linear-to-r from-rose-500/80 via-fushia-500/80 to-yellow-500/80 text-white hover:brightness-110 font-semibold!",
         "ghost-bordered":
           "border bg-primary-foreground hover:bg-background hover:text-accent-foreground dark:hover:bg-accent/50",
         pro: "bg-linear-to-br from-pink-500 dark:from-pink-500/50 via-green-500 dark:via-green-500/50 to-amber-500 dark:to-amber-500/50 text-white hover:brightness-120 font-semibold! [&_img]:grayscale [&_img]:brightness-1 [&_img]:invert dark:[&_img]:invert-0 dark:[&_img]:grayscale-0 dark:[&_img]:brightness-100",