<Welcome
data={
		[
			{
			"backgroundColor": "rgb(73, 49, 91)",
			"textColor": "#EE79EA",
			"imageAnimation": "flipInX",
			"image": require('./images/1.png')
			},
			{
			"backgroundColor": "rgb(252, 187, 19)",
			"textColor": "#754600",
			"text": "My App",
			"imageAnimation": "slideInUp",
			"textAnimation": "slideInLeft",
			"image": require('./images/2.png')
			},
			{
			"backgroundColor": "rgb(156, 196, 76)",
			"textColor": "#344115",
			"text": "Green Elephant",
			"image": require('./images/3.png')
			},
			{
			"backgroundColor": "rgb(4, 116, 188)",
			"textColor": "#FFFFFF",
			"text": "Save the World",
			"textAnimation": "fadeInUp",
			"image": require('./images/4.png')
			}
		]
}
/>

npm install --save react-welcome-page

import Welcome from 'react-welcome-page'

...
  

render(){

return(
<div id='my-container'>
<Welcome
		loopDuration={1100}
		data={[
		{
		image: require('./image_path/mypic1.png),
		text: 'My Quote',
		imageAnimation: 'flipInX',
		textAnimation: 'bounce',
		backgroundColor: '#FF3354',
		textColor: '#002134'
		},
		{
		image: require('./image_path/mypic2.png),
		text: 'My Quote',
		},
		{
		image: require('./image_path/mypic3.png),
		textAnimation: 'rotateIn'
		}
	]}

/>

...Rest of the app

  
</div>
)}