wdmnybcouncil / national-youth-bike-council

A multi view React web app with Strapi as CMS, for National Youth Bike Council whose aim is to to provide an active learning space for young cyclists to boost youth voice in the bicycle industry through peer leadership
https://www.nybcouncil.com/
0 stars 1 forks source link

Enable Connect Youth Groups #11

Open nybcouncil opened 1 year ago

nybcouncil commented 1 year ago

The URL will be /partners

For now there will be two Partner Types: Community Tier & Advocate Tier.

It would be great if we displayed all the tier in a "Listed format". Where the content is displayed like below. You'll see at the top there is a tab to see either the Community Tier benefits or the Advocate Tier benefits.

Image

When the page loads it should default to the Advocate tier benefits.

When a specific tab is clicked, the logos with that groups should be dynamically displayed on the page underneath.

Image

Above the tabs there should be a button that says "Sign Up To Become A Partner"

Image

Below the logos there should be a section for 2 testimonials of current Partners (you can make these up using Latin, I'll fill them in later). Under that, there should be a space where if I want to put more words / context, I can and then, once again to have the sign up to become a Partner button.

For the Advocate and Community Tier, you can put in Latin text for now and I'll come and put the bullet listed content. For the Advocacy tier, would it be possible to put a button at the bottom that when clicked, this embedded text pops up or pulls down? If the words on that button and all the buttons could be swappable, that would be great.

<!-- Begin Give Lively Fundraising Widget -->
<script>gl=document.createElement('script');gl.src='https://secure.givelively.org/widgets/branded_donation/national-youth-bike-council/become-a-partner.js';document.getElementsByTagName('head')[0].appendChild(gl);</script><div data-widget-src='https://secure.givelively.org/donate/national-youth-bike-council/become-a-partner?ref=sd_widget' id="give-lively-widget" class="gl-branded-donation-widget"></div>
<!-- End Give Lively Fundraising Widget -->

Any Partner listed under https://www.nybcouncil.com/sponsorships can be moved to /partners

We should have the ability to input content in the Orange box

We should have the ability to set a default tab.

We should have the ability to rename the tabs.

We should have the ability to create a new tab.

We should have the ability to reorder the tabs

This is the link to the sign up Google form: https://forms.gle/qGpibK8YL3DDchHM8

nybcouncil commented 1 year ago

Feel free to ask me any questions

nybcouncil commented 1 year ago

One additional thing I noticed is that we may need a web page that is www.nybcouncil.com/logos

When doing a partnership, we often participant in logo swaps. So instead of sending someone our logo, each time over email, it would be nice to have a webpage that has high quality logos anyone can download for themselves. I'll include the www.nybcouncil.com/logos link the Partnership sign up form so Partners can see it when signing up. Also, it should be listed on the /partners tabs you're being right now.

This /logos page can just be our logos listed under two categories with the ability to add some text if needed in Strapi. The Logos that will be on this /logos page will be...

I'll put the logos in, feel free to put dummy photos, but there should not be a limit to the amount of variations we can upload

5hraddha commented 11 months ago

https://www.givelively.org/resources/use-embeddable-widgets-to-collect-donations-on-your-website

nybcouncil commented 7 months ago

Notes: Change the default view the Advocate tier Put testimonials above the partners logos The ability to slide through the partner logos (3 Columns, 4 rows) with pagination (and let it loop back to the first page without having to slide back all the to the first) Add the slide for the testimonials as well.