JSFiddle - React, Tailwind, and code Playground

by wethrift

HTML

<script src="https://www.wethrift.com/myprotein"></script>
<script src="https://www.wethrift.com/myprotein-us"></script>
<script src="https://www.wethrift.com/myprotein-australia"></script>
<script src="https://www.wethrift.com/myprotein-singapore"></script>
<script src="https://www.wethrift.com/myprotein-hongkong"></script>
<h1>
<a href="https://www.wethrift.com/myprotein">MYPROTEIN Discount Codes</a>
</h1>
<div class="root"></div>

CSS

body {
  font-family: Arial, Helvetica, sans-serif;
}

div{
  text-align: center;
}

.container{
  border: dashed;
  margin-bottom: 10px;
  padding: 10px;
}

.code{
  font-size: 25px;
  font-weight: 500
}

.offer{
  font-size: 20px;
}

.site{
  font-size: 12px;
}

JavaScript

const codes = [
  {
    site: 'https://www.myprotein.com',
    discount_code: 'BENJAMINMP',
    offer: '30% discount'
  },
  {
    site: 'https://www.myprotein.com',
    discount_code: 'HKLOVE',
    offer: '50% off'
  },
  {
    site: 'https://www.myprotein.com',
    discount_code: 'MPJJANI',
    offer: '22% off'
  },
  {
    site: 'https://www.myprotein.com',
    discount_code: 'HK40',
    offer: '40% discount'
  },
  {
    site: 'https://www.myprotein.com',
    discount_code: 'ALISSA20',
    offer: '20% off'
  },
  {
    site: 'https://us.myprotein.com',
    discount_code: 'MRSGRONO20',
    offer: '20% off'
  },
  {
    site: 'https://us.myprotein.com',
    discount_code: 'PATRICK70',
    offer: '10% off'
  },
  {
    site: 'https://us.myprotein.com',
    discount_code: 'MARCELLMYP',
    offer: '40% off'
  },
  {
    site: 'https://us.myprotein.com',
    discount_code: 'QUICK40',
    offer: '20% off'
  },
  {
    site: 'https://us.myprotein.com',
    discount_code: 'EAST37',
    offer: '37% off'
  },
  {
    site: 'https://www.myprotein.com.sg',
    discount_code: 'ZERMATT',
    offer: '47% off'
  },
  {
    site: 'https://www.myprotein.com.sg',
    discount_code: 'JITTERHAPS',
    offer: '47% off'
  },
  {
    site: 'https://www.myprotein.com.sg',
    discount_code: 'BDAY50',
    offer: '50% off'
  },
  {
    site: 'https://www.myprotein.com.sg',
    discount_code: 'GOLD50',
    offer: '50% off'
  },
  {
    site: 'https://www.myprotein.com.sg',
    discount_code: 'SYLVESTER',
    offer: '55% Off'
  },
  {
    site: 'https://www.myprotein.com.hk/',
    discount_code: 'HKGYM42',
    offer: '42% off'
  },
  {
    site: 'https://www.myprotein.com.hk/',
    discount_code: 'HKMYS',
    offer: '38% Off'
  },
  {
    site: 'https://www.myprotein.com.hk/',
    discount_code: 'FLASH50',
    offer: '50% off'
  },
  {
    site: 'https://www.myprotein.com.hk/',
    discount_code: 'ESCLUSIVE55',
    offer: '55% off'
  },
  {
    site: 'https://www.myprotein.com.hk/',
   ...