Modify about and contact.js page with placeholder text

src/App.js

@@ -100,7 +100,7 @@ function App() {
         <StorageContext.Provider value={FBstorage}>
           <Routes>
             <Route path="/" element={<Home/>} /> 
-            <Route path="/about" element={<About greeting="Hey you, this is about page!" handler={saySomething} />} />
+            <Route path="/about" element={<About/>} />
             <Route path="/contact" element={<Contact/>} />
             <Route path="/detail/:id" element={<Detail handler={getDocument} />} />
             <Route path="/gallery" element={<Gallery items={data} />} />

src/pages/About.js

@@ -1,8 +1,9 @@
-export function About ( props ) {
+export function About() {
   return (
     <div>
-      <h1>{ props.greeting }</h1>
+      <h1>About me:</h1>
-      <button onClick={ () => props.handler("I've been clicked!") } >Click me</button>
+      <p>This will have information added soon</p>
     </div>
-    )
+  );
 }
+  

src/pages/Contact.js

@@ -6,6 +6,7 @@ export function Contact ( props ) {
     return (
         <div>
             <h1>Contact</h1>
+            <p>Deciding whether to just put contact info or actually develop a contact form, figure it out along the way</p>
         </div>
     )
 }