Update landing page

package.json

@@ -25,6 +25,7 @@
     "@mui/material": "^5.15.15",
     "lodash": "^4.17.21",
     "material-ui-popup-state": "^5.1.0",
+    "overlayscrollbars": "^2.7.3",
     "prism-react-renderer": "^2.1.0",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",

src/components/theme.ts

@@ -55,7 +55,7 @@ export const makeTheme = (mode: "light" | "dark", theme?: AccentColor) =>
         fontSize: 15,
       },
       h1: {
-        fontSize: "max(32px, min(46px, 6vw))",
+        fontSize: "max(42px, min(58px, min(6vw, 6vh)))",
         fontWeight: 600,
       },
       h2: {
@@ -135,13 +135,11 @@ export function useAcrylic(color?: string): SxProps<Theme> {
 
 export function usePaper(): (e?: number) => SxProps<Theme> {
   return (elevation: number = 1) => ({
-    boxShadow: "inset 0px 0px 0px 1px rgba(255,255,255,0.02)",
     borderRadius: 8,
-    backdropFilter: "blur(32px)",
-    background: "url(img/noise.png)",
+    backdropFilter: "blur(64px)",
+    background: ({ palette }) =>
+      `url(img/noise.png), ${alpha(palette.background.paper, 0.75)}`,
     backgroundSize: "32px 32px",
-    backgroundColor: ({ palette }) =>
-      alpha(palette.action.disabledBackground, elevation * 0.01),
   });
 }
 

src/css/custom.css

@@ -1,5 +1,10 @@
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Roboto+Mono:wght@400;500;600;700&display=swap");
 
+html,
+body {
+  overflow-x: hidden;
+}
+
 /**
  * Any CSS included here will be global. The classic template
  * bundles Infima by default. Infima is a CSS framework designed to

src/pages/en-au.json

@@ -1,4 +1,7 @@
 {
+  "org": "ShortestPathLab",
+  "name": "Posthoc",
+  "openAppLabel": "Open Posthoc Web",
   "logoUrl": "img/logo192.png",
   "closeVideo": "Close video",
   "backdropVideoUrl": "media/clip.webm",
@@ -15,14 +18,37 @@
       "url": "https://github.com/shortestpathlab/posthoc"
     }
   ],
-  "heroTitle": "Understand your solver's decision-making process visually.",
-  "heroSubtitle": "Posthoc is zero-commitment and is useful from the get-go.",
+  "gallery": [
+    {
+      "url": "img/gallery/astar.png",
+      "label": "Demonstration, A* search"
+    },
+    {
+      "url": "img/gallery/complex-view.png",
+      "label": "Post-game analysis, StarCraft"
+    },
+    {
+      "url": "img/gallery/image-7.png",
+      "label": "Compression algorithm analysis, RLE"
+    },
+    {
+      "url": "img/gallery/image-3.png",
+      "label": "Debugging, duel euclidean path search"
+    },
+    {
+      "url": "img/gallery/room-detection.png",
+      "label": "Debugging, room detection algorithm"
+    }
+  ],
+  "heroTitle": "Understand decision-making processes intuitively.",
+  "heroSubtitle": "Posthoc is a zero-commitment visualiser that is useful from the get-go.",
   "heroCallToAction": "Get started",
-  "demoSectionTitle": "demoSectionTitle",
-  "demoSectionSubtitle": "demoSectionSubtitle",
-  "featuresSectionTitle": "featuresSectionTitle",
+  "heroCallToActionUrl": "./docs/overview",
+  "demoSectionTitle": "Accepted into the ICAPS 24 Demo Track",
+  "demoSectionSubtitle": "Check out our submission",
+  "featuresSectionTitle": "Features",
   "featuresSectionSubtitle": "featuresSectionSubtitle",
-  "teamSectionTitle": "teamSectionTitle",
+  "teamSectionTitle": "Team",
   "teamSectionSubtitle": "teamSectionSubtitle",
   "features": [
     {