data.js

const data = {
  heroes: {
    'hero-1': {id: 'hero-1', name: 'Iron Man'},
    'hero-2': {id: 'hero-2', name: 'Thor'},
    'hero-3': {id: 'hero-3', name: 'Hulk'},
    'hero-4': {id: 'hero-4', name: 'Captain America'},
    'hero-5': {id: 'hero-5', name: 'Black Widow'},
    'hero-6': {id: 'hero-6', name: 'Dr. Strange'},
    'hero-7': {id: 'hero-7', name: 'War Machine'},
    'hero-8': {id: 'hero-8', name: 'Spider Man'},
    'hero-9': {id: 'hero-9', name: 'Black Panther'},
    'hero-10': {id: 'hero-10', name: 'Vision'},
    'hero-11': {id: 'hero-11', name: 'Scarlet Witch'},
    'hero-12': {id: 'hero-12', name: 'Falcon'},
    'hero-13': {id: 'hero-13', name: 'Winter Soldier'},
    'hero-14': {id: 'hero-14', name: 'Loki'},
    'hero-15': {id: 'hero-15', name: 'Heimdall'},
    'hero-16': {id: 'hero-16', name: 'Eitri'},
    'hero-17': {id: 'hero-17', name: 'Wong'},
    'hero-18': {id: 'hero-18', name: 'Mantis'},
    'hero-19': {id: 'hero-19', name: 'Nebula'},
    'hero-20': {id: 'hero-20', name: 'Drax The Destroyer'},
    'hero-21': {id: 'hero-21', name: 'Gamora'},
    'hero-22': {id: 'hero-22', name: 'Groot'},
    'hero-23': {id: 'hero-23', name: 'Gamora'},
    'hero-24': {id: 'hero-24', name: 'Thanos'},
    'hero-25': {id: 'hero-25', name: 'Star-Lord'},
    'hero-26': {id: 'hero-26', name: 'Nick Fury'},
    'hero-27': {id: 'hero-27', name: 'Maria Hill'}
  },
}