PROD-READY UI

• public mint (with countdown when date in future)
• whitelist
• presale true/false
• end date / end number (endSettings)
• spl-token to mint
• latest MCC updates

4.1 App.css : update 5 main CSS variables with your custom colors :

:root {
  --main-background-color: #343A50;
  --card-background-color: #804980;
  --countdown-background-color: #433765;
  --main-text-color:#F7F6F4;
  --title-text-color:#3CBA8B;
}

Next to that, make sure to update background image by overwriting your own background PNG file in src/img folder.

4.3 Home.tsx :

Scroll down down to line 639/380 (return <main> [...]) and start to update all titles/menu/text/images/text... as wished in the whole React HTML block.

That's it ! Enjoy your beautiful candy machine :)