'Your Sign Up is Free Section' Completed

Only Thing Lacking From The Project Is The Mobile Version

src/Components/khabarNameInput/KhabarNameh.css

@@ -2,7 +2,7 @@
     border-radius: 6px;
     border: 1px solid #D1D1D1;
     height: 50px;
-    width:30%;
+    width:60%;
     font-family: 'iranSans';
     margin:10px;
     padding: 0px 20px;

src/Containers/FreeSignUp/FreeSignUp.css

@@ -0,0 +1,16 @@
+.FreeSignUp{
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    direction: rtl;
+    width:75%;
+}
+.FreeSignUp div{
+    padding: 15px;
+    width:50%;
+
+}
+
+.FSUDes p{
+    font-size: 13px;
+}

src/Containers/FreeSignUp/FreeSignUp.js

@@ -0,0 +1,19 @@
+import React from "react";
+import KhabarNameh from "../../Components/khabarNameInput/KhabarNameh";
+import './FreeSignUp.css';
+
+const FreeSignUp = () =>{
+    return(
+        <div className="FreeSignUp">
+            <div className="FSUDes">
+                <h2>ثبت نام شما رایگان است ...</h2>
+                <p>همین حالا با ثبت نام در بازو از تمامی امکانات این پلتفرم قوی تا یک ماه به صورت رایگان استفاده کنید</p>
+            </div>
+           
+            <KhabarNameh />
+         
+        </div>
+    );
+};
+
+export default FreeSignUp;

src/Pages/Home/Home.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import DesktopMenu from '../../Components/navBar/desktopMenu';
 import EmkanatList from '../../Containers/EmkanatList/EmakanatList';
+import FreeSignUp from '../../Containers/FreeSignUp/FreeSignUp';
 import HowWeWork from '../../Containers/howDoWeWork/howWeWork';
 import MergeContainer from '../../Containers/ourMerge/mergeContainer';
 import TrustUsContainer from '../../Containers/TrustUs/trustUs';
@@ -16,6 +17,7 @@ const HomePage = () =>{
             <HowWeWork />
             <MergeContainer />
             <EmkanatList />
+            <FreeSignUp />
         </div>
     )
 };

src/Pages/Home/Part1/homePart1.js

@@ -18,9 +18,9 @@ const HomePart1 = () => {
                         با استفاده از پلتفرم چت هوشمند بازو شما می توانید نیاز به نیروی انسانی برای پاسخگویی به
                         مشتریانتان رو به حداقل رسانده و پول روی پول بگذارید و راحتتر مشتریان خود را چپاول کنید
                     </p>
-
+                    <p>
                     <KhabarNameh />
-
+                    </p>
                     <div className="stepsOfSignUp">
 
                         <div className="step">