Like the bloom.chayn.co/courses page (see PR), we want make our bloom.chayn.co/courses/:slug pages available pre login so that users can understand what we offer better.
See design below for how this would look. The only changes visually on this page would be the additional banner to sign up at the bottom.
Please note the creating boundaries course does not exist - it was just the template for the design.
Action Items
[ ] Take a look at how the courses page is implemented bloom-frontend/pages/courses/index.ts. You see the course list pre login. Note that currently the cards with the course names are not clickable and there is a banner below that is a CTA to sign up.
[ ] Ensure the course cards on the /courses are now clickable pre login and direct you to the individual course pages
[ ] Take a look at the individual course pages bloom-frontend/pages/courses/[slug].tsx
[ ] Ensure that the/courses/:slug page is available pre login. Take a look at the authguard in _app.tsx to see how the authguard works.
[ ] Ensure that pre login, the cards on /courses/:slug that take you to individual sessions are not clickable. They should however remain clickable after logging in.
[ ] At the end of the page before the footer, put a sign up CTA banner. This is the same one that is on the course page.
Overview
Like the bloom.chayn.co/courses page (see PR), we want make our bloom.chayn.co/courses/:slug pages available pre login so that users can understand what we offer better.
See design below for how this would look. The only changes visually on this page would be the additional banner to sign up at the bottom.
Please note the creating boundaries course does not exist - it was just the template for the design.
Action Items
bloom-frontend/pages/courses/index.ts
. You see the course list pre login. Note that currently the cards with the course names are not clickable and there is a banner below that is a CTA to sign up.bloom-frontend/pages/courses/[slug].tsx