added sample images:

Author: codinglabsong

src/app/page.tsx

@@ -18,29 +18,29 @@ const INITIAL_MESSAGE: Message = {
 
 const SAMPLE_IMAGES: ImageItem[] = [
   {
-    id: "img_001",
-    url: null,
-    title: "Sample Image 1",
+    id: "sample_001",
+    url: "https://img-edit-agent-bucket.s3.us-east-1.amazonaws.com/public/nyc_bw.png",
+    title: "New York City at Night",
     description:
-      "A beautiful landscape with mountains and a serene lake reflecting the sky.",
+      "A black and white vintage photograph of New York City's skyline with the Empire State and Chrysler Buildings, film grain texture, and a timeless, classic feel.",
     timestamp: new Date(Date.now() - 86400000), // 1 day ago
     type: "sample",
   },
   {
-    id: "img_002",
-    url: null,
-    title: "Sample Image 2",
+    id: "sample_002",
+    url: "https://img-edit-agent-bucket.s3.us-east-1.amazonaws.com/public/seoul_night.png",
+    title: "Seoul Night",
     description:
-      "Urban cityscape with modern architecture and vibrant street life.",
+      "A high-quality Canon night photo of a traditional street in Seoul, glowing street lamps lighting hanok houses, with Namsan Tower and modern skyscrapers in the distance.",
     timestamp: new Date(Date.now() - 43200000), // 12 hours ago
     type: "sample",
   },
   {
-    id: "img_003",
-    url: null,
-    title: "Sample Image 3",
+    id: "sample_003",
+    url: "https://img-edit-agent-bucket.s3.us-east-1.amazonaws.com/public/picasso_woman.png",
+    title: "Picasso Portrait",
     description:
-      "Portrait photography with dramatic lighting and artistic composition.",
+      "An abstract Picasso-style portrait of a face in cool blue and teal tones, with geometric shapes, bold outlines, and a smooth modern finish.",
     timestamp: new Date(),
     type: "sample",
   },

src/ui/chat-interface.tsx

@@ -107,8 +107,8 @@ export default function ChatInterface({
     <div className="flex justify-start">
       <div className="bg-gray-600/60 text-gray-200 rounded-2xl px-4 py-3 shadow-lg">
         <div className="flex items-center gap-2">
-          <div className="w-6 h-6 rounded-full bg-gradient-to-br from-purple-400 to-blue-500 flex items-center justify-center text-xs font-bold text-white">
-            AI
+          <div className="w-6 h-6 rounded-full bg-gradient-to-br from-purple-900 to-blue-600 flex items-center justify-center text-xs font-bold text-white">
+            P
           </div>
           <div className="flex space-x-1">
             <div className="w-2 h-2 bg-gray-400 rounded-full animate-bounce"></div>

src/ui/image-card.tsx

@@ -90,7 +90,6 @@ export default function ImageCard({
       {/* Image Preview */}
       <div className="relative mt-8">
         <ImagePreview imageUrl={image.url ?? fallbackImageUrl ?? null} />
-        <div className="absolute inset-0 bg-gradient-to-t from-gray-300/30 to-gray-400/30 rounded-xl" />
       </div>
 
       {/* Image Info */}

src/ui/image-preview.tsx

@@ -23,12 +23,12 @@ export default function ImagePreview({ imageUrl }: ImagePreviewProps) {
   };
 
   return (
-    <div className="flex justify-center items-center w-full aspect-square border rounded-xl bg-gray-300 shadow-sm">
+    <div className="flex justify-center items-center w-full aspect-square border rounded-xl inset-0 bg-gradient-to-t from-gray-300/30 to-gray-400/30 shadow-sm">
       {imageUrl && imageUrl.trim() !== "" && !imageError ? (
         <img
           src={imageUrl}
           alt="Generated image"
-          className="object-contain w-full h-full rounded-lg"
+          className="object-contain w-full h-full rounded-xl"
           onLoad={handleImageLoad}
           onError={handleImageError}
         />