import React from 'react';
import Content from '../components/content'
import backgroundPic from '../public/unspash_image.jpg'
import ContentCarousel from '../components/content/carousel'
import contentValues from './content';
import portfolioValues from './portfolio';

export default [
  {
    name: contentValues.intro.name,
    url: '#intro',
    content: <Content
      title='Intro'
      heroImgSrc={backgroundPic}
      description={contentValues.intro.description}
    />
  },
  {
    name: contentValues.work.name,
    url: '#work',
    content: <Content
      title='Work'
      heroImgSrc={backgroundPic}
      description={contentValues.work.description}
      innerChildren={<ContentCarousel
        data={portfolioValues}
      />}
    />
  },
  {
    name: contentValues.about.name,
    url: '#about',
    content: <Content
      title='About'
      heroImgSrc={backgroundPic}
      description={contentValues.about.description}
    />
  },
  {
    name: contentValues.contact.name,
    url: '#contact',
    content: <Content
      title='Contact'
      heroImgSrc={backgroundPic}
      description={contentValues.contact.description}
    />
  }
];