diff --git a/src/App.js b/src/App.js
index 4f1a28f..ef4be07 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,14 +1,17 @@
-import React, { Component } from 'react'
-import './App.css'
+
+import React, { Component } from 'react';
+import './App.css';
+import Background from './LandingPage/Background/Background';
 
 class App extends Component {
   render() {
     return (
       <div className="App">
-        <h1>Hey</h1>
+        <Background/>
       </div>
-    )
+    );
   }
+
 }
 
-export default App
+export default App;
diff --git a/src/LandingPage/Assets/main-01.png b/src/LandingPage/Assets/main-01.png
new file mode 100644
index 0000000..647ffe4
Binary files /dev/null and b/src/LandingPage/Assets/main-01.png differ
diff --git a/src/LandingPage/Background/Background.css b/src/LandingPage/Background/Background.css
new file mode 100644
index 0000000..dfe749e
--- /dev/null
+++ b/src/LandingPage/Background/Background.css
@@ -0,0 +1,44 @@
+
+
+.Background {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    background-color: #050824;
+}
+
+.centre{
+    display: block;
+    top: 10%;
+    left: 10%;
+    height: 90%;
+    width: 80%;
+    position: relative;
+    border-top-right-radius: 63px;
+    border-bottom-left-radius: 63px;
+    background:  #E3E8FA;
+    z-index: 1;
+}
+.text {
+    position: absolute;
+    top: 25%;
+    left: 8%;
+    font-family: Arial, Helvetica, sans-serif;
+    font-style: normal;
+    font-weight: normal;
+    font-size: 72px;
+    line-height: 62px;
+    color: #364476;
+    z-index: 1;
+}
+Img {
+    position: absolute;
+    top: 20%;
+    right: 0.5%;
+    width: 70%;
+    height: 90%;
+    z-index: 2;
+
+}
\ No newline at end of file
diff --git a/src/LandingPage/Background/Background.js b/src/LandingPage/Background/Background.js
new file mode 100644
index 0000000..0df86b6
--- /dev/null
+++ b/src/LandingPage/Background/Background.js
@@ -0,0 +1,15 @@
+import React from 'react';
+import './Background.css';
+import Image from '../Assets/main-01.png'; 
+const background = () => {
+    return (
+        <div className="Background">
+            <div className="centre">
+                <h1 className="text">SOSHIKI ORG</h1>
+                <img className="Img" src={Image} alt="WebImage" />
+            </div>
+        </div>
+       
+       )
+};
+export default background;
\ No newline at end of file
diff --git a/src/LandingPage/hoc.js b/src/LandingPage/hoc.js
new file mode 100644
index 0000000..6f79740
--- /dev/null
+++ b/src/LandingPage/hoc.js
@@ -0,0 +1,4 @@
+
+const auxiliary = (props) => props.children;
+
+export default auxiliary;
\ No newline at end of file