Home page, new session page

index.html

@@ -16,11 +16,11 @@
     <meta name="twitter:site" content="@microbit_edu" />
     <meta
       name="description"
-      content="Create AI by training a machine learning model with your own movement data, testing it to see if it works, then writing your own code to use it on a BBC micro:bit"
+      content="Create AI by training a machine learning model with your movement data, testing it to see if it works, then writing your own code to use it on a BBC micro:bit"
     />
     <meta
       property="og:description"
-      content="Use your own movement data to train a computer model"
+      content="Create AI on your BBC micro:bit using movement and machine learning"
     />
     <meta property="og:image" content="%VITE_FULL_URL%social.jpg" />
 

lang/ui.en.json

@@ -679,13 +679,9 @@
     "defaultMessage": "Live graph",
     "description": ""
   },
-  "footer.resume": {
-    "defaultMessage": "Resume session",
-    "description": ""
-  },
-  "footer.start": {
-    "defaultMessage": "Start new session",
-    "description": ""
+  "get-started-action": {
+    "defaultMessage": "Get started",
+    "description": "Get started action"
   },
   "help-label": {
     "defaultMessage": "Help",
@@ -699,9 +695,33 @@
     "defaultMessage": "Home",
     "description": "Home button text"
   },
+  "homepage-description": {
+    "defaultMessage": "Train a machine learning model on your own movement data and run it on your micro:bit.",
+    "description": "Home page description"
+  },
+  "homepage-how-it-works": {
+    "defaultMessage": "How it works",
+    "description": "Home page section heading"
+  },
+  "homepage-projects": {
+    "defaultMessage": "Projects",
+    "description": "Home page section heading"
+  },
+  "homepage-step-by-step": {
+    "defaultMessage": "Step by step",
+    "description": "Home page section heading"
+  },
   "homepage-subtitle": {
-    "defaultMessage": "Introduce students to machine learning concepts through physical movement and data",
-    "description": "Subtitle of the home page"
+    "defaultMessage": "Create AI on your BBC micro:bit using movement and machine learning.",
+    "description": "Home page subtitle"
+  },
+  "homepage-video-alt": {
+    "defaultMessage": "Introductory video",
+    "description": "Home page video alt text"
+  },
+  "homepage-video-prompt": {
+    "defaultMessage": "Watch the video to learn how to use {appNameFull}.",
+    "description": "Prompt to watch the video on the home page"
   },
   "homepage.Link": {
     "defaultMessage": "Home page",
@@ -743,6 +763,82 @@
     "defaultMessage": "More edit in MakeCode options",
     "description": "Aria label for the additional actions menu to the right of the Edit in MakeCode button"
   },
+  "newpage-browse-lessons": {
+    "defaultMessage": "Browse lessons",
+    "description": "Browse lessons button text"
+  },
+  "newpage-browse-projects": {
+    "defaultMessage": "Browse projects",
+    "description": "Browse projects button text"
+  },
+  "newpage-choose-subtitle": {
+    "defaultMessage": "Find a project or lesson from our teacher resources and open it in micro:bit classroom",
+    "description": "Choose a project or lesson subtitle"
+  },
+  "newpage-choose-title": {
+    "defaultMessage": "Choose a project or lesson",
+    "description": "Choose a project or lesson title"
+  },
+  "newpage-continue-session-instruction": {
+    "defaultMessage": "To continue a saved session from a file please select a file.",
+    "description": "Instruction to users to continue a saved session from a file"
+  },
+  "newpage-continue-session-subtitle": {
+    "defaultMessage": "Use a hex file or data samples file you saved to your computer to continue a session.",
+    "description": "Continue session subtitle"
+  },
+  "newpage-continue-session-title": {
+    "defaultMessage": "Continue a saved session",
+    "description": "Continue session title"
+  },
+  "newpage-heading-subtitle": {
+    "defaultMessage": "Run whole class sessions, easily share code with students and save progress",
+    "description": "Homepage heading subtitle"
+  },
+  "newpage-heading-title": {
+    "defaultMessage": "Welcome to micro:bit classroom",
+    "description": "Homepage heading title"
+  },
+  "newpage-last-session-date": {
+    "defaultMessage": "<strong>Date:</strong> {date}",
+    "description": "Last session date label"
+  },
+  "newpage-last-session-name": {
+    "defaultMessage": "<strong>Name:</strong> {name}",
+    "description": "Last session name label"
+  },
+  "newpage-last-session-none": {
+    "defaultMessage": "No session found",
+    "description": "Last session not found text"
+  },
+  "newpage-last-session-title": {
+    "defaultMessage": "Open last session",
+    "description": "Open last session title"
+  },
+  "newpage-new-session-subtitle": {
+    "defaultMessage": "Connect your micro:bit and collect movement data to build a machine learning model",
+    "description": "Start new session subtitle"
+  },
+  "newpage-new-session-title": {
+    "defaultMessage": "New session",
+    "description": "Start new session title"
+  },
+  "newpage-section-one-title": {
+    "defaultMessage": "Pick up where you left off",
+    "description": "Homepage section one title"
+  },
+  "newpage-section-two-title": {
+    "defaultMessage": "Start something new",
+    "description": "Homepage section two title"
+  },
+  "newpage-subtitle": {
+    "defaultMessage": "Introduce students to machine learning concepts through physical movement and data",
+    "description": "Subtitle of micro:bit AI creator home page"
+  },
+  "newpage-title": {
+    "defaultMessage": "New session",
+    "description": "New page title"
+  },
   "no-data-samples": {
     "defaultMessage": "No data samples",
     "description": "Empty data samples page status text"
@@ -867,6 +963,26 @@
     "defaultMessage": "Start training",
     "description": "Start training button text"
   },
+  "steps-code": {
+    "defaultMessage": "Code",
+    "description": "Step in home page diagram"
+  },
+  "steps-collect-data": {
+    "defaultMessage": "Collect data",
+    "description": "Step in home page diagram"
+  },
+  "steps-improve": {
+    "defaultMessage": "Improve",
+    "description": "Step in home page diagram"
+  },
+  "steps-test-model": {
+    "defaultMessage": "Test model",
+    "description": "Step in home page diagram"
+  },
+  "steps-train": {
+    "defaultMessage": "Train",
+    "description": "Step in home page diagram"
+  },
   "support-request": {
     "defaultMessage": "Please consider <link>raising a support request</link>.",
     "description": "Support request link text"
@@ -975,4 +1091,4 @@
     "defaultMessage": "unknown",
     "description": "Label for unknown ML event"
   }
-}
+}

src/App.tsx

@@ -21,9 +21,14 @@ import { deployment, useDeployment } from "./deployment";
 import { ProjectProvider } from "./hooks/project-hooks";
 import { LoggingProvider } from "./logging/logging-hooks";
 import TranslationProvider from "./messages/TranslationProvider";
-import HomePage from "./pages/HomePage";
-import { createHomePageUrl, createSessionPageUrl } from "./urls";
 import { sessionPageConfigs } from "./pages-config";
+import HomePage from "./pages/HomePage";
+import NewPage from "./pages/NewPage";
+import {
+  createHomePageUrl,
+  createNewPageUrl,
+  createSessionPageUrl,
+} from "./urls";
 
 export interface ProviderLayoutProps {
   children: ReactNode;
@@ -90,6 +95,10 @@ const createRouter = () => {
           path: createHomePageUrl(),
           element: <HomePage />,
         },
+        {
+          path: createNewPageUrl(),
+          element: <NewPage />,
+        },
         ...sessionPageConfigs.map((config) => {
           return {
             path: createSessionPageUrl(config.id),