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() {
    // cORRECT CALL const [drawer, drawerAction] = useToggle(false);
    const [drawer, drawerAction] = useToggle();

    return (
        <>
          <Drawer drawer={drawer} action={drawerAction.toggle} />
           <div>THIS IS HOME </div>
        </>
    );
}

export default HomeOne;

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