update app

Author: rohitbhadane310

practice/practice-app/src/App.js

@@ -1,15 +1,11 @@
 
-import React from 'react';
-import Navbar from './components/Navbar';
-import Form from './components/Form';
-import './App.css'
+import React from "react";
+import About from "./components/About";
 
-export default function app()
-{
+export default function app(){
   return(
     <>
-    <Navbar Home = "TextUtils"/>
-    <Form/>
+    <About/>
     </>
   )
 }

practice/practice-app/src/components/About.jsx

@@ -0,0 +1,19 @@
+import React from "react";
+
+export default function About() {
+    return (
+        <>
+         <div className="container">
+            <nav class="nav">
+                <a class="nav-link active" aria-current="page" href="#">Active</a>
+                <a class="nav-link" href="#">Link</a>
+                <a class="nav-link" href="#">Link</a>
+                <a class="nav-link disabled">Disabled</a>
+            </nav>
+        </div>
+        <div className="container">
+            <button type="submit" className="btn btn-primary">dark mode</button>
+        </div>
+        </>
+    )
+}

project-1/project-app/src/App.js

@@ -1,7 +1,7 @@
 import './App.css';
 import About from './components/About';
 // import Navbar from './components/Navbar';
-// import TextForm from './components/TextForm';
+import TextForm from './components/TextForm';
 
 function App() {
   return (
@@ -10,6 +10,7 @@ function App() {
       <div className="container my-3">
         {/* <TextForm heading = "Enter the text to analyze below"/> */}
         <About/>
+        <TextForm/>
       </div>
     </>
   );