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';
import { pdfjs, Document, Page } from 'react-pdf';

const resumePdf = '../assets/Okechi_Onyeje_Resume_Professional_2023.pdf'

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={
        <div>
          <Document
            file={resumePdf}
          />
          <ContentCarousel
            data={portfolioValues}
          />
        </div>
      }
    />
  },
  {
    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}
    />
  }
];