AugurProject/augur

Updates to Top section

matt-bullock opened this issue · 1 comments

matt-bullock commented

Remove image of the UI in mobile devices, centre text and button.

Add 'promo' banner section.

  • Carousel should cycle through the banners, moving to the next banner every 5 seconds.

  • Clicking the arrow buttons or black gradient overlay to the left or right sides should cycle to the next banner.

  • Allow dragging left or right to cycle through banners

  • The amount of banners shown will change but the minimum will be 2. (I'll add a mock for this

  • Tablet sizes I will add mocks for

Desktop https://www.figma.com/file/buzGz2v44DfkUQf112KlcO/Landing-Page-Complete-Design?node-id=3272%3A98450

Mobile https://www.figma.com/file/buzGz2v44DfkUQf112KlcO/Landing-Page-Complete-Design?node-id=3308%3A994

matt-bullock commented

on mobile you can remove the gradients to the left and right - these are only meant for desktop when the arrow buttons sit over them.

Ideally the edges of the hidden banners should show on thee left and right - see image below.

Start trading button looks bigger than it should for mobile - see correct size below

image