Bump staging into prod. (#86)

* Add sponsorship banner and footer placement

* Update sponsor to Mechanize.

* Increase sponsorship footer contrast.

Author: thekeenant

package-lock.json

@@ -4,14 +4,14 @@
   "private": true,
   "dependencies": {
     "ajv": "^8.18.0",
-    "axios": "^1.15.0",
+    "axios": "^1.13.5",
     "classnames": "^2.2.5",
     "dom-to-image": "^2.6.0",
     "dotenv": "^16.4.7",
     "echarts": "^6.0.0",
     "echarts-for-react": "^3.0.6",
     "file-saver": "^1.3.3",
-    "lodash": "^4.18.1",
+    "lodash": "^4.17.5",
     "normalize.css": "^8.0.1",
     "npm-run-all": "^4.1.2",
     "prop-types": "^15.6.0",
@@ -55,8 +55,8 @@
   },
   "devDependencies": {
     "@vitejs/plugin-react": "^5.1.3",
-    "surge": "^0.27.3",
-    "vite": "^7.3.2",
+    "surge": "^0.24.6",
+    "vite": "^7.3.1",
     "vite-plugin-html": "^3.2.2",
     "vite-plugin-sass-dts": "^1.3.35"
   },

package.json

@@ -3,6 +3,8 @@ import { BrowserRouter, useLocation } from "react-router-dom";
 import { connect } from "react-redux";
 import SiteHeader from "./containers/SiteHeader";
 import SiteFooter from "./containers/SiteFooter";
+import SponsorBanner from "./containers/SponsorBanner";
+import SPONSOR from "./config/sponsorship";
 import Routes from "./Routes";
 
 const updateGa = (location) => {
@@ -38,7 +40,8 @@ class App extends Component {
     // Set initial theme attribute
     document.documentElement.setAttribute("data-theme", this.props.theme);
     setTimeout(() => {
-        document.documentElement.classList.remove('preload');}, 0);
+      document.documentElement.classList.remove("preload");
+    }, 0);
   }
 
   componentDidUpdate(prevProps) {
@@ -54,6 +57,7 @@ class App extends Component {
         <AnalyticsTracker />
         <div className="App">
           <SiteHeader />
+          {SPONSOR && <SponsorBanner sponsor={SPONSOR} />}
           <div className="app-content">
             <Routes />
           </div>

src/App.js

@@ -0,0 +1,35 @@
+import logoBlack from "../assets/sponsors/mechanize-black.svg";
+import logoWhite from "../assets/sponsors/mechanize-white.svg";
+
+/**
+ * Active sponsor configuration. Set to null to disable all sponsor UI.
+ *
+ * Fields:
+ *   name       - Display name shown in the footer
+ *   url        - Link destination for all sponsor placements
+ *   logoBlack  - Logo variant for light backgrounds
+ *   logoWhite  - Logo variant for dark backgrounds
+ *   storageKey - localStorage key for banner dismiss state
+ *   callToAction - CTA link text in the banner
+ *   taglines   - Array of rotating banner taglines (pick one at random)
+ */
+
+// eslint-disable-next-line no-unused-vars
+const MECHANIZE = {
+  name: "Mechanize, Inc.",
+  url: "https://jobs.ashbyhq.com/mechanize?utm_source=UWMadison",
+  logoBlack,
+  logoWhite,
+  storageKey: "madgrades-sponsor-dismissed-mechanize",
+  callToAction: "Apply now!",
+  taglines: [
+    "Mechanize is hiring junior SWEs. $300K base + equity.",
+    "Better at coding than AI? Prove it.",
+    "Mechanize hires engineers to outsmart AI. It's harder than you think. $300K + equity.",
+    "Most engineers can't beat Claude on our take-home. Think you can? $300K + equity for Jr SWEs at Mechanize.",
+  ],
+};
+
+const SPONSOR = MECHANIZE;
+
+export default SPONSOR;