text: import Acomplishments from "../components/Acomplishments/Acomplishments";
  import BgAnimation from "../components/BackgrooundAnimation/BackgroundAnimation";
  import Hero from "../components/Hero/Hero";
  import Projects from "../components/Projects/Projects";
  import Technologies from "../components/Technologies/Technologies";
  import Timeline from "../components/TimeLine/TimeLine";
  import { Layout } from "../layout/Layout";
  import { Section } from "../styles/GlobalComponents";
  
  const Home = () => {
    return (
      <Layout>
        <Section grid>
          <Hero />
          <BgAnimation />
        </Section>
        <br />
        <Projects />
        <br />
        <Technologies />
        <br />
        <Timeline />
        <br />
        <Acomplishments />
      </Layout>
    );
  };
  
  export default Home;
  