diff --git a/components/widgets/ResponsiveAppBar.js b/components/widgets/ResponsiveAppBar.js
index 09ee18c..d155d30 100644
--- a/components/widgets/ResponsiveAppBar.js
+++ b/components/widgets/ResponsiveAppBar.js
@@ -24,7 +24,7 @@ import MenuItem from '@mui/material/MenuItem';
import AdbIcon from '@mui/icons-material/Adb';
//const pages = ['Home', 'Tutorials', 'About Us', 'Navigation Graph'];
-const pages = ['Home', 'About Us']
+const pages = ['Home', 'About Us','Help','Contribute']
const ResponsiveAppBar = (props) => {
const [anchorElNav, setAnchorElNav] = React.useState(null);
diff --git a/pages/contribute/index.js b/pages/contribute/index.js
new file mode 100644
index 0000000..43b0f8f
--- /dev/null
+++ b/pages/contribute/index.js
@@ -0,0 +1,345 @@
+import ResponsiveAppBar from "../../components/widgets/ResponsiveAppBar";
+import isulogo from "../../components/images/ISULogo.png";
+
+import {
+ createTheme,
+ ThemeProvider,
+ Container,
+ Box,
+ Typography,
+ CssBaseline,
+ Link,
+} from "@mui/material";
+
+const contributionSteps = [
+ "Creating a fork of the appropriate repository, front end or back end",
+ "Getting Redux running locally for development and testing",
+ "Downloading, editing, and integrating templates",
+ "Submitting a successful pull request",
+];
+
+const helpfulLinks = [
+ {
+ label: "GitHub",
+ url: "https://github.com/ReduxISU/",
+ },
+ {
+ label: "Swagger",
+ url: "https://api.redux.portneuf.cose.isu.edu/swagger/index.html",
+ },
+];
+
+const theme = createTheme({
+ palette: {
+ mode: "light",
+ primary: { main: "#3F3F46" },
+ secondary: { main: "#F47C20" },
+ background: {
+ default: "#F9FAFB",
+ paper: "#FFFFFF",
+ },
+ text: {
+ primary: "#111827",
+ secondary: "#4B5563",
+ },
+ },
+ typography: {
+ fontFamily:
+ 'Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
+ },
+});
+
+const sectionCardStyle = {
+ background: "#FFFFFF",
+ borderRadius: "16px",
+ border: "1px solid #E5E7EB",
+ padding: { xs: 3, md: 4 },
+ boxShadow: "0 8px 24px rgba(0,0,0,0.04)",
+ transition: "all 0.25s ease",
+ "&:hover": {
+ borderColor: "#F47C20",
+ boxShadow: "0 12px 30px rgba(0,0,0,0.07)",
+ },
+};
+
+const innerCard = {
+ background: "#F9FAFB",
+ border: "1px solid #E5E7EB",
+ borderRadius: "10px",
+ px: 1.2,
+ py: 1,
+ transition: "all 0.2s ease",
+ "&:hover": {
+ borderColor: "#F47C20",
+ background: "#FFFFFF",
+ },
+};
+
+function SectionTitle({ children }) {
+ return (
+
+ {children}
+
+ );
+}
+
+export default function ContributePage() {
+ return (
+
+
+
+
+
+
+
+
+
+ CONTRIBUTE TO REDUX
+
+
+ Redux depends on contributors like you.
+
+
+
+ Our goal from the beginning has not been to build a knowledge
+ base ourselves but to build a framework for crowd-sourced
+ contribution across the world, think Wikipedia. We hope to see
+ contributors add everything from new problems, algorithms,
+ reductions, visualizations, features, bug fixes, and beyond. Our
+ goal is to make the framework easy to understand and even easier
+ to extend. Below are tutorials and helpful information to get
+ you started.
+
+
+
+ Any contribution to Redux requires:
+
+
+
+ {contributionSteps.map((step) => (
+
+
+ • {step}
+
+
+ ))}
+
+
+
+
+ TUTORIAL VIDEOS
+
+
+ Here are tutorial videos for each of these steps:
+
+
+
+
+
+
+
+
+ CHECKLIST FOR A SUCCESSFUL PULL REQUEST
+
+
+ Before submitting a pull request, make sure your changes run
+ locally, follow the existing project structure, include clear
+ descriptions of the work completed, and are tested carefully.
+ Additional checklist details will be added as the contribution
+ documentation is expanded.
+
+
+
+
+ HELPFUL LINKS
+
+
+ {helpfulLinks.map((link) => (
+
+
+ {link.label}
+
+
+ ))}
+
+
+
+
+ GET INVOLVED
+
+
+ Interested in getting more involved? We love collaboration!
+ Whether you are an industry partner, a university research
+ group, or an individual passionate about getting involved, we
+ have lots of project ideas we could use your help with. If
+ interested, please reach out to Dr. Paul Bodily at{" "}
+
+ bodipaul@isu.edu
+ .
+
+
+
+
+ TERMS OF USE
+
+
+ Terms of Use content will be added here. This section is
+ intended to describe expectations and conditions for using Redux.
+
+
+
+
+ PRIVACY POLICY
+
+
+ Privacy Policy content will be added here. This section is
+ intended to explain what information is collected, how it is
+ used, and how user privacy is protected.
+
+
+
+
+
+
+
+
+
+
+
+ );
+}