"use client"
import React from 'react'
import useToggle from '../Hooks/useToggle';
import FooterHomeOne from '../components/FooterHomeOne';
import HeroAbout from './HeroAbout';
import ServicesAbout from './ServicesAbout';
import AboutTextComponent from './AboutText';
import HeaderAbout from './HeaderAbout';

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

  return (
    <> 
    <div>Abouut us  Here</div>
    {/* <HeaderAbout drawer={drawer} action={drawerAction.toggle} /> */}
    <HeroAbout />
    <ServicesAbout />
    <AboutTextComponent/>
    <FooterHomeOne className="appie-footer-about-area" />
    </>
   
  )
}

export default page