From b005a3a5d0d3a1e4edd2ce91097cc84364a8eaf7 Mon Sep 17 00:00:00 2001
From: Krittin SETDHAVANICH <krittin.set@ku.th>
Date: Thu, 29 Jun 2023 21:03:56 +0700
Subject: [PATCH] Create input box

---
 src/App.jsx     | 2 ++
 src/Contact.jsx | 2 +-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/App.jsx b/src/App.jsx
index 8d522a5..1d782b8 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -19,6 +19,7 @@ import {styled} from '@mui/material/styles';
 import FormControlLabel from '@mui/material/FormControlLabel';
 import {createTheme, ThemeProvider} from '@mui/material/styles';
 import cards from './Card';
+import Contact from "./Contact";
 import {createContext, useState} from "react";
 
 export const ThemeContext = createContext(null);
@@ -206,6 +207,7 @@ export default function App() {
 
                             </Grid>
                         </Container>
+                        <Contact />
                     </main>
                     {/* Footer */}
                     <Box sx={{p: 6}} component="footer">
diff --git a/src/Contact.jsx b/src/Contact.jsx
index 4ccc442..dc10425 100644
--- a/src/Contact.jsx
+++ b/src/Contact.jsx
@@ -31,7 +31,7 @@ function Contact(){
                           noValidate="novalidate" ref={form} onSubmit={sendEmail}>
                             <div className="col-md-12">
                                 <div className="form-group">
-                                    <h4 className="mail">Message</h4>
+                                    <h4 className="mail">Send PP any message</h4>
                                     <textarea name="message" className="form-control" id="message" cols="30" rows="8"
                                               placeholder="Message"></textarea>
                                 </div>