import { Case } from './case';

export const CASES: Case[] = [
  { name: 'Diesel', image: '/assets/images/diesel.png', image2: '', image3: '', link: '' },
  { name: 'WeWork Berlin', image: '/assets/images/berlin.png', image2: '', image3: '', link: '' },
  { name: 'Fritzhansen', image: '/assets/images/fritzhansen.png', image2: '', image3: '', link: '' },
  { name: 'Savum', image: '/assets/images/savum.png', image2: '/assets/images/savum/savum-logo.png',
    image3: '/assets/images/savum/savum-iphone.png', link: '' },
  { name: 'Eskay', image: '/assets/images/eskay.png', image2: '', image3: '', link: '' },
  { name: 'Diesel', image: '/assets/images/diesel-snd.png', image2: '', image3: '', link: '' },
  { name: 'Mobilia', image: '/assets/images/mobilia.png', image2: '', image3: '', link: '' },
  { name: 'Rarekind', image: '/assets/images/rarekind.png', image2: '', image3: '', link: '' }
];

import {Component, OnInit} from '@angular/core';
import { CASES } from '../mock/mock-cases';

@Component({
  selector: 'app-case-list',
  templateUrl: './case-list.component.html',
  styleUrls: ['./case-list.component.scss']
})
export class CaseListComponent implements OnInit {

  cases = CASES;

  ...

{ name: 'Diesel', image: '/assets/images/diesel.png', image2: '', image3: '', link: '' },
  { name: 'WeWork Berlin', image: '/assets/images/berlin.png', image2: '', image3: '', link: '' },
  { name: 'Fritzhansen', image: '/assets/images/fritzhansen.png', image2: '', image3: '', link: '' },
  { name: 'Savum', image: '/assets/images/savum.png', image2: '/assets/images/savum/savum-logo.png',
    image3: '/assets/images/savum/savum-iphone.png', link: '' },
  { name: 'Eskay', image: '/assets/images/eskay.png', image2: '', image3: '', link: '' },
  { name: 'Diesel', image: '/assets/images/diesel-snd.png', image2: '', image3: '', link: '' },
  { name: 'Mobilia', image: '/assets/images/mobilia.png', image2: '', image3: '', link: '' },
  { name: 'Rarekind', image: '/assets/images/rarekind.png', image2: '', image3: '', link: '' },
{ name: 'Diesel', image: '/assets/images/diesel.png', image2: '', image3: '', link: '' },
  { name: 'WeWork Berlin', image: '/assets/images/berlin.png', image2: '', image3: '', link: '' },
  { name: 'Fritzhansen', image: '/assets/images/fritzhansen.png', image2: '', image3: '', link: '' },
  { name: 'Savum', image: '/assets/images/savum.png', image2: '/assets/images/savum/savum-logo.png',
    image3: '/assets/images/savum/savum-iphone.png', link: '' },
  { name: 'Eskay', image: '/assets/images/eskay.png', image2: '', image3: '', link: '' },
  { name: 'Diesel', image: '/assets/images/diesel-snd.png', image2: '', image3: '', link: '' },
  { name: 'Mobilia', image: '/assets/images/mobilia.png', image2: '', image3: '', link: '' },
  { name: 'Rarekind', image: '/assets/images/rarekind.png', image2: '', image3: '', link: '' },
{ name: 'Diesel', image: '/assets/images/diesel.png', image2: '', image3: '', link: '' },
  { name: 'WeWork Berlin', image: '/assets/images/berlin.png', image2: '', image3: '', link: '' },
  { name: 'Fritzhansen', image: '/assets/images/fritzhansen.png', image2: '', image3: '', link: '' },
  { name: 'Savum', image: '/assets/images/savum.png', image2: '/assets/images/savum/savum-logo.png',
    image3: '/assets/images/savum/savum-iphone.png', link: '' },
  { name: 'Eskay', image: '/assets/images/eskay.png', image2: '', image3: '', link: '' },
  { name: 'Diesel', image: '/assets/images/diesel-snd.png', image2: '', image3: '', link: '' },
  { name: 'Mobilia', image: '/assets/images/mobilia.png', image2: '', image3: '', link: '' },
  { name: 'Rarekind', image: '/assets/images/rarekind.png', image2: '', image3: '', link: '' }
````