diff --git a/frontend-react/src/App.js b/frontend-react/src/App.js
new file mode 100644
index 0000000000000000000000000000000000000000..bd99f91b47da4fc3099e5bdaccd63a5f603a843b
--- /dev/null
+++ b/frontend-react/src/App.js
@@ -0,0 +1,20 @@
+import React from "react";
+import image from "./images/recipe.jpg";
+import "/App.css";
+import ChatBotRobot from "./Chatbotcomponent";
+
+function App() {
+    return (
+        <span>
+      <div className="App" style={{ backgroundImage:`url(${image})`,backgroundRepeat:"no-repeat",backgroundSize:"cover" }}>
+        <header className="App-header">
+          <h3> RECIPE EXPERTS. </h3>
+          <p> Welcomes you's to the smart assistance by our Sam the Advisor. </p>
+        </header>
+      </div>
+      <ChatBotRobot />
+    </span>
+    );
+}
+
+export default App;