Update background images

components/landing/comic-creation-form.tsx

@@ -360,7 +360,7 @@ export function ComicCreationForm({
         </div>
       )}
 
-      <div className="pt-2">
+      <div className="pt-4">
         {!isLoaded ? (
           <div className="h-10" />
         ) : isSignedIn ? (

components/landing/comic-preview.tsx

@@ -16,7 +16,7 @@ export function ComicPreview({
           <div className="bg-white w-48 aspect-3/4 p-2 shadow-2xl rounded-sm rotate-12">
             <div className="w-full h-full bg-neutral-900 border-2 border-black overflow-hidden">
               <img
-                src="/manga-style-hero-battle-scene.jpg"
+                src="/manga.jpg"
                 alt="Background comic"
                 className="w-full h-full object-cover opacity-60"
               />
@@ -28,7 +28,7 @@ export function ComicPreview({
           <div className="bg-white w-56 aspect-3/4 p-2 shadow-2xl rounded-sm -rotate-6">
             <div className="w-full h-full bg-neutral-900 border-2 border-black overflow-hidden">
               <img
-                src="/american-comic-superhero-flying.jpg"
+                src="/american.jpg"
                 alt="Background comic"
                 className="w-full h-full object-cover opacity-60"
               />
@@ -40,7 +40,7 @@ export function ComicPreview({
           <div className="bg-white w-52 aspect-3/4 p-2 shadow-2xl rounded-sm -rotate-12">
             <div className="w-full h-full bg-neutral-900 border-2 border-black overflow-hidden">
               <img
-                src="/noir-detective-comic-panel-dark.jpg"
+                src="/noir.jpg"
                 alt="Background comic"
                 className="w-full h-full object-cover opacity-60"
               />
@@ -52,7 +52,7 @@ export function ComicPreview({
           <div className="bg-white w-44 aspect-3/4 p-2 shadow-2xl rounded-sm rotate-6">
             <div className="w-full h-full bg-neutral-900 border-4 border-black overflow-hidden relative">
               <img
-                src="/vintage-comic-book-cover-retro.jpg"
+                src="/vintage-superman.jpg"
                 alt="Background comic"
                 className="w-full h-full object-cover opacity-60"
               />
@@ -74,7 +74,7 @@ export function ComicPreview({
                   }`}
                 >
                   <img
-                    src="/american-comic-superhero-flying.jpg"
+                    src="/american.jpg"
                     alt="Comic preview page 1"
                     className="w-full h-full object-cover opacity-80 grayscale-20 contrast-125"
                   />
@@ -96,7 +96,7 @@ export function ComicPreview({
                   }`}
                 >
                   <img
-                    src="/manga-style-hero-battle-scene.jpg"
+                    src="/manga.jpg"
                     alt="Comic preview page 2"
                     className="w-full h-full object-cover opacity-80 grayscale-20 contrast-125"
                   />
@@ -105,7 +105,7 @@ export function ComicPreview({
                     Manga
                   </div>
                   <div className="absolute bottom-8 left-4 right-8 bg-white text-black p-2 text-[10px] font-medium border-2 border-black shadow-[2px_2px_0px_rgba(0,0,0,1)] leading-tight transform -rotate-1">
-                    {'"The battle begins!"'}
+                    {'"Time to save the world!"'}
                   </div>
                 </div>
 
@@ -117,7 +117,7 @@ export function ComicPreview({
                   }`}
                 >
                   <img
-                    src="/comic-book-page-with-superhero-action-scene-noir-s.jpg"
+                    src="/noir.jpg"
                     alt="Comic preview page 3"
                     className="w-full h-full object-cover opacity-80 grayscale-20 contrast-125"
                   />

components/landing/navbar.tsx

@@ -77,15 +77,15 @@ export function Navbar() {
             </SignInButton>
           </SignedOut>
           <SignedIn>
-            {isOnStoriesPage ? (
-              <Link href="/">
-                <button className="flex items-center gap-1.5 sm:gap-2 px-2 sm:px-3 py-1.5 glass-panel glass-panel-hover transition-all text-xs rounded-md cursor-pointer">
-                  <Plus className="w-3.5 h-3.5 sm:w-4 sm:h-4" />
-                  <span className="text-muted-foreground text-xs sm:text-sm hidden sm:inline tracking-tight">
-                    Create New
-                  </span>
-                </button>
-              </Link>
+             {isOnStoriesPage ? (
+               <Link href="/">
+                 <button className="flex items-center gap-1.5 sm:gap-2 px-2 sm:px-3 py-1.5 bg-white hover:bg-neutral-200 text-black transition-all text-xs rounded-md cursor-pointer font-medium">
+                   <Plus className="w-3.5 h-3.5 sm:w-4 sm:h-4" />
+                   <span className="text-black text-xs sm:text-sm hidden sm:inline tracking-tight">
+                     Create New
+                   </span>
+                 </button>
+               </Link>
             ) : (
               <Link href="/stories">
                 <button className="flex items-center gap-1.5 sm:gap-2 px-2 sm:px-3 py-1.5 glass-panel glass-panel-hover transition-all text-xs rounded-md cursor-pointer">