added info to about page

client/src/components/aboutSection.js

@@ -0,0 +1,22 @@
+import React from 'react';
+
+import Row from 'react-bootstrap/Row';
+import Col from 'react-bootstrap/Col';
+
+export default function AboutSection(props) {
+    return(
+        <Row className='my-2'>
+
+            <Col>
+
+                <h4 className='highlight'>{props.section.header}</h4>
+
+                <hr />
+
+                <p>{props.section.description}</p>
+
+            </Col>
+
+        </Row>
+    );
+}

client/src/components/footer.js

@@ -1,5 +1,7 @@
 import React from 'react';
 import { Github } from 'react-bootstrap-icons';
+import { Globe } from 'react-bootstrap-icons';
+import { Envelope } from 'react-bootstrap-icons';
 import Container from 'react-bootstrap/Container';
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
@@ -7,6 +9,7 @@ import Col from 'react-bootstrap/Col';
 export default function Footer() {
     return (
         <footer className='mt-auto py-3'>
+
             <Container>
 
                 <hr/>
@@ -20,19 +23,40 @@ export default function Footer() {
                     </Col>
 
                     <Col className='text-end'>
+
                         <a
-                            className='text-dark'
+                            className='text-dark m-1'
                             href='https://github.com/StevanFreeborn/criminalmindsapi'
                             target='_blank'
                             rel="noreferrer"
                         >
                             <Github size={25} />
                         </a>
+
+                        <a
+                            className='text-dark m-1'
+                            href='https://stevanfreeborn.com'
+                            target='_blank'
+                            rel="noreferrer"
+                        >
+                            <Globe size={25} />
+                        </a>
+
+                        <a
+                            className='text-dark m-1'
+                            href='mailto:stevan.freeborn@gmail.com'
+                            target='_blank'
+                            rel="noreferrer"
+                        >
+                            <Envelope size={25} />
+                        </a>
+
                     </Col>
 
                 </Row>
 
             </Container>
+
         </footer>
     )
 }

client/src/components/greeting.js

@@ -8,15 +8,23 @@ export default function Greeting() {
     return (
         <Container>
 
-            <Row className='py-5'>
+            <Row className='py-4'>
 
-                <Col className='text-center'>
+                <Col>
 
-                    <h1>
+                    <h1 className='text-center mb-3'>
                         The <span className='highlight'>Criminal</span> Minds API
                     </h1>
 
                     <p>
+                        Welcome to the Criminal Minds API! The documentation should supply you with all the information you need to start making requests. It is programmatically generated using swagger and provides the ability to make exploratory calls easily. Give it a review before you get started on your project.
+                    </p>
+
+                    <p>
+                        Note the api is free, but to prevent malicious activity there is a rate limit of 10,000 requests a day. If that limit is reached you will receive a response with a 429 status code. Details about your rate limit standing are returned in response headers, specifically the x-rate-limit-limit, x-rate-limit-remaining, and x-rate-limit-reset headers.
+                    </p>
+
+                    <p className='text-center'>
                         Checkout the <a href='https://criminalmindsapi.azurewebsites.net' rel='noreferrer' target='_blank' className='highlight'>documentation</a>.
                     </p>