many fixes and pages
diff --git a/Components/Header.js b/Components/Header.js
new file mode 100644
index 0000000..ba38249
--- /dev/null
+++ b/Components/Header.js
@@ -0,0 +1,42 @@
+import { Component } from "react";
+import Styles from '../styles/header.module.css';
+
+class Header extends Component {
+ constructor(props) {
+ super(props);
+ }
+
+
+ render() {
+ return (
+ <div className={Styles.header} style={{
+ backgroundImage:`linear-gradient(69.44deg, #${this.props.gradient[0]} 0%, #${this.props.gradient[1]} 100%)`,
+ margin: "0"
+ }} id={this.props.id ? this.props.id : null}>
+ <img className={Styles.backgroundImage} src={`/Headers/${this.props.wave}.svg`} />
+ <div className={Styles.panel}>
+ <div className={Styles.titleContainer}>
+ <h1 className={Styles.title}>{this.props.name}</h1>
+ </div>
+ <p className={Styles.subtext + " " + (this.props.buttons.length ? Styles.subtextExtra : null)}>{this.props.subtext}</p>
+ <div className={Styles.buttonLayout}>
+ {
+ this.props.buttons ? this.props.buttons.map(button => {
+ return <a
+ className={Styles.button}
+ style={{backgroundColor:`#${button.color}`, color:`#${button.buttonText}`}}
+ href={button.link}>{button.text}
+ </a>
+ }) : null
+ }
+ </div>
+ </div>
+ <span className={Styles.arrowSpan + " " + (this.props.hideArrow ? Styles.arrowHidden : null)}>
+ <img src="/Arrow.svg" className={Styles.arrow} />
+ </span>
+ </div>
+ )
+ }
+}
+
+export default Header;
\ No newline at end of file