@almadar/std 14.24.0 → 14.25.0

package/behaviors/registry/app/atoms/std-campaign-goal.orb

@@ -197,20 +197,20 @@
                     "render-ui",
                     "main",
                     {
-                      "align": "center",
+                      "className": "py-12",
+                      "gap": "md",
                       "children": [
                         {
                           "type": "spinner"
                         },
                         {
-                          "variant": "caption",
                           "type": "typography",
+                          "variant": "caption",
                           "content": "Loading campaigns…",
                           "color": "muted"
                         }
                       ],
-                      "gap": "md",
-                      "className": "py-12",
+                      "align": "center",
                       "direction": "vertical",
                       "type": "stack"
                     }
@@ -226,11 +226,215 @@
                     "render-ui",
                     "main",
                     {
-                      "direction": "vertical",
-                      "gap": "md",
                       "children": [
                         {
+                          "tagVariant": "primary",
+                          "titleAccent": "@config.title",
+                          "subtitle": "Every gift moves the needle. Join thousands of donors making impact possible.",
+                          "primaryAction": {
+                            "action": "LAUNCH_CAMPAIGN",
+                            "variant": "primary",
+                            "label": "Donate Now"
+                          },
+                          "type": "hero-section",
+                          "tag": "Campaign",
+                          "title": "Help us reach our goal",
+                          "secondaryAction": {
+                            "action": "VIEW_STORY",
+                            "label": "Learn More",
+                            "variant": "ghost"
+                          }
+                        },
+                        {
+                          "justify": "around",
                           "direction": "horizontal",
+                          "type": "stack",
+                          "gap": "lg",
+                          "children": [
+                            {
+                              "duration": 1500.0,
+                              "type": "animated-counter",
+                              "prefix": "$",
+                              "suffix": " raised",
+                              "value": 482000.0
+                            },
+                            {
+                              "value": 1240.0,
+                              "duration": 1500.0,
+                              "suffix": " donors",
+                              "type": "animated-counter"
+                            },
+                            {
+                              "duration": 1500.0,
+                              "type": "animated-counter",
+                              "value": 87.0,
+                              "suffix": "% of goal"
+                            }
+                          ]
+                        },
+                        {
+                          "value": 87.0,
+                          "color": "primary",
+                          "type": "progress-bar",
+                          "showPercentage": true,
+                          "max": 100.0
+                        },
+                        {
+                          "type": "animated-reveal",
+                          "animation": "fade-up",
+                          "trigger": "scroll",
+                          "children": [
+                            {
+                              "text": "Together, we change lives.",
+                              "type": "typewriter-text",
+                              "speed": 60.0
+                            }
+                          ]
+                        },
+                        {
+                          "type": "content-section",
+                          "background": "alt",
+                          "children": [
+                            {
+                              "content": "Choose your donation tier",
+                              "type": "typography",
+                              "variant": "h3"
+                            },
+                            {
+                              "plans": [
+                                {
+                                  "cta": {
+                                    "label": "Give $25",
+                                    "action": "LAUNCH_CAMPAIGN"
+                                  },
+                                  "price": "$25",
+                                  "description": "Provides one week of meals",
+                                  "name": "Supporter",
+                                  "features": [
+                                    "Tax receipt",
+                                    "Thank-you email"
+                                  ]
+                                },
+                                {
+                                  "price": "$100",
+                                  "description": "Funds a child's school supplies for a year",
+                                  "features": [
+                                    "Tax receipt",
+                                    "Personalized note",
+                                    "Quarterly update"
+                                  ],
+                                  "cta": {
+                                    "action": "LAUNCH_CAMPAIGN",
+                                    "label": "Give $100"
+                                  },
+                                  "name": "Advocate",
+                                  "highlighted": true
+                                },
+                                {
+                                  "name": "Champion",
+                                  "price": "$500",
+                                  "cta": {
+                                    "action": "LAUNCH_CAMPAIGN",
+                                    "label": "Give $500"
+                                  },
+                                  "description": "Sponsors a community clean-water station",
+                                  "features": [
+                                    "Tax receipt",
+                                    "Recognition in newsletter",
+                                    "Site-visit invite"
+                                  ]
+                                }
+                              ],
+                              "type": "pricing-grid"
+                            }
+                          ],
+                          "padding": "lg"
+                        },
+                        {
+                          "padding": "md",
+                          "children": [
+                            {
+                              "content": "Impact in pictures",
+                              "variant": "h3",
+                              "type": "typography"
+                            },
+                            {
+                              "type": "media-gallery",
+                              "data": [
+                                {
+                                  "id": "i1",
+                                  "name": "Clean water delivery",
+                                  "imageUrl": "https://picsum.photos/seed/campaign1/800/600"
+                                },
+                                {
+                                  "name": "School supplies handout",
+                                  "imageUrl": "https://picsum.photos/seed/campaign2/800/600",
+                                  "id": "i2"
+                                },
+                                {
+                                  "imageUrl": "https://picsum.photos/seed/campaign3/800/600",
+                                  "name": "Community meal program",
+                                  "id": "i3"
+                                },
+                                {
+                                  "name": "Volunteer team",
+                                  "id": "i4",
+                                  "imageUrl": "https://picsum.photos/seed/campaign4/800/600"
+                                }
+                              ]
+                            }
+                          ],
+                          "type": "content-section",
+                          "background": "default"
+                        },
+                        {
+                          "images": [
+                            {
+                              "caption": "Clean water",
+                              "src": "https://picsum.photos/seed/campaign1/1200/800",
+                              "alt": "Impact"
+                            }
+                          ],
+                          "currentIndex": 0.0,
+                          "showCounter": true,
+                          "isOpen": false,
+                          "type": "lightbox"
+                        },
+                        {
+                          "items": [
+                            {
+                              "role": "Beneficiary",
+                              "author": "Maria S.",
+                              "quote": "This nonprofit changed my family's life."
+                            },
+                            {
+                              "author": "James W.",
+                              "role": "Recurring donor",
+                              "quote": "Every dollar I give I can see in the field."
+                            },
+                            {
+                              "role": "Volunteer",
+                              "quote": "Transparent, honest, and effective.",
+                              "author": "Lina P."
+                            }
+                          ],
+                          "type": "social-proof",
+                          "variant": "quotes"
+                        },
+                        {
+                          "github": {
+                            "url": "https://github.com/example"
+                          },
+                          "twitter": {
+                            "url": "https://twitter.com/example"
+                          },
+                          "discord": {
+                            "url": "https://discord.gg/example"
+                          },
+                          "type": "community-links",
+                          "heading": "Stay connected"
+                        },
+                        {
                           "type": "stack",
                           "gap": "sm",
                           "children": [
@@ -239,28 +443,40 @@
                               "name": "target"
                             },
                             {
+                              "type": "typography",
                               "variant": "h3",
-                              "content": "@config.title",
-                              "type": "typography"
+                              "content": "@config.title"
                             }
-                          ]
+                          ],
+                          "direction": "horizontal"
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "gap": "sm",
                           "entity": "@payload.data",
+                          "itemActions": [
+                            {
+                              "variant": "primary",
+                              "label": "Launch",
+                              "event": "LAUNCH_CAMPAIGN"
+                            },
+                            {
+                              "event": "END_CAMPAIGN",
+                              "variant": "danger",
+                              "label": "End"
+                            }
+                          ],
                           "type": "data-grid",
                           "fields": [
                             {
-                              "variant": "caption",
                               "name": "name",
-                              "label": "Name"
+                              "label": "Name",
+                              "variant": "caption"
                             },
                             {
-                              "name": "targetAmount",
                               "label": "Target",
+                              "name": "targetAmount",
                               "variant": "caption"
                             },
                             {
@@ -269,32 +485,23 @@
                               "variant": "caption"
                             },
                             {
+                              "label": "Donors",
                               "name": "donorCount",
-                              "variant": "caption",
-                              "label": "Donors"
+                              "variant": "caption"
                             },
                             {
-                              "name": "status",
                               "label": "Status",
-                              "variant": "badge"
+                              "variant": "badge",
+                              "name": "status"
                             }
                           ],
                           "cols": 1.0,
-                          "itemActions": [
-                            {
-                              "label": "Launch",
-                              "event": "LAUNCH_CAMPAIGN",
-                              "variant": "primary"
-                            },
-                            {
-                              "variant": "danger",
-                              "label": "End",
-                              "event": "END_CAMPAIGN"
-                            }
-                          ]
+                          "gap": "sm"
                         }
                       ],
-                      "type": "stack"
+                      "type": "stack",
+                      "gap": "lg",
+                      "direction": "vertical"
                     }
                   ]
                 ]
@@ -308,9 +515,9 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "alert",
                       "variant": "error",
-                      "message": "@payload.error"
+                      "message": "@payload.error",
+                      "type": "alert"
                     }
                   ]
                 ]
@@ -329,8 +536,8 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "alert",
                       "variant": "success",
+                      "type": "alert",
                       "message": "Campaign launched"
                     }
                   ]
@@ -406,4 +613,4 @@
       ]
     }
   ]
-}
+}