Some changes and practice

Basically I just practiced on it and made some big updates to the site. Will be doing more and learning more soon.

src/pages/About.js

@@ -1,26 +1,26 @@
 import React from "react";
-import MultiplePizzas from "../assets/shityourself.jpg";
+import ChadsImage from "../assets/MytwitchBanner.png";
 import "../styles/About.css";
 function About() {
   return (
     <div className="about">
       <div
         className="aboutTop"
-        style={{ backgroundImage: `url(${MultiplePizzas})` }}
+        style={{ backgroundImage: `url(${ChadsImage})` }}
       ></div>
       <div className="aboutBottom">
         <h1> ABOUT US</h1>
         <p>
-          Hello, My name is Chad and I'm currently working towards my goals on trying to become a developer.
-          If you have any pointers and are a gamer please join the discord! 
+        Hello, My name is Chad! Nice to meet you! I'm currently working towards my goals on trying to become a developer and a content creator.
+          If you have any pointers, are a developer, and or a gamer, please join the discord! Also, Don't forget to look at my YouTube channel and other Socials! 
         </p>
-      </div>
-      <div className="discordinvabout">
-      <a class="btn" href="https://discord.gg/brQXPhQ" target="_blank" rel="noopener noreferrer">Join The Discord!</a>
-    </div>
-      <div className="discordintabout">
+        <div className="discordInvAbout">
+        <a class="btn" href="https://discord.gg/brQXPhQ" target="_blank" rel="noopener noreferrer">Join The Discord!</a>
+        </div>
+        <div className="discordIntAbout">
         <iframe src="https://discord.com/widget?id=573633846587817992&theme=dark" allowtransparency="true" frameborder="0" sandbox="allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts"></iframe>
         </div>
+        </div>
     </div>
   );
 }

src/pages/Contact.js

@@ -10,7 +10,7 @@ function Contact() {
         style={{ backgroundImage: `url(${TrainLeft})` }}
       ></div>
       <div className="rightSide">
-        <h1> Contact Us</h1>
+        <h1>*Page Currently Doesn't Work*</h1>
 
         <form id="contact-form" method="POST">
           <label htmlFor="name">Full Name</label>

src/pages/Home.js

@@ -1,20 +1,20 @@
 import React from "react";
 import { Link } from "react-router-dom";
-import BannerImage from "../assets/Tokyo-Ghoul-Backgrounds.jpg";
+import BannerImage from "../assets/MytwitchBanner.png";
 import "../styles/Home.css";
 
 function Home() {
   return (
     <div className="home" style={{ backgroundImage: `url(${BannerImage})` }}>
       <div className="headerContainer">
-        <h1> Chad's Test Website </h1>
-        <p> This is kinda fun</p>
-        <Link to='shop'>
-          <button> Visit Our Shop </button>
+        <h1> Eh Chad's Test Website </h1>
+        <p> For more info go to my about page! </p>
+        <Link to='about'>
+          <button> About Page </button>
         </Link>
         </div>
         <div className="discordint">
-        <iframe src="https://discord.com/widget?id=573633846587817992&theme=dark" allowtransparency="true" frameborder="0" sandbox="allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts"></iframe>
+        <iframe src="https://discord.com/widget?id=573633846587817992&theme=dark"></iframe>
         </div>
     </div>
   );

src/pages/Shop.js

@@ -6,7 +6,7 @@ import "../styles/Shop.css";
 function Shop() {
   return (
     <div className="shop">
-      <h1 className="shopTitle">Test Shop</h1>
+      <h1 className="shopTitle">Not Actually A Shop</h1>
       <div className="shopList">
         {ShopList.map((shopItem, key) => {
           return (