create Main component

+import React from "react";
+import styled from "styled-components";
+import Laptop from "../Imgs/laptop.jpg";
+
+const Main = styled.main`
+  display: flex;
+  flex-direction: column;
+`;
+
+const Section = styled.section`
+  padding: 10rem 0;
+  max-width: none;
+`;
+
+const SectionBox = styled.div`
+  display: grid;
+  grid-column-gap: 5%;
+  grid-template-columns: 40% 50%;
+  align-items: center;
+  margin: 0 auto;
+`;
+
+const DescriptionBox = styled.div``;
+
+const TitleBox = styled.div``;
+
+const IllustrationBox = styled.div``;
+
+const Image = styled.img`
+  src: url(${(props) => props.src});
+  alt: ${(props) => props.alt};
+`;
+
+export default () => {
+  return (
+    <Main>
+      <Section>
+        <SectionBox>
+          <DescriptionBox>
+            <TitleBox>Lorem Ipsum</TitleBox>
+            <p>
+              What is Lorem Ipsum? Lorem Ipsum is simply dummy text of the
+              printing and typesetting industry. Lorem Ipsum has been the
+              industry's standard dummy text ever since the 1500s, when an
+              unknown printer took a galley of type and scrambled it to make a
+              type specimen book. It has survived not only five centuries, but
+              also the leap into electronic typesetting, remaining essentially
+              unchanged. It was popularised in the 1960s with the release of
+              Letraset sheets containing Lorem Ipsum passages, and more recently
+              with desktop publishing software like Aldus PageMaker including
+              versions of Lorem Ipsum
+            </p>
+          </DescriptionBox>
+          <IllustrationBox>
+            <Image src={Laptop} alt={"Back Image"}></Image>
+          </IllustrationBox>
+        </SectionBox>
+      </Section>
+    </Main>
+  );
+};