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>
          <embed style={{height: 2850}} className='w-full mt-10' src={`${resumePdf}#toolbar=0&navpanes=0&scrollbar=0`} type="application/pdf"/>
          <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=''
      description={contentValues.contact.description}
      innerChildren={
        <ContactForm/>
      }
    />
  }
];

export default navigationContent;