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

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

const navigationContent = [
  {
    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={null}
      description={contentValues.work.description}
      innerChildren={
        <div>
          <ContentCarousel
            data={portfolioValues}
          />
          <embed style={{height: 2850}} className='w-full mt-10' src={`${resumePdf}#toolbar=0&navpanes=0&scrollbar=0`} type="application/pdf"/>
        </div>
      }
    />
  },
  // {
  //   name: contentValues.about.name,
  //   url: '#about',
  //   content: <Content
  //     title='About'
  //     heroImgSrc={backgroundPic}
  //     description={contentValues.about.description}
  //   />
  // },
];

export default navigationContent;