oonyeje-portfolio/lib/navigationContent.tsx

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'

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={null}
      description={contentValues.work.description}
      innerChildren={
        <div>
          <ContentCarousel
            data={portfolioValues}
          />
          <embed className='w-full' src={resumePdf} type="application/pdf"/>
        </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/>
      }
    />
  }
];