Donate page When an admin clicks "Open Hero Site Builder" to creates a site from scratch - we still want Hero Site Builder to provide a shell for the customer to build into. What we will do once the Hero application is complete - is build a mock site build that will have vague/limited branding that will give the admin user shell site build to work off of/edit. For now, we will use placeholders to show the admin user the outline of a standard site build via Top Navigation, Banner, 3-sections, and a footer. The Hero Site Builder should render 6 sections (e.g. to the left) to give the admin user a starting block to create a site from scratch. At any point, the admin user can delete, move around, or personalize the pre-defined blank sections. Description of each section below with the next slide providing a visual of the foundational shell for when an admin user is building a new site experience by clicking " Open Hero Site Builder" #1: Header (or Top Navigation): This is where a customer will typically inject the logo(s) for the campaign and also activate headers for pages e.g. Home, About Us, Donate, Survivor Stories, FAQs, Learn More, etc. #2: Banner: This is where a customer will typically inject the larger image and add text over the top that is the main marketing asset for their online site experience. #3: Section #1: This is a section of the body where the customer will typically inject information about the online campaign. The admin will add things like images, videos, text, social media sharing, blog-style posts, buttons, call to action (CTAs), color schemes, and so much more. #4: Section #2: This is a section of the body where the customer will typically inject information about the online campaign. The admin will add things like images, videos, text, social media sharing, blog-style posts, buttons, call to action (CTAs), color schemes, and so much more. #5: Section #3: This is a section of the body where the customer will typically inject information about the online campaign. The admin will add things like images, videos, text, social media sharing, blog-style posts, buttons, call to action (CTAs), color schemes, and so much more. #6: Footer: This is a section at the bottom of the site experience where the customer/admin will inject things like their logo(s), social media images and links, links to privacy policy, their address, and more. Images, text, links, etc. Sections Widgets Blocks Pages Settings Supporter pages Fundraiser HUB Top navigation Banner