create landing page

kivi-cars/src/containers/App.js

@@ -1,6 +1,6 @@
 import './App.css';
 import React from 'react';
-import Category from './Category';
+import LandingPage from './LandingPage';
 
 function App() {
 
@@ -9,7 +9,7 @@ function App() {
 
   return (
     <div className="App">
-      <Category/>
+      <LandingPage/>
     </div>
   );
 }

kivi-cars/src/containers/LandingPage.css

@@ -0,0 +1,33 @@
+.logo-img {
+    display: flex;
+    justify-content: center;
+    padding: 2rem 0 2rem 0;
+}
+
+
+.header {
+    margin-bottom: 100px;
+    display: flex;
+    justify-items: auto;
+   
+}
+.paragraph{
+    display: flex;
+    flex-direction: column;
+    padding: 3rem;
+    gap: 20px;
+   
+}
+h2{
+    display: flex;
+    margin: auto;
+    font-size: 300;
+    font-weight: 300;
+    padding: auto;
+    text-align: center;
+    
+}
+#besplatno{
+    font-weight: bold
+}
+

kivi-cars/src/containers/LandingPage.js

@@ -0,0 +1,30 @@
+import logo  from '../assets/logo.png'
+import StandardBtn from '../components/Button/StandardBtn';
+import Header from '../components/Header/Header';
+import './LandingPage.css'
+
+function LandingPage() {
+
+    const naslov = 'KIVI - CARS';
+    var naziv = 'KUPI';
+  
+    return (
+      <div className="landing-page">
+        <div className='logo-img'>
+            <img className='logo' src={logo}/>
+        </div>
+
+        <Header className='header' header={naslov}/>
+        <div className='paragraph'>
+            <h2> Sva motorna vozila dostupna u oglasima </h2>
+            <h2> Na Vas email </h2>
+            <h2 id='besplatno'> BESPLATNO </h2>
+            
+        </div>
+        <StandardBtn title={naziv}/>
+        
+      </div>
+    );
+  }
+  
+  export default LandingPage;