First Commit

src/pages/About.js

@@ -0,0 +1,23 @@
+import React from "react";
+import MultiplePizzas from "../assets/shityourself.jpg";
+import "../styles/About.css";
+function About() {
+  return (
+    <div className="about">
+      <div
+        className="aboutTop"
+        style={{ backgroundImage: `url(${MultiplePizzas})` }}
+      ></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. 
+          I been working hard and trying to learn quickly. 
+          I try to be patient but I really wanna just learn fast.
+        </p>
+      </div>
+    </div>
+  );
+}
+
+export default About;

src/pages/Contact.js

@@ -0,0 +1,34 @@
+import React from "react";
+import TrainLeft from "../assets/1132066.jpg";
+import "../styles/Contact.css";
+
+function Contact() {
+  return (
+    <div className="contact">
+      <div
+        className="leftSide"
+        style={{ backgroundImage: `url(${TrainLeft})` }}
+      ></div>
+      <div className="rightSide">
+        <h1> Contact Us</h1>
+
+        <form id="contact-form" method="POST">
+          <label htmlFor="name">Full Name</label>
+          <input name="name" placeholder="Enter full name..." type="text" />
+          <label htmlFor="email">Email</label>
+          <input name="email" placeholder="Enter email..." type="email" />
+          <label htmlFor="message">Message</label>
+          <textarea
+            rows="6"
+            placeholder="Enter message..."
+            name="message"
+            required
+          ></textarea>
+          <button type="submit"> Send Message</button>
+        </form>
+      </div>
+    </div>
+  );
+}
+
+export default Contact;

src/pages/Home.js

@@ -0,0 +1,20 @@
+import React from "react";
+import { Link } from "react-router-dom";
+import BannerImage from "../assets/Tokyo-Ghoul-Backgrounds.jpg";
+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='menu'>
+          <button> This is a button </button>
+        </Link>
+      </div>
+    </div>
+  );
+}
+
+export default Home;

src/pages/Shop.js

@@ -0,0 +1,26 @@
+import React from "react";
+import { ShopList } from "../helpers/ShopList";
+import ShopItem from "../components/ShopItem";
+import "../styles/Shop.css";
+
+function Shop() {
+  return (
+    <div className="shop">
+      <h1 className="shopTitle">My Menu</h1>
+      <div className="shopList">
+        {ShopList.map((shopItem, key) => {
+          return (
+            <ShopItem
+              key={key}
+              image={shopItem.image}
+              name={shopItem.name}
+              price={shopItem.price}
+            />
+          );
+        })}
+      </div>
+    </div>
+  );
+}
+
+export default Shop;