[core#8535] Pro rate limit upsell

[gbp]

Relevant issue(s)

mysociety/alaveteli#8535

What does this do?

Adds Pro rate limited upsell

Why was this needed?

Converting non-pro users into subscribers.

Implementation notes

3 different versions to choose from. Eventually this will be move to core view and the style that are embedded moved to the core stylesheets.

Notes to reviewer

@lucascumsille do you have any thoughts on the design of these and the options proposed? There maybe better ways of doing the styles too?

Screenshots

V1:
V2:
V3:

[lucascumsille]

@gbp they all look good, thanks for sharing.

I would make some changes:

• Not a big fan of paragraphs with full width on desktop, because it's a bit tricky to read specially for users with accessibility needs when they need to jump from one line to the next one.
• Looking at the original issue, I think I would like to make some changes to the WTDK Pro section to make it look more like a CTA. At the moment it doesn't stand up by itself so much, so we are relying on the user to finish reading what is above the WTDK pro content.

I was going to work this sprint in another WDTK ticket, but if you prefer I could jump and make the tweaks to this one.

[garethrees]

V1 lgtm.

I agree with @lucascumsille's comments. Would be good to better distinguish between the rate limited message and the upsell and use a CTA button for the "subscribe" link. The upsell doesn't need to be really shouty though – it's incidental content for that page.

I'd move "Commercial and for-profit use requires a WhatDoTheyKnow Pro subscription" to be the last line. That way everything above can be put in core, and our override can just add that at the end.