feat: update example image and prompt (#40)

<img width="957" alt="image"
src="https://github.com/landing-ai/vision-agent-ui/assets/132986242/a7e7e902-4d3c-496c-97f1-6f93376a0d39">
<img width="1222" alt="image"
src="https://github.com/landing-ai/vision-agent-ui/assets/132986242/8aaf6589-d5e2-4525-a226-850883784f95">
<img width="900" alt="image"
src="https://github.com/landing-ai/vision-agent-ui/assets/132986242/b3420039-74fc-4a1d-9821-9dc9f318c83c">

app/chat/page.tsx

@@ -17,20 +17,22 @@ import Link from 'next/link';
 import { Button } from '@/components/ui/Button';
 import Img from '@/components/ui/Img';
 
+// const EXAMPLE_URL = 'https://landing-lens-support.s3.us-east-2.amazonaws.com/vision-agent-examples/cereal-example.jpg';
+const EXAMPLE_URL = 'https://vision-agent-dev.s3.us-east-2.amazonaws.com/examples/flower.png';
+const EXAMPLE_HEADER = 'Counting and find';
+const EXAMPLE_SUBHEADER = 'number of flowers, area of largest and smallest flower';
+const EXAMPLE_PROMPT = 'Count the number of flowers and find the area of the largest and smallest flower';
+
 const exampleMessages = [
   {
-    heading: 'Counting',
-    subheading: 'number of cereals in an image',
-    url: 'https://landing-lens-support.s3.us-east-2.amazonaws.com/vision-agent-examples/cereal-example.jpg',
+    heading: EXAMPLE_HEADER,
+    subheading: EXAMPLE_SUBHEADER,
+    url: EXAMPLE_URL,
     initMessages: [
       {
         role: 'user',
         content:
-          'how many cereals are there in the image?' +
-          '\n\n' +
-          generateInputImageMarkdown(
-            'https://landing-lens-support.s3.us-east-2.amazonaws.com/vision-agent-examples/cereal-example.jpg',
-          ),
+          EXAMPLE_PROMPT + '\n\n' + generateInputImageMarkdown(EXAMPLE_URL),
         id: 'fake-id-1',
       },
     ],