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

// 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="Blogs"
          breadcrumb={[
            { link: "/", title: "Home" },
            { link: "/blog", title: "Blogs" },
          ]}
        />
        <section className="blogpage-section">
          <div className="container">
            <div className="row">
              <div className="col-12">
                <Blogs pathname='/blog' />
              </div>
            </div>
          </div>
        </section>
        <FooterHomeOne className='' />
        <BackToTop className='' />
    </>
   
  )
}

export default page