Activity planner 8 images for each Mode

[KhueDao1]

Feature Description

To make the Activity planner more fun and appealing to users with colorful images.

Adding exciting visuals, we can have these 8 images used as the Activity planner image if users do not upload any. Each is aligned with one of the Mode options. All images are Creative Commons license, free to use, and consistent with our Solarpunk, futuristic branding theme.

Rationale

AWS link here:
https://pangea-chat-client-assets.s3.us-east-1.amazonaws.com/activityplanner_mode_storytelling.jpg
https://pangea-chat-client-assets.s3.us-east-1.amazonaws.com/activityplanner_mode_exchangeinformation.jpg
https://pangea-chat-client-assets.s3.us-east-1.amazonaws.com/activityplanner_mode_conversation.jpg
https://pangea-chat-client-assets.s3.us-east-1.amazonaws.com/activityplanner_mode_game.jpg
https://pangea-chat-client-assets.s3.us-east-1.amazonaws.com/activityplanner_mode_decisionmaking.jpg
https://pangea-chat-client-assets.s3.us-east-1.amazonaws.com/activityplanner_mode_roleplay.jpg
https://pangea-chat-client-assets.s3.us-east-1.amazonaws.com/activityplanner_mode_debate.jpg
https://pangea-chat-client-assets.s3.us-east-1.amazonaws.com/activityplanner_mode_discussion.jpg

Mockup

Additional Context

No response

[ggurdin]

@KhueDao1 @wcjord Currently the choreographer is returning links for images. Should I use these instead?

[wcjord]

@ggurdin These are per-mode presets. When a user is generating new activities, these are used based on the selected mode.

[linhtphung]

Probably free to use, but @KhueDao1, you can check to see if attribution is needed and whether it's can be used for commercial purposes.

[KhueDao1]

Yes, I use Deep AI and the website clarifies that "Yes, commercial use is permitted for the generated images. You may utilize these images for any legal purposes. For full details, please refer to our Terms of Service."

[ggurdin]

@KhueDao1 @wcjord I'm not sure where these should go. Should I put these in the in-chat activity-planner page?

[KhueDao1]

@ggurdin
Yes, let me clear this. This is for users to open the Activity planner page, choose a MODE, and click Generate activity >> Next page
We show the image according to the Mode on top of 3 Generated options. Like Avatar, there is a button for users to upload their own images.

Then, when the Activity Launch, the Image will also be sent in the group chat with the Instuction.

[ggurdin]

@KhueDao1 Hello! Can you rename activityplanner_mode_exchangeinformation.jpg to activityplanner_mode_informationexchange.jpg? This is just to match the mode name that comes back from the choreographer