From 2d9ec48558f880952caec547d53357d420235ef3 Mon Sep 17 00:00:00 2001
From: Pedram Keshavarzi <pkpedram80@gmail.com>
Date: Wed, 12 Jan 2022 16:34:50 +0330
Subject: [PATCH] mobile mockup section made

---
 src/Components/navBar/desktopMenu.js | 4 ++--
 src/Components/navBar/navBar.css     | 6 +-----
 src/Pages/Home/Home.css              | 5 +++++
 src/Pages/Home/Home.js               | 7 +++++--
 4 files changed, 13 insertions(+), 9 deletions(-)
 create mode 100644 src/Pages/Home/Home.css

diff --git a/src/Components/navBar/desktopMenu.js b/src/Components/navBar/desktopMenu.js
index 20ba2e7..3693c6d 100644
--- a/src/Components/navBar/desktopMenu.js
+++ b/src/Components/navBar/desktopMenu.js
@@ -13,8 +13,8 @@ const DesktopMenu = ({ currentUser, hidden }) => (
             <div className="logo-container">
                 <img src={logo} className="logo" />
                 <p>
-                <span className='logoTitle'> پلتفرم چت بازو</span>
-                <span className='logoDes'>دستیار کسب و کار شما برای ارتباط با مشتریان</span>
+                    <span className='logoTitle'> پلتفرم چت بازو</span>
+                    <span className='logoDes'>دستیار کسب و کار شما برای ارتباط با مشتریان</span>
                 </p>
             </div>
             <div className="options">
diff --git a/src/Components/navBar/navBar.css b/src/Components/navBar/navBar.css
index 6e47f80..83eb768 100644
--- a/src/Components/navBar/navBar.css
+++ b/src/Components/navBar/navBar.css
@@ -8,6 +8,7 @@
     box-shadow:0px 0px 28px rgba(0,0,0,0.15);
     height:90px;
     vertical-align: middle;
+    margin-bottom: 50px;
 }
 
 .header {
@@ -21,8 +22,6 @@
 
     font-size: 13px;
     align-items: center;
-   position: fixed;
-   top: 0;
     margin:0;
     vertical-align: middle;
     padding: 15px 0px;
@@ -60,9 +59,6 @@
     align-items: center;
     justify-content: space-between;
     
-    
-    
-    
   }
 
   .header .options .option {
diff --git a/src/Pages/Home/Home.css b/src/Pages/Home/Home.css
new file mode 100644
index 0000000..647e6fe
--- /dev/null
+++ b/src/Pages/Home/Home.css
@@ -0,0 +1,5 @@
+.HomePage{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
\ No newline at end of file
diff --git a/src/Pages/Home/Home.js b/src/Pages/Home/Home.js
index df2e6a5..1077ca1 100644
--- a/src/Pages/Home/Home.js
+++ b/src/Pages/Home/Home.js
@@ -1,10 +1,13 @@
 import React from 'react';
-import DesktopMenu from '../../Components/navBar/desktopMenu'
+import DesktopMenu from '../../Components/navBar/desktopMenu';
+import MobileMockup from '../../Components/mobileMockup/mobileMockup';
+import './Home.css';
 
 const HomePage = () =>{
     return(
-        <div>
+        <div className='HomePage'>
             <DesktopMenu />
+            <MobileMockup />
         </div>
     )
 };