import React from 'react'
import FooterHomeOne from '../components/FooterHomeOne';
import ServiceNav from '../components/navigation/ServiceNav'
import HeroNews from '../components/News/HeroNews'
import ServiceTopart from './ServiceTopart'
import MissionStatement from './MissionStatement'
import BackToTop from '../components/BackToTop'

// must be a better way to centralize the style = TEMPORARY USE 
import '../assets/css/bootstrap.min.css';
import '../assets/css/custom-animated.css';
import '../assets/css/default.css';
import '../assets/css/font-awesome.min.css';
import '../assets/css/magnific-popup.css';
import '../assets/css/main.css';
import '../assets/css/style.css';


function page() {
  return (
    <> 
    <ServiceNav />
    <HeroNews
        title="Services"
        breadcrumb={[
            { link: '/', title: 'Home' },
            { link: '/service', title: 'Service' },
        ]}
    />
    <ServiceTopart />
    <MissionStatement />
    <FooterHomeOne className={undefined} />
    <BackToTop className='' />
    </>
   
  )
}

export default page