import React from 'react';
import useToggle from '../Hooks/useToggle';
// import BackToTop from '../BackToTop';
import Drawer from '../Mobile/Drawer';
import BlogHomeOne from './BlogHomeOne';
// import FeaturesHomeOne from './FeaturesHomeOne';
import FooterHomeOne from './FooterHomeOne';
import HeroHomeOne from './HeroHomeOne';
// import HomeOneHeader from './HomeOneHeader';
import ServicesHomeOne from './ServicesHomeOne';
import TrafficHomeOne from './TrafficHomeOne';
import TrafficHomeTwo from './TrafficHomeTwo';
//import FeaturedScreen from './FeaturedScreen'; 
import AfterHero from './AfterHero';
import NextAfterHero from './NextAfterHero';





function HomeOne() {
    // needed  const [drawer, drawerAction] = useToggle(false);

    return (
        <>
          {/* <Drawer drawer={drawer} action={drawerAction.toggle} /> */}
           <div className='text-center'>THIS IS HOME </div>
           <HeroHomeOne />
           <AfterHero />
           <NextAfterHero />
           <ServicesHomeOne />
           <TrafficHomeOne />
           <TrafficHomeTwo />
           <BlogHomeOne />
           <FooterHomeOne />
        </>
    );
}

export default HomeOne;

           
            {/* <StickyHeaderNav action={drawerAction.toggle} /> */}
            // <HomeOneHeader action={drawerAction.toggle} />
            // <HeroHomeOne />    
            // <AfterHero />
            // <NextAfterHero />
            // <FeaturesHomeOne />
            // <ServicesHomeOne />
            // <TrafficHomeOne />
            // <TrafficHomeTwo />
            // <FeaturedScreen />
            // <BlogHomeOne />
            // <FooterHomeOne />
            // <BackToTop />