Add header and subheaer to page

EricaHD · Mar 14, 2024 · 75dc058 · 75dc058
1 parent 43ac019
commit 75dc058
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/dist/bundle.js b/dist/bundle.js
diff --git a/src/App.js b/src/App.js
@@ -1,10 +1,17 @@
 import React, { Component } from "react";
 import Header from "./Header";
+import Typography from '@mui/material/Typography';
 
 class App extends Component {
   render() {
     return (
       <div>
+        <Typography variant="h3" component="div" sx={{ textAlign: 'center' }}>
+          Retirement Contribution Calculator
+        </Typography>
+        <Typography variant="h6" component="div" sx={{ textAlign: 'center' }}>
+          with a 2% per-paycheck match from your company
+        </Typography>
         <Header />
       </div>
     );