Add explore all section to the Performances page

src/containers/Performances/ExplorePerformances/ExplorePerformances.js

@@ -0,0 +1,15 @@
+import React, { Component } from 'react'
+import Paginate from '../../../components/Paginate/Paginate'
+
+class ExplorePerformances extends Component {
+  render() {
+    return (
+      <React.Fragment>
+        <h1 className="explore-performances-title" >Explore Performances</h1>
+        <Paginate />
+      </React.Fragment>
+    )
+  }
+}
+
+export default ExplorePerformances

src/containers/Performances/ExplorePerformances/ExplorePerformances.test.js

@@ -0,0 +1,17 @@
+import React from 'react'
+import { shallow } from 'enzyme'
+import ExplorePerformances from './ExplorePerformances'
+import Paginate from '../../../components/Paginate/Paginate'
+
+describe('<ExplorePerformances />', () => {
+  let explorePerformancesWrapper
+  beforeEach(() => {
+    explorePerformancesWrapper = shallow(<ExplorePerformances />)
+  })
+  it("has 'Explore Performances' title", () => {
+    expect(explorePerformancesWrapper.find('h1').text()).toEqual('Explore Performances')
+  })
+  it('has a Paginate component', () => {
+    expect(explorePerformancesWrapper.find(Paginate).length).toEqual(1)
+  })
+})

src/containers/Performances/Performances.js

@@ -1,10 +1,12 @@
 import React, { Component } from 'react'
+import ExplorePerformances from './ExplorePerformances/ExplorePerformances'
 import Banner from '../../components/Shared/Banner/Banner'
 
 class Performances extends Component {
   render() {
     return (
       <React.Fragment>
+        <ExplorePerformances />
         <Banner
           headline="You can make a difference today"
           buttonLabel="Sign up now"

src/containers/Performances/Performances.test.js

@@ -7,6 +7,9 @@ describe('<Performances />', () => {
   beforeEach(() => {
     performancesWrapper = shallow(<Performances />)
   })
+  it('contains an ExploreArtists section', () => {
+    expect(performancesWrapper.find('ExplorePerformances').length).toEqual(1)
+  })
   it('contains a sign up banner at the bottom', () => {
     expect(performancesWrapper.find('Banner').length).toEqual(1)
   })