diff --git a/src/Components/khabarNameInput/KhabarNameh.css b/src/Components/khabarNameInput/KhabarNameh.css
new file mode 100644
index 0000000..9f92853
--- /dev/null
+++ b/src/Components/khabarNameInput/KhabarNameh.css
@@ -0,0 +1,15 @@
+.KhabarName input{
+ border-radius: 6px;
+ border: 1px solid #D1D1D1;
+ height: 50px;
+ width:30%;
+ font-family: 'iranSans';
+ margin:10px;
+ padding: 0px 20px;
+}
+.KhabarName input::placeholder{
+ color:#B8B8B8;
+}
+.KhabarName button{
+ height:50px;
+}
\ No newline at end of file
diff --git a/src/Components/khabarNameInput/KhabarNameh.js b/src/Components/khabarNameInput/KhabarNameh.js
new file mode 100644
index 0000000..e879e50
--- /dev/null
+++ b/src/Components/khabarNameInput/KhabarNameh.js
@@ -0,0 +1,15 @@
+import React from "react";
+import Button from "../buttons/Button";
+
+import './KhabarNameh.css'
+
+const KhabarNameh = () =>{
+ return(
+
+
+
+
+ );
+};
+
+export default KhabarNameh;
\ No newline at end of file
diff --git a/src/Pages/Home/Part1/homePart1.js b/src/Pages/Home/Part1/homePart1.js
index 50d103e..720692e 100644
--- a/src/Pages/Home/Part1/homePart1.js
+++ b/src/Pages/Home/Part1/homePart1.js
@@ -1,4 +1,5 @@
import React from "react";
+import KhabarNameh from "../../../Components/khabarNameInput/KhabarNameh";
import MobileMockup from "../../../Components/mobileMockup/mobileMockup";
import './homePart1.css';
@@ -16,6 +17,9 @@ const HomePart1 = () =>{
با استفاده از پلتفرم چت هوشمند بازو شما می توانید نیاز به نیروی انسانی برای پاسخگویی به
مشتریانتان رو به حداقل رسانده و پول روی پول بگذارید و راحتتر مشتریان خود را چپاول کنید
+
+
+
diff --git a/src/index.css b/src/index.css
index 657f974..6610198 100644
--- a/src/index.css
+++ b/src/index.css
@@ -41,4 +41,7 @@ code {
}
*{
transition: all 0.15s;
+}
+input:focus{
+ outline: 0px;
}
\ No newline at end of file