import Footer from "../components/Footer/footer";
import ContactMeForm from "../components/Forms/ContactMe/ContactMeForm";
import HomeNav from "../components/navbar/HomeNav";
import Drone from "../components/ads/Drone/Drone";
import Portfolio from "../components/ads/Portfolio/Portfolio";
import Home from "../pages/home/home";
import { Outlet } from "react-router";

export default function HomeLayout(){
    return(
        <>
            {/* Example usage of imported components, adjust as needed */}
            
            <HomeNav />
            
            <Home /> {/*page*/}
            <div style={{margin: "10em 0"}}>
                <Drone />
            </div>
            <Outlet />
            <Portfolio />
            <div style={{ margin: "6em auto", marginTop: "15em", maxWidth: "80vw" }}>
                <ContactMeForm />
            </div>
            <Footer />
        </>
    )
}