From 93d0f7353f5d3ff8414f30d2448dff42d2c7c8da Mon Sep 17 00:00:00 2001
From: Matt Hillsdon <matt.hillsdon@microbit.org>
Date: Mon, 30 Sep 2024 15:24:02 +0100
Subject: [PATCH 01/19] Prep for home page work

---
 src/components/DefaultPageLayout.tsx       | 142 +++++++++--------
 src/components/ResourceCard.tsx            |  46 ++++++
 src/components/ResourceCardPlaceholder.tsx |  34 +++++
 src/components/YoutubeVideoEmbed.tsx       |  34 +++++
 src/deployment/default/fonts.ts            |   5 +-
 src/hooks/project-hooks.tsx                |  45 +++---
 src/pages/DataSamplesPage.tsx              |   9 +-
 src/pages/HomePage.tsx                     | 169 ++++++++++++---------
 src/pages/TestingModelPage.tsx             |   9 +-
 9 files changed, 319 insertions(+), 174 deletions(-)
 create mode 100644 src/components/ResourceCard.tsx
 create mode 100644 src/components/ResourceCardPlaceholder.tsx
 create mode 100644 src/components/YoutubeVideoEmbed.tsx

diff --git a/src/components/DefaultPageLayout.tsx b/src/components/DefaultPageLayout.tsx
index fe7d86404..af9e02c1c 100644
--- a/src/components/DefaultPageLayout.tsx
+++ b/src/components/DefaultPageLayout.tsx
@@ -11,16 +11,16 @@ import {
   VStack,
 } from "@chakra-ui/react";
 import { ReactNode, useCallback, useEffect } from "react";
-import { RiDownload2Line, RiFolderOpenLine, RiHome2Line } from "react-icons/ri";
+import { RiDownload2Line, RiHome2Line } from "react-icons/ri";
 import { FormattedMessage, useIntl } from "react-intl";
 import { useNavigate } from "react-router";
 import { TOOL_NAME } from "../constants";
 import { flags } from "../flags";
 import { useProject } from "../hooks/project-hooks";
-import { SaveStep, TrainModelDialogStage } from "../model";
+import { TrainModelDialogStage } from "../model";
 import { SessionPageId } from "../pages-config";
 import Tour from "../pages/Tour";
-import { useSettings, useStore } from "../store";
+import { useStore } from "../store";
 import { createHomePageUrl, createSessionPageUrl } from "../urls";
 import ActionBar from "./ActionBar";
 import AppLogo from "./AppLogo";
@@ -28,8 +28,6 @@ import ConnectionDialogs from "./ConnectionFlowDialogs";
 import DownloadDialogs from "./DownloadDialogs";
 import HelpMenu from "./HelpMenu";
 import LanguageMenuItem from "./LanguageMenuItem";
-import LoadProjectMenuItem from "./LoadProjectMenuItem";
-import OpenButton from "./OpenButton";
 import PrototypeVersionWarning from "./PrototypeVersionWarning";
 import SaveDialogs from "./SaveDialogs";
 import SettingsMenu from "./SettingsMenu";
@@ -40,28 +38,23 @@ interface DefaultPageLayoutProps {
   titleId?: string;
   children: ReactNode;
   toolbarItemsLeft?: ReactNode;
+  toolbarItemsRight?: ReactNode;
+  menuItems?: ReactNode;
   showPageTitle?: boolean;
-  showHomeButton?: boolean;
-  showSaveButton?: boolean;
-  showOpenButton?: boolean;
 }
 
 const DefaultPageLayout = ({
   titleId,
   children,
+  menuItems,
   toolbarItemsLeft,
+  toolbarItemsRight,
   showPageTitle = false,
-  showHomeButton = false,
-  showSaveButton = false,
-  showOpenButton = false,
 }: DefaultPageLayoutProps) => {
   const intl = useIntl();
   const navigate = useNavigate();
   const isEditorOpen = useStore((s) => s.isEditorOpen);
   const stage = useStore((s) => s.trainModelDialogStage);
-
-  const { saveHex } = useProject();
-  const [settings] = useSettings();
   const toast = useToast();
 
   useEffect(() => {
@@ -91,19 +84,6 @@ const DefaultPageLayout = ({
     );
   }, [intl, navigate, toast]);
 
-  const handleHomeClick = useCallback(() => {
-    navigate(createHomePageUrl());
-  }, [navigate]);
-
-  const setSave = useStore((s) => s.setSave);
-  const handleSave = useCallback(() => {
-    if (settings.showPreSaveHelp) {
-      setSave({ step: SaveStep.PreSaveHelp });
-    } else {
-      void saveHex();
-    }
-  }, [saveHex, setSave, settings.showPreSaveHelp]);
-
   return (
     <>
       {/* Suppress dialogs to prevent overlapping dialogs */}
@@ -138,26 +118,7 @@ const DefaultPageLayout = ({
           itemsRight={
             <>
               <HStack spacing={3} display={{ base: "none", lg: "flex" }}>
-                {showOpenButton && <OpenButton />}
-                {showSaveButton && (
-                  <Button
-                    variant="toolbar"
-                    leftIcon={<RiDownload2Line />}
-                    onClick={handleSave}
-                  >
-                    <FormattedMessage id="save-action" />
-                  </Button>
-                )}
-                {showHomeButton && (
-                  <IconButton
-                    onClick={handleHomeClick}
-                    icon={<RiHome2Line size={24} color="white" />}
-                    aria-label={intl.formatMessage({ id: "homepage.Link" })}
-                    variant="plain"
-                    size="lg"
-                    fontSize="xl"
-                  />
-                )}
+                {toolbarItemsRight}
                 <SettingsMenu />
               </HStack>
               <HelpMenu appName={TOOL_NAME} cookies />
@@ -166,31 +127,7 @@ const DefaultPageLayout = ({
                 variant="plain"
                 label={intl.formatMessage({ id: "main-menu" })}
               >
-                {showOpenButton && (
-                  <LoadProjectMenuItem
-                    icon={<Icon h={5} w={5} as={RiFolderOpenLine} />}
-                    accept=".hex"
-                  >
-                    <FormattedMessage id="open-file-action" />
-                  </LoadProjectMenuItem>
-                )}
-                {showSaveButton && (
-                  <MenuItem
-                    onClick={handleSave}
-                    icon={<Icon h={5} w={5} as={RiDownload2Line} />}
-                  >
-                    <FormattedMessage id="save-action" />
-                  </MenuItem>
-                )}
-                <MenuDivider />
-                {showHomeButton && (
-                  <MenuItem
-                    onClick={handleHomeClick}
-                    icon={<Icon h={5} w={5} as={RiHome2Line} />}
-                  >
-                    <FormattedMessage id="home-action" />
-                  </MenuItem>
-                )}
+                {menuItems}
                 <LanguageMenuItem />
               </ToolbarMenu>
             </>
@@ -205,4 +142,65 @@ const DefaultPageLayout = ({
   );
 };
 
+export const ProjectToolbarItems = () => {
+  const intl = useIntl();
+  const { saveHex } = useProject();
+  const navigate = useNavigate();
+  const handleSave = useCallback(() => {
+    void saveHex();
+  }, [saveHex]);
+  const handleHomeClick = useCallback(() => {
+    navigate(createHomePageUrl());
+  }, [navigate]);
+
+  return (
+    <>
+      <Button
+        variant="toolbar"
+        leftIcon={<RiDownload2Line />}
+        onClick={handleSave}
+      >
+        <FormattedMessage id="save-action" />
+      </Button>
+      <IconButton
+        onClick={handleHomeClick}
+        icon={<RiHome2Line size={24} color="white" />}
+        aria-label={intl.formatMessage({ id: "homepage.Link" })}
+        variant="plain"
+        size="lg"
+        fontSize="xl"
+      />
+    </>
+  );
+};
+
+export const ProjectMenuItems = () => {
+  const { saveHex } = useProject();
+  const navigate = useNavigate();
+  const handleSave = useCallback(() => {
+    void saveHex();
+  }, [saveHex]);
+  const handleHomeClick = useCallback(() => {
+    navigate(createHomePageUrl());
+  }, [navigate]);
+
+  return (
+    <>
+      <MenuItem
+        onClick={handleSave}
+        icon={<Icon h={5} w={5} as={RiDownload2Line} />}
+      >
+        <FormattedMessage id="save-action" />
+      </MenuItem>
+      <MenuDivider />
+      <MenuItem
+        onClick={handleHomeClick}
+        icon={<Icon h={5} w={5} as={RiHome2Line} />}
+      >
+        <FormattedMessage id="home-action" />
+      </MenuItem>
+    </>
+  );
+};
+
 export default DefaultPageLayout;
diff --git a/src/components/ResourceCard.tsx b/src/components/ResourceCard.tsx
new file mode 100644
index 000000000..b69017952
--- /dev/null
+++ b/src/components/ResourceCard.tsx
@@ -0,0 +1,46 @@
+import {
+  AspectRatio,
+  HStack,
+  Heading,
+  Image,
+  LinkBox,
+  LinkOverlay,
+  VStack,
+} from "@chakra-ui/react";
+import { ReactNode } from "react";
+import Link from "./Link";
+
+interface ResourceCardProps {
+  url: string;
+  imgSrc: string;
+  title: ReactNode;
+}
+
+const ResourceCard = ({ imgSrc, url, title }: ResourceCardProps) => {
+  return (
+    <LinkBox
+      display="flex"
+      flexDir="column"
+      bgColor="white"
+      borderRadius="10px"
+      overflow="hidden"
+      w={64}
+      boxShadow="0 0 12px 0 rgba(0,0,0,.1)"
+    >
+      <AspectRatio w="100%" ratio={4 / 3} position="relative">
+        <Image src={imgSrc} />
+      </AspectRatio>
+      <VStack p={3} py={2} pb={3} flexGrow={1} spacing={3} alignItems="stretch">
+        <HStack justifyContent="space-between" alignItems="flex-start">
+          <Heading as="h3" fontSize="lg" fontWeight="bold" m={3}>
+            <LinkOverlay href={url} as={Link}>
+              {title}
+            </LinkOverlay>
+          </Heading>
+        </HStack>
+      </VStack>
+    </LinkBox>
+  );
+};
+
+export default ResourceCard;
diff --git a/src/components/ResourceCardPlaceholder.tsx b/src/components/ResourceCardPlaceholder.tsx
new file mode 100644
index 000000000..7738b0acf
--- /dev/null
+++ b/src/components/ResourceCardPlaceholder.tsx
@@ -0,0 +1,34 @@
+import { AspectRatio, Box, Text, VStack } from "@chakra-ui/react";
+
+const ResourceCardPlaceholder = () => {
+  return (
+    <Box
+      display="flex"
+      flexDir="column"
+      borderRadius="10px"
+      borderWidth={1}
+      borderStyle="dashed"
+      borderColor="gray.600"
+      overflow="hidden"
+      position="relative"
+      w={64}
+    >
+      <AspectRatio w="100%" ratio={4 / 3} position="relative">
+        <Box />
+      </AspectRatio>
+      <VStack p={8} spacing={3} alignItems="stretch"></VStack>
+      <Text
+        position="absolute"
+        left="50%"
+        top="50%"
+        transform="translateX(-50%)"
+        mt={-2}
+        color="gray.600"
+      >
+        More soon
+      </Text>
+    </Box>
+  );
+};
+
+export default ResourceCardPlaceholder;
diff --git a/src/components/YoutubeVideoEmbed.tsx b/src/components/YoutubeVideoEmbed.tsx
new file mode 100644
index 000000000..8df16fb07
--- /dev/null
+++ b/src/components/YoutubeVideoEmbed.tsx
@@ -0,0 +1,34 @@
+import { AspectRatio, Box } from "@chakra-ui/react";
+
+export interface YoutubeVideo {
+  alt: string;
+  youtubeId: string;
+}
+
+interface YoutubeVideoProps {
+  alt: string;
+  youtubeId: string;
+}
+
+const YoutubeVideoEmbed = ({ alt, youtubeId }: YoutubeVideoProps) => {
+  return (
+    <Box as="figure">
+      <AspectRatio ratio={16 / 9}>
+        <iframe
+          // Avoid youtube cookie. rel=0 should limit related videos to our channel.
+          // Once we have translated videos we can try e.g. cc_lang_pref=fr
+          // but we'll need to check our codes match theirs.
+          title={alt}
+          src={`https://www.youtube-nocookie.com/embed/${
+            youtubeId ? encodeURIComponent(youtubeId.trim()) : ""
+          }?rel=0&cc_load_policy=1`}
+          allow="encrypted-media"
+          frameBorder="0"
+          allowFullScreen
+        />
+      </AspectRatio>
+    </Box>
+  );
+};
+
+export default YoutubeVideoEmbed;
diff --git a/src/deployment/default/fonts.ts b/src/deployment/default/fonts.ts
index 35ead9c4a..0c3077cee 100644
--- a/src/deployment/default/fonts.ts
+++ b/src/deployment/default/fonts.ts
@@ -1,6 +1,7 @@
 const fonts = {
-  heading: "Helvetica Now, sans-serif",
-  body: "Helvetica Now, sans-serif",
+  heading: "Helvetica, Arial, sans-serif",
+  body: "Helvetica, Arial, sans-serif",
+  code: "Source Code Pro, monospace",
 };
 
 export default fonts;
diff --git a/src/hooks/project-hooks.tsx b/src/hooks/project-hooks.tsx
index c6a732ce1..1b5fb1100 100644
--- a/src/hooks/project-hooks.tsx
+++ b/src/hooks/project-hooks.tsx
@@ -132,29 +132,14 @@ export const ProjectProvider = ({
   const saveHex = useCallback(
     async (hex?: HexData): Promise<void> => {
       const { step } = save;
-      if (hex) {
-        if (settings.showPreSaveHelp && step === SaveStep.None) {
-          // All we do is trigger the help and remember the project.
-          setSave({
-            step: SaveStep.PreSaveHelp,
-            hex: hex,
-          });
-        } else {
-          // We can just go ahead and download. Either the project came from
-          // the editor or via the dialog flow.
-          downloadHex(hex);
-          setSave({
-            step: SaveStep.None,
-          });
-          toast({
-            id: "save-complete",
-            position: "top",
-            duration: 5_000,
-            title: intl.formatMessage({ id: "saving-toast-title" }),
-            status: "info",
-          });
-        }
-      } else {
+      if (settings.showPreSaveHelp && step === SaveStep.None) {
+        // All we do is trigger the help and remember the project (if any).
+        // We'll be invoked again
+        setSave({
+          step: SaveStep.PreSaveHelp,
+          hex: hex,
+        });
+      } else if (!hex) {
         // We need to request something to save.
         setSave({
           step: SaveStep.SaveProgress,
@@ -163,6 +148,20 @@ export const ProjectProvider = ({
           saveNextDownloadRef.current = true;
           await driverRef.current!.compile();
         });
+      } else {
+        // We can just go ahead and download. Either the project came from
+        // the editor or via the dialog flow.
+        downloadHex(hex);
+        setSave({
+          step: SaveStep.None,
+        });
+        toast({
+          id: "save-complete",
+          position: "top",
+          duration: 5_000,
+          title: intl.formatMessage({ id: "saving-toast-title" }),
+          status: "info",
+        });
       }
     },
     [
diff --git a/src/pages/DataSamplesPage.tsx b/src/pages/DataSamplesPage.tsx
index 003642186..54b9d74b4 100644
--- a/src/pages/DataSamplesPage.tsx
+++ b/src/pages/DataSamplesPage.tsx
@@ -4,7 +4,10 @@ import { RiAddLine, RiArrowRightLine } from "react-icons/ri";
 import { FormattedMessage } from "react-intl";
 import { useNavigate } from "react-router";
 import DataSampleGridView from "../components/DataSampleGridView";
-import DefaultPageLayout from "../components/DefaultPageLayout";
+import DefaultPageLayout, {
+  ProjectMenuItems,
+  ProjectToolbarItems,
+} from "../components/DefaultPageLayout";
 import LiveGraphPanel from "../components/LiveGraphPanel";
 import { SessionPageId } from "../pages-config";
 import { useHasSufficientDataForTraining, useStore } from "../store";
@@ -30,8 +33,8 @@ const DataSamplesPage = () => {
     <DefaultPageLayout
       titleId={`${SessionPageId.DataSamples}-title`}
       showPageTitle
-      showHomeButton
-      showSaveButton
+      menuItems={<ProjectMenuItems />}
+      toolbarItemsRight={<ProjectToolbarItems />}
     >
       <DataSampleGridView />
       <VStack w="full" flexShrink={0} bottom={0} gap={0} bg="gray.25">
diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index b2e638afa..839eab284 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -1,103 +1,130 @@
 import {
   AspectRatio,
+  Box,
+  Button,
   Heading,
+  HStack,
   Image,
   Stack,
   Text,
   VStack,
 } from "@chakra-ui/react";
-import { FormattedMessage, useIntl } from "react-intl";
+import { ReactNode, useCallback } from "react";
+import { FormattedMessage } from "react-intl";
 import DefaultPageLayout from "../components/DefaultPageLayout";
-import StartResumeActions from "../components/StartResumeActions";
+import YoutubeVideoEmbed from "../components/YoutubeVideoEmbed";
 import addDataImage from "../images/add_data.svg";
 import testModelImage from "../images/test_model_blue.svg";
 import trainModelImage from "../images/train_model_blue.svg";
-
-type StepId = "add-data" | "train-model" | "test-model";
-
-interface StepConfig {
-  id: StepId;
-  imgSrc: string;
-}
-
-const stepsConfig: StepConfig[] = [
-  {
-    id: "add-data",
-    imgSrc: addDataImage,
-  },
-  {
-    id: "train-model",
-    imgSrc: trainModelImage,
-  },
-  {
-    id: "test-model",
-    imgSrc: testModelImage,
-  },
-];
+import ResourceCard from "../components/ResourceCard";
+import ResourceCardPlaceholder from "../components/ResourceCardPlaceholder";
+import { useNavigate } from "react-router";
+import { createSessionPageUrl } from "../urls";
+import { SessionPageId } from "../pages-config";
 
 const HomePage = () => {
-  const intl = useIntl();
+  const navigate = useNavigate();
+  const handleGetStarted = useCallback(() => {
+    // This isn't right, need existing session etc.
+    navigate(createSessionPageUrl(SessionPageId.DataSamples));
+  }, [navigate]);
   return (
-    <DefaultPageLayout showOpenButton>
-      <VStack
-        gap={10}
-        maxW="75rem"
-        mx="auto"
-        p={10}
-        justifyContent="flex-start"
-      >
-        <VStack justifyItems="center" justify="center" gap={5}>
-          <Heading as="h1" fontSize="4xl" fontWeight="bold">
-            <FormattedMessage id="homepage-title" />
+    <DefaultPageLayout
+      toolbarItemsRight={
+        <Button variant="toolbar" onClick={handleGetStarted}>
+          Get started
+        </Button>
+      }
+    >
+      <Stack gap={16} p={8} w="100%">
+        <HStack w="100%" h="100%" alignItems="flex-start" gap={5}>
+          <VStack flex="1" alignItems="flex-start" gap={5} h="100%">
+            <Heading as="h1" fontSize="4xl" fontWeight="bold">
+              <FormattedMessage id="homepage-title" />
+            </Heading>
+            <Text fontSize="md" fontWeight="bold">
+              Create AI on your BBC micro:bit using movement and machine
+              learning
+            </Text>
+            <Text fontSize="md">
+              Train a machine learning model on your own movement data.
+            </Text>
+            <Text fontSize="md">
+              Add code to use your model in real-world projects.
+            </Text>
+            <Button size="lg" variant="primary" onClick={handleGetStarted}>
+              Get started
+            </Button>
+          </VStack>
+          <Box flex="1">
+            <YoutubeVideoEmbed
+              youtubeId="ZhUtuuQemFc"
+              alt="Introductory video"
+            />
+          </Box>
+        </HStack>
+        <VStack>
+          <Heading as="h2" textAlign="center">
+            Step by step
           </Heading>
-          <Text fontSize="xl">
-            <FormattedMessage id="homepage-subtitle" />
-          </Text>
+          <VStack gap={5} maxW="container.md">
+            <Step
+              title={<FormattedMessage id="add-data-title" />}
+              imgSrc={addDataImage}
+              description={<FormattedMessage id="add-data-intro-description" />}
+            />
+            <Step
+              title={<FormattedMessage id="train-model-title" />}
+              imgSrc={trainModelImage}
+              description={
+                <FormattedMessage id="train-model-intro-description" />
+              }
+            />
+            <Step
+              title={<FormattedMessage id="test-model-title" />}
+              imgSrc={testModelImage}
+              description={
+                <FormattedMessage id="test-model-intro-description" />
+              }
+            />
+          </VStack>
         </VStack>
-        <VStack width="100%" alignItems="center">
-          <Stack
-            width="100%"
-            direction={{ base: "column", lg: "row" }}
-            justify="space-between"
-            px={10}
-            gap={5}
-          >
-            {stepsConfig.map(({ id, imgSrc }, idx) => (
-              <Step
-                key={id}
-                title={`${idx + 1}. ${intl.formatMessage({
-                  id: `${id}-title`,
-                })}`}
-                imgSrc={imgSrc}
-                description={intl.formatMessage({
-                  id: `${id}-intro-description`,
-                })}
-              />
-            ))}
-          </Stack>
+        <VStack gap={8}>
+          <Heading as="h2" textAlign="center">
+            Projects
+          </Heading>
+          <HStack gap={5}>
+            <ResourceCard
+              title="Simple AI activity timer"
+              url="https://www.example.com"
+              imgSrc="https://cdn.sanity.io/images/ajwvhvgo/production/1aaac1553237900c774216aad17475ef34f8fe48-800x600.jpg?fit=max&w=1200&h=1200"
+            />
+            <ResourceCardPlaceholder />
+          </HStack>
         </VStack>
-        <StartResumeActions />
-      </VStack>
+      </Stack>
     </DefaultPageLayout>
   );
 };
 
 interface StepProps {
-  title: string;
+  title: ReactNode;
   imgSrc: string;
-  description: string;
+  description: ReactNode;
 }
 
 const Step = ({ title, imgSrc, description }: StepProps) => (
-  <VStack justifyItems="center" alignItems="center" maxW="18rem" gap="1rem">
-    <Heading as="h3" textAlign="center" fontSize="2xl" fontWeight="bold">
-      {title}
-    </Heading>
-    <AspectRatio ratio={288 / 172} width="full">
+  <HStack w="100%" justifyContent="space-between">
+    <VStack gap={2} alignItems="flex-start">
+      <Heading as="h2" textAlign="center" fontSize="xl">
+        {title}
+      </Heading>
+      <Text maxW="md">{description}</Text>
+    </VStack>
+    <AspectRatio ratio={288 / 172} width="200px">
       <Image src={imgSrc} alt="" />
     </AspectRatio>
-    <Text textAlign="center">{description}</Text>
-  </VStack>
+  </HStack>
 );
 
 export default HomePage;
diff --git a/src/pages/TestingModelPage.tsx b/src/pages/TestingModelPage.tsx
index 9312234d1..5eeab624a 100644
--- a/src/pages/TestingModelPage.tsx
+++ b/src/pages/TestingModelPage.tsx
@@ -3,7 +3,10 @@ import { useCallback, useEffect } from "react";
 import { FormattedMessage } from "react-intl";
 import { useNavigate } from "react-router";
 import BackArrow from "../components/BackArrow";
-import DefaultPageLayout from "../components/DefaultPageLayout";
+import DefaultPageLayout, {
+  ProjectMenuItems,
+  ProjectToolbarItems,
+} from "../components/DefaultPageLayout";
 import TestingModelGridView from "../components/TestingModelGridView";
 import { SessionPageId } from "../pages-config";
 import { useStore } from "../store";
@@ -27,8 +30,8 @@ const TestingModelPage = () => {
     <DefaultPageLayout
       titleId={`${SessionPageId.TestingModel}-title`}
       showPageTitle
-      showHomeButton
-      showSaveButton
+      menuItems={<ProjectMenuItems />}
+      toolbarItemsRight={<ProjectToolbarItems />}
       toolbarItemsLeft={
         <Button
           size="lg"

From e3b7792e86e98888887c66e599ddb2b7ebb23a26 Mon Sep 17 00:00:00 2001
From: Matt Hillsdon <matt.hillsdon@microbit.org>
Date: Mon, 30 Sep 2024 16:29:03 +0100
Subject: [PATCH 02/19] More play

---
 src/images/xyz-graph.png | Bin 0 -> 29273 bytes
 src/pages/HomePage.tsx   |  56 +++++++++++++++++++++++++--------------
 2 files changed, 36 insertions(+), 20 deletions(-)
 create mode 100644 src/images/xyz-graph.png

diff --git a/src/images/xyz-graph.png b/src/images/xyz-graph.png
new file mode 100644
index 0000000000000000000000000000000000000000..5477008cfa75798c14f14f57008a8b4b2b456427
GIT binary patch
literal 29273
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
LMYc-X<j4O3i5#S4

literal 0
HcmV?d00001

diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 839eab284..57b7af6ea 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -2,25 +2,25 @@ import {
   AspectRatio,
   Box,
   Button,
+  Container,
   Heading,
   HStack,
   Image,
-  Stack,
   Text,
   VStack,
 } from "@chakra-ui/react";
 import { ReactNode, useCallback } from "react";
 import { FormattedMessage } from "react-intl";
+import { useNavigate } from "react-router";
 import DefaultPageLayout from "../components/DefaultPageLayout";
+import ResourceCard from "../components/ResourceCard";
+import ResourceCardPlaceholder from "../components/ResourceCardPlaceholder";
 import YoutubeVideoEmbed from "../components/YoutubeVideoEmbed";
 import addDataImage from "../images/add_data.svg";
 import testModelImage from "../images/test_model_blue.svg";
-import trainModelImage from "../images/train_model_blue.svg";
-import ResourceCard from "../components/ResourceCard";
-import ResourceCardPlaceholder from "../components/ResourceCardPlaceholder";
-import { useNavigate } from "react-router";
-import { createSessionPageUrl } from "../urls";
+import xyzGraph from "../images/xyz-graph.png";
 import { SessionPageId } from "../pages-config";
+import { createSessionPageUrl } from "../urls";
 
 const HomePage = () => {
   const navigate = useNavigate();
@@ -36,9 +36,9 @@ const HomePage = () => {
         </Button>
       }
     >
-      <Stack gap={16} p={8} w="100%">
-        <HStack w="100%" h="100%" alignItems="flex-start" gap={5}>
-          <VStack flex="1" alignItems="flex-start" gap={5} h="100%">
+      <Container centerContent gap={16} p={8} maxW="container.lg">
+        <HStack gap={5}>
+          <VStack flex="1" alignItems="flex-start" gap={5}>
             <Heading as="h1" fontSize="4xl" fontWeight="bold">
               <FormattedMessage id="homepage-title" />
             </Heading>
@@ -52,39 +52,55 @@ const HomePage = () => {
             <Text fontSize="md">
               Add code to use your model in real-world projects.
             </Text>
-            <Button size="lg" variant="primary" onClick={handleGetStarted}>
+            <Button
+              size="lg"
+              variant="primary"
+              onClick={handleGetStarted}
+              mt={12}
+            >
               Get started
             </Button>
           </VStack>
-          <Box flex="1">
+          <Box flex="1" position="relative" mb={12}>
+            <Image src={xyzGraph} borderRadius="md" bgColor="white" pr={1} />
+          </Box>
+        </HStack>
+        <VStack spacing={8} w="100%" maxW="container.md">
+          <Heading as="h2" textAlign="center">
+            How it works
+          </Heading>
+          <Box w="100%">
             <YoutubeVideoEmbed
               youtubeId="ZhUtuuQemFc"
               alt="Introductory video"
             />
           </Box>
-        </HStack>
+          <Text fontSize="md">
+            Watch the video to learn how to use the micro:bit AI creator.
+          </Text>
+        </VStack>
         <VStack>
           <Heading as="h2" textAlign="center">
             Step by step
           </Heading>
           <VStack gap={5} maxW="container.md">
             <Step
-              title={<FormattedMessage id="add-data-title" />}
+              title="Collect data"
               imgSrc={addDataImage}
-              description={<FormattedMessage id="add-data-intro-description" />}
+              description="Connect a micro:bit and collect data samples of the actions you would like your model to recognise (e.g. ‘waving’ and ‘clapping’)."
             />
             <Step
-              title={<FormattedMessage id="train-model-title" />}
-              imgSrc={trainModelImage}
+              title="Train & test"
+              imgSrc={testModelImage}
               description={
-                <FormattedMessage id="train-model-intro-description" />
+                "micro:bit AI creator will uses your data to train a machine learning model to recognise the actions. Does the model detect your actions?"
               }
             />
             <Step
-              title={<FormattedMessage id="test-model-title" />}
+              title="Code"
               imgSrc={testModelImage}
               description={
-                <FormattedMessage id="test-model-intro-description" />
+                "Open your project in MakeCode to download the program and your machine learning model to a micro:bit. You can add more blocks to create your own programs using your model."
               }
             />
           </VStack>
@@ -102,7 +118,7 @@ const HomePage = () => {
             <ResourceCardPlaceholder />
           </HStack>
         </VStack>
-      </Stack>
+      </Container>
     </DefaultPageLayout>
   );
 };

From b429356362017d94ad20a9effba0410532883fea Mon Sep 17 00:00:00 2001
From: Matt Hillsdon <matt.hillsdon@microbit.org>
Date: Mon, 30 Sep 2024 17:04:56 +0100
Subject: [PATCH 03/19] Some responsiveness

---
 src/pages/HomePage.tsx | 31 ++++++++++++++++++++++---------
 1 file changed, 22 insertions(+), 9 deletions(-)

diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 57b7af6ea..0ed2e9cae 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -37,8 +37,17 @@ const HomePage = () => {
       }
     >
       <Container centerContent gap={16} p={8} maxW="container.lg">
-        <HStack gap={5}>
-          <VStack flex="1" alignItems="flex-start" gap={5}>
+        <HStack
+          gap={5}
+          flexDir={{ base: "column", lg: "row" }}
+          w={{ base: "100%", lg: "unset" }}
+        >
+          <VStack
+            flex="1"
+            alignItems="flex-start"
+            gap={5}
+            w={{ base: "100%", lg: "unset" }}
+          >
             <Heading as="h1" fontSize="4xl" fontWeight="bold">
               <FormattedMessage id="homepage-title" />
             </Heading>
@@ -56,12 +65,12 @@ const HomePage = () => {
               size="lg"
               variant="primary"
               onClick={handleGetStarted}
-              mt={12}
+              mt={5}
             >
               Get started
             </Button>
           </VStack>
-          <Box flex="1" position="relative" mb={12}>
+          <Box flex="1" position="relative">
             <Image src={xyzGraph} borderRadius="md" bgColor="white" pr={1} />
           </Box>
         </HStack>
@@ -79,7 +88,7 @@ const HomePage = () => {
             Watch the video to learn how to use the micro:bit AI creator.
           </Text>
         </VStack>
-        <VStack>
+        <VStack gap={8}>
           <Heading as="h2" textAlign="center">
             Step by step
           </Heading>
@@ -93,14 +102,14 @@ const HomePage = () => {
               title="Train & test"
               imgSrc={testModelImage}
               description={
-                "micro:bit AI creator will uses your data to train a machine learning model to recognise the actions. Does the model detect your actions?"
+                "micro:bit AI creator trains a machine learning model to recognise the actions. Does the model detect your actions? Add more data to improve your model."
               }
             />
             <Step
               title="Code"
               imgSrc={testModelImage}
               description={
-                "Open your project in MakeCode to download the program and your machine learning model to a micro:bit. You can add more blocks to create your own programs using your model."
+                "Use Microsoft MakeCode to download the program and machine learning model to your micro:bit. Add more blocks to create your own programs using your model."
               }
             />
           </VStack>
@@ -109,7 +118,7 @@ const HomePage = () => {
           <Heading as="h2" textAlign="center">
             Projects
           </Heading>
-          <HStack gap={5}>
+          <HStack gap={5} flexDir={{ base: "column", lg: "row" }}>
             <ResourceCard
               title="Simple AI activity timer"
               url="https://www.example.com"
@@ -130,7 +139,11 @@ interface StepProps {
 }
 
 const Step = ({ title, imgSrc, description }: StepProps) => (
-  <HStack w="100%" justifyContent="space-between">
+  <HStack
+    w="100%"
+    justifyContent="space-between"
+    flexDir={{ base: "column", lg: "row" }}
+  >
     <VStack gap={2} alignItems="flex-start">
       <Heading as="h2" textAlign="center" fontSize="xl">
         {title}

From 4f2f0d58d396ff945c7d74d91463160293ca8655 Mon Sep 17 00:00:00 2001
From: Matt Hillsdon <matt.hillsdon@microbit.org>
Date: Wed, 2 Oct 2024 11:52:56 +0100
Subject: [PATCH 04/19] Play with images / reusing UI elements

---
 src/components/PercentageDisplay.tsx |   6 +-
 src/components/RecordingGraph.tsx    |   7 +-
 src/images/block.png                 | Bin 0 -> 45690 bytes
 src/pages/HomePage.tsx               | 106 +++++++++++++++++++++++----
 4 files changed, 101 insertions(+), 18 deletions(-)
 create mode 100644 src/images/block.png

diff --git a/src/components/PercentageDisplay.tsx b/src/components/PercentageDisplay.tsx
index 67e5c1a67..5ce826756 100644
--- a/src/components/PercentageDisplay.tsx
+++ b/src/components/PercentageDisplay.tsx
@@ -1,6 +1,6 @@
-import { StackProps, Text } from "@chakra-ui/react";
+import { BoxProps, Text } from "@chakra-ui/react";
 
-interface PercentageDisplayProps extends StackProps {
+interface PercentageDisplayProps extends BoxProps {
   value: number;
   colorScheme?: string;
 }
@@ -8,6 +8,7 @@ interface PercentageDisplayProps extends StackProps {
 const PercentageDisplay = ({
   value,
   colorScheme = "gray.600",
+  ...rest
 }: PercentageDisplayProps) => {
   return (
     <Text
@@ -17,6 +18,7 @@ const PercentageDisplay = ({
       textAlign="center"
       fontSize="xl"
       w="60px"
+      {...rest}
     >{`${Math.round(value * 100)}%`}</Text>
   );
 };
diff --git a/src/components/RecordingGraph.tsx b/src/components/RecordingGraph.tsx
index 1326b6c65..29d3e4281 100644
--- a/src/components/RecordingGraph.tsx
+++ b/src/components/RecordingGraph.tsx
@@ -1,4 +1,4 @@
-import { Box } from "@chakra-ui/react";
+import { Box, BoxProps } from "@chakra-ui/react";
 import {
   Chart,
   LineController,
@@ -11,11 +11,11 @@ import { useEffect, useRef } from "react";
 import { XYZData } from "../model";
 import { getConfig as getRecordingChartConfig } from "../recording-graph";
 
-interface RecordingGraphProps {
+interface RecordingGraphProps extends BoxProps {
   data: XYZData;
 }
 
-const RecordingGraph = ({ data }: RecordingGraphProps) => {
+const RecordingGraph = ({ data, ...rest }: RecordingGraphProps) => {
   const canvasRef = useRef<HTMLCanvasElement>(null);
 
   useEffect(() => {
@@ -40,6 +40,7 @@ const RecordingGraph = ({ data }: RecordingGraphProps) => {
       borderColor="gray.200"
       width="100%"
       height="100%"
+      {...rest}
     >
       <canvas width="158px" height="95px" ref={canvasRef} />
     </Box>
diff --git a/src/images/block.png b/src/images/block.png
new file mode 100644
index 0000000000000000000000000000000000000000..a541d6c9161785ac505aa58197b0ec7062b118d8
GIT binary patch
literal 45690
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

literal 0
HcmV?d00001

diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 0ed2e9cae..9c7b02fb3 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -6,6 +6,7 @@ import {
   Heading,
   HStack,
   Image,
+  Stack,
   Text,
   VStack,
 } from "@chakra-ui/react";
@@ -16,11 +17,50 @@ import DefaultPageLayout from "../components/DefaultPageLayout";
 import ResourceCard from "../components/ResourceCard";
 import ResourceCardPlaceholder from "../components/ResourceCardPlaceholder";
 import YoutubeVideoEmbed from "../components/YoutubeVideoEmbed";
-import addDataImage from "../images/add_data.svg";
-import testModelImage from "../images/test_model_blue.svg";
+import blockImage from "../images/block.png";
 import xyzGraph from "../images/xyz-graph.png";
 import { SessionPageId } from "../pages-config";
 import { createSessionPageUrl } from "../urls";
+import PercentageMeter from "../components/PercentageMeter";
+import PercentageDisplay from "../components/PercentageDisplay";
+import { ArrowDownIcon } from "@chakra-ui/icons";
+import RecordingGraph from "../components/RecordingGraph";
+
+const graphData = {
+  x: [
+    0.4, 0.152, -0.008, 0.056, -0.324, 1.604, 2.04, 0.92, 1.844, 1.872, 2.04,
+    2.04, 2.04, 2.04, 0.196, -1.004, 0.928, 0.624, -0.052, -0.38, 0.08, -0.136,
+    0.156, 0.316, -0.264, -0.28, 2.04, 2.04, 1.896, 2.04, 2.04, 2.04, 2.04,
+    2.04, 1.484, -0.408, -0.424, 0.988, 0.412, -0.528, -0.568, 0.428, 0.44,
+    0.364, 0.004, -0.028, -0.304, 2.04, 2.004, 0.98, 2.04, 2.04, 1.368, 2.04,
+    2.04, 1.472, -1.328, 0.4, 0.904, -0.392, -0.2, 0.06, -0.044, -0.172, 0.076,
+    -0.044, -0.316, 0.692, 2.04, 2.04, 2.04, 1.148, 1.1, 2.04, 2.04, 2.04,
+    0.952, -0.68, 0.032, 0.48, -0.08, -0.068, 0.024, 0.336, 0.204, -0.1, -0.244,
+    0.04, 1.168,
+  ],
+  y: [
+    -0.752, -1.192, -1.212, -1.456, -0.972, -0.42, 0.292, 1.68, 0.544, -0.66,
+    -1.148, -0.224, -0.784, -1.196, -0.888, 0.472, 1.172, -0.776, -0.86, 0.476,
+    0.324, 0.228, 0.576, 0.68, 0.904, 0.708, -0.9, 0.02, 0.752, 0.424, -1.012,
+    -0.44, -0.144, -0.032, -0.072, 0.764, 1.228, 0.872, 0.436, 0.616, 0.324,
+    0.26, -0.416, -1.748, -2.04, -1.036, 0.596, 0.788, 0.46, 0.02, 0.676,
+    -1.332, -1.112, -0.48, -0.548, -1.16, 0.516, 0.264, -0.72, -0.8, 0.488,
+    0.868, 0.836, 0.404, 0.36, 0.276, 0.244, 0.348, 0.88, 1.468, -0.596, -1.248,
+    -0.864, 0.068, -0.512, 0.092, 0.592, -0.024, 1.008, 0.432, 0.508, 0.76,
+    0.568, 0.14, -0.348, -1.192, -1.528, -1.496, 0.38,
+  ],
+  z: [
+    -0.408, -0.152, 0.06, -0.044, 2.04, -0.7, -1.548, 0.58, 0.62, 0.932, 0.764,
+    0.408, 0.132, -1.004, 0.324, 2.04, 1.156, 0.156, 0.076, -0.232, -0.244,
+    0.036, 0.056, 0.024, 1.044, 2.04, -2.012, 0.644, -0.44, 0.42, 0.672, 0.604,
+    0.132, -0.432, 0, 1.176, 2.04, 0.152, 0.04, -0.544, 0.072, 0.116, 0.208,
+    0.868, 0.816, 0.324, 2.04, -2.04, 1.536, -0.044, 0.444, 0.552, 0.784,
+    -0.004, -0.604, -0.008, 2.04, 1.764, 0.044, 0.068, -0.02, -0.052, -0.052,
+    0.024, -0.196, 0.28, 2.04, 0.704, -0.576, 0.432, 0.788, 0.88, 0.872, 0.22,
+    0.288, -0.516, 0.348, 2.04, 1.892, 0.12, -0.04, -0.464, -0.104, -0.088,
+    -0.084, 0.22, 0.74, 2.04, -0.096,
+  ],
+};
 
 const HomePage = () => {
   const navigate = useNavigate();
@@ -95,19 +135,61 @@ const HomePage = () => {
           <VStack gap={5} maxW="container.md">
             <Step
               title="Collect data"
-              imgSrc={addDataImage}
-              description="Connect a micro:bit and collect data samples of the actions you would like your model to recognise (e.g. ‘waving’ and ‘clapping’)."
+              image={
+                <HStack w="200px" borderRadius="md" position="relative" mb="5">
+                  <RecordingGraph data={graphData} bgColor="white" w="158px" />
+                  <RecordingGraph
+                    data={graphData}
+                    bgColor="white"
+                    w="158px"
+                    position="absolute"
+                    left="20px"
+                    top="10px"
+                  />
+                  <RecordingGraph
+                    data={graphData}
+                    bgColor="white"
+                    w="158px"
+                    position="absolute"
+                    left="40px"
+                    top="20px"
+                  />
+                </HStack>
+              }
+              description="Connect a micro:bit to collect data samples of the actions you would like your model to recognise (e.g. ‘waving’ and ‘clapping’)."
             />
+            {/* micro:bit AI creator trains a machine learning model to recognise the actions. */}
+
             <Step
-              title="Train & test"
-              imgSrc={testModelImage}
+              title="Test your model"
+              image={
+                <VStack
+                  w="200px"
+                  bgColor="white"
+                  borderRadius="md"
+                  aspectRatio={288 / 172}
+                  justifyContent="space-evenly"
+                  alignItems="stretch"
+                  p={3}
+                >
+                  <PercentageDisplay value={0.8} alignSelf="center" />
+                  <PercentageMeter value={0.8} />
+                </VStack>
+              }
               description={
-                "micro:bit AI creator trains a machine learning model to recognise the actions. Does the model detect your actions? Add more data to improve your model."
+                "Try each action by moving your data collection micro:bit. Does the model detect your actions? Add more data to improve your model."
               }
             />
             <Step
               title="Code"
-              imgSrc={testModelImage}
+              image={
+                <Image
+                  src={blockImage}
+                  alt=""
+                  aspectRatio={288 / 172}
+                  width="200px"
+                />
+              }
               description={
                 "Use Microsoft MakeCode to download the program and machine learning model to your micro:bit. Add more blocks to create your own programs using your model."
               }
@@ -134,11 +216,11 @@ const HomePage = () => {
 
 interface StepProps {
   title: ReactNode;
-  imgSrc: string;
+  image: ReactNode;
   description: ReactNode;
 }
 
-const Step = ({ title, imgSrc, description }: StepProps) => (
+const Step = ({ title, image, description }: StepProps) => (
   <HStack
     w="100%"
     justifyContent="space-between"
@@ -150,9 +232,7 @@ const Step = ({ title, imgSrc, description }: StepProps) => (
       </Heading>
       <Text maxW="md">{description}</Text>
     </VStack>
-    <AspectRatio ratio={288 / 172} width="200px">
-      <Image src={imgSrc} alt="" />
-    </AspectRatio>
+    {image}
   </HStack>
 );
 

From 49296817847aff9e33c0cab0049f0e7f897739e0 Mon Sep 17 00:00:00 2001
From: Matt Hillsdon <matt.hillsdon@microbit.org>
Date: Wed, 2 Oct 2024 15:15:50 +0100
Subject: [PATCH 05/19] Playing with images

---
 src/images/model_blue.svg |   4 --
 src/pages/HomePage.tsx    | 100 +++++++++++++++++++++-----------------
 2 files changed, 55 insertions(+), 49 deletions(-)
 delete mode 100644 src/images/model_blue.svg

diff --git a/src/images/model_blue.svg b/src/images/model_blue.svg
deleted file mode 100644
index 63087d0df..000000000
--- a/src/images/model_blue.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="1200pt" height="1200pt" version="1.1" viewBox="0 0 1200 1200" xmlns="http://www.w3.org/2000/svg">
- <path d="m1056.6 296.4c-0.035156 42.992-17.141 84.207-47.555 114.59-30.418 30.379-71.656 47.434-114.65 47.41-42.988-0.019532-84.211-17.113-114.6-47.523s-47.453-71.645-47.441-114.64c0.011719-42.988 17.098-84.215 47.5-114.61 30.402-30.395 71.629-47.469 114.62-47.469 43.016 0 84.27 17.098 114.68 47.527 30.406 30.43 47.473 71.695 47.441 114.71zm-660.6 441.96h-178.2l-88.801 153.84 88.801 153.84h178.2l88.801-153.84zm96-297.24-185.4-289.44-185.4 289.44zm603.24 451.08-200.76-200.76-200.76 200.76 200.76 200.76zm-1016.8-310.68c-4.8945 0.03125-9.5781 2.0039-13.02 5.4844-3.4414 3.4805-5.3633 8.1797-5.3398 13.074 0.019531 4.8945 1.9805 9.582 5.4531 13.031 3.4727 3.4492 8.1719 5.3789 13.066 5.3711 4.8945-0.011719 9.582-1.9648 13.039-5.4258 3.457-3.4648 5.3984-8.1602 5.3984-13.055 0.003906-4.9219-1.9609-9.6406-5.4531-13.109s-8.2227-5.4023-13.145-5.3711zm173.88 0c-4.9023 0-9.6016 1.9492-13.066 5.4141-3.4648 3.4648-5.4141 8.1641-5.4141 13.066s1.9492 9.6016 5.4141 13.066c3.4648 3.4648 8.1641 5.4141 13.066 5.4141s9.6016-1.9492 13.066-5.4141c3.4688-3.4648 5.4141-8.1641 5.4141-13.066 0-4.9648-1.9961-9.7188-5.5391-13.195-3.543-3.4766-8.3359-5.3828-13.301-5.2852zm-86.879 0c-4.9023 0-9.6016 1.9492-13.066 5.4141-3.4688 3.4648-5.4141 8.1641-5.4141 13.066s1.9453 9.6016 5.4141 13.066c3.4648 3.4648 8.1641 5.4141 13.066 5.4141 4.9023 0 9.6016-1.9492 13.066-5.4141s5.4141-8.1641 5.4141-13.066-1.9492-9.6016-5.4141-13.066-8.1641-5.4141-13.066-5.4141zm173.76 0h-0.003907c-4.8906 0.03125-9.5742 2.0039-13.016 5.4844-3.4414 3.4805-5.3633 8.1797-5.3438 13.074 0.023438 4.8945 1.9844 9.582 5.457 13.031 3.4727 3.4492 8.168 5.3789 13.062 5.3711 4.8945-0.011719 9.5859-1.9648 13.043-5.4258 3.457-3.4648 5.3984-8.1602 5.3984-13.055 0-4.9219-1.9648-9.6406-5.4531-13.109-3.4922-3.4688-8.2266-5.4023-13.148-5.3711zm86.879 0c-4.8945 0.03125-9.5781 2.0039-13.02 5.4844-3.4414 3.4805-5.3633 8.1797-5.3398 13.074 0.019531 4.8945 1.9805 9.582 5.4531 13.031s8.1719 5.3789 13.066 5.3711c4.8945-0.011719 9.582-1.9648 13.039-5.4258 3.457-3.4648 5.3984-8.1602 5.3984-13.055 0-4.9219-1.9609-9.6406-5.4531-13.109s-8.2227-5.4023-13.145-5.3711zm87 0c-4.9023 0-9.6016 1.9492-13.07 5.4141-3.4648 3.4648-5.4102 8.1641-5.4102 13.066s1.9453 9.6016 5.4102 13.066c3.4688 3.4648 8.168 5.4141 13.07 5.4141 4.8984 0 9.6016-1.9492 13.066-5.4141s5.4141-8.1641 5.4141-13.066-1.9492-9.6016-5.4141-13.066-8.168-5.4141-13.066-5.4141zm86.879 0c-4.9023 0-9.6016 1.9492-13.066 5.4141s-5.4141 8.1641-5.4141 13.066 1.9492 9.6016 5.4141 13.066 8.1641 5.4141 13.066 5.4141 9.6016-1.9492 13.066-5.4141 5.4141-8.1641 5.4141-13.066-1.9492-9.6016-5.4141-13.066-8.1641-5.4141-13.066-5.4141zm86.879 0c-4.8945 0.03125-9.5742 2.0039-13.016 5.4844-3.4414 3.4805-5.3633 8.1797-5.3438 13.074 0.023438 4.8945 1.9844 9.582 5.457 13.031 3.4688 3.4492 8.168 5.3789 13.062 5.3711 4.8945-0.011719 9.5859-1.9648 13.043-5.4258 3.457-3.4648 5.3984-8.1602 5.3984-13.055 0-4.9219-1.9648-9.6406-5.457-13.109-3.4883-3.4688-8.2227-5.4023-13.145-5.3711zm87 0c-4.918-0.09375-9.6758 1.7773-13.211 5.1992-3.5391 3.4219-5.5625 8.1133-5.625 13.035-0.066407 4.9219 1.8359 9.668 5.2812 13.18 3.4453 3.5156 8.1523 5.5117 13.074 5.543 4.9219 0.03125 9.6523-1.8984 13.145-5.3672 3.4922-3.4688 5.457-8.1875 5.457-13.109 0-4.8398-1.8984-9.4844-5.2852-12.941-3.3867-3.457-7.9961-5.4453-12.836-5.5391zm86.879 0h0.003907c-4.9023 0-9.6016 1.9492-13.07 5.4141-3.4648 3.4648-5.4102 8.1641-5.4102 13.066s1.9453 9.6016 5.4102 13.066c3.4688 3.4648 8.168 5.4141 13.07 5.4141 4.8984 0 9.6016-1.9492 13.066-5.4141s5.4102-8.1641 5.4102-13.066-1.9453-9.6016-5.4102-13.066-8.168-5.4141-13.066-5.4141zm86.879 0h0.003906c-4.9023 0-9.6016 1.9492-13.066 5.4141-3.4688 3.4648-5.4141 8.1641-5.4141 13.066s1.9453 9.6016 5.4141 13.066c3.4648 3.4648 8.1641 5.4141 13.066 5.4141s9.6016-1.9492 13.066-5.4141c3.4648-3.4648 5.4141-8.1641 5.4141-13.066 0-4.8398-1.8984-9.4844-5.2852-12.941-3.3906-3.457-7.9961-5.4453-12.836-5.5391zm86.879 0h0.003906c-4.8945 0.03125-9.5742 2.0039-13.016 5.4844-3.4453 3.4805-5.3633 8.1797-5.3438 13.074 0.019532 4.8945 1.9844 9.582 5.4531 13.031 3.4727 3.4492 8.1719 5.3789 13.066 5.3711 4.8945-0.011719 9.5859-1.9648 13.043-5.4258 3.457-3.4648 5.3984-8.1602 5.3984-13.055 0-4.9219-1.9648-9.6406-5.457-13.109-3.4922-3.4688-8.2227-5.4023-13.145-5.3711zm87 0h0.003906c-4.9023 0-9.6016 1.9492-13.066 5.4141s-5.4141 8.1641-5.4141 13.066 1.9492 9.6016 5.4141 13.066 8.1641 5.4141 13.066 5.4141c4.9023 0 9.6016-1.9492 13.066-5.4141 3.4688-3.4648 5.4141-8.1641 5.4141-13.066s-1.9453-9.6016-5.4141-13.066c-3.4648-3.4648-8.1641-5.4141-13.066-5.4141zm-503.04-503.04c-0.03125-4.8945-2.0039-9.5781-5.4844-13.02-3.4805-3.4414-8.1797-5.3633-13.074-5.3398-4.8945 0.019531-9.582 1.9805-13.031 5.4531-3.4492 3.4727-5.3789 8.1719-5.3711 13.066 0.011719 4.8945 1.9648 9.582 5.4258 13.039 3.4648 3.457 8.1602 5.3984 13.055 5.3984 4.9219 0.003906 9.6406-1.9609 13.109-5.4531s5.4023-8.2227 5.3711-13.145zm0 87c0-4.9023-1.9492-9.6016-5.4141-13.066-3.4648-3.4688-8.1641-5.4141-13.066-5.4141s-9.6016 1.9453-13.066 5.4141c-3.4648 3.4648-5.4141 8.1641-5.4141 13.066 0 4.9023 1.9492 9.6016 5.4141 13.066s8.1641 5.4141 13.066 5.4141 9.6016-1.9492 13.066-5.4141 5.4141-8.1641 5.4141-13.066zm0 86.879c0-4.9023-1.9492-9.6016-5.4141-13.066-3.4648-3.4648-8.1641-5.4141-13.066-5.4141s-9.6016 1.9492-13.066 5.4141c-3.4648 3.4648-5.4141 8.1641-5.4141 13.066s1.9492 9.6016 5.4141 13.066c3.4648 3.4688 8.1641 5.4141 13.066 5.4141 4.9648 0 9.7188-1.9961 13.195-5.5391 3.4766-3.543 5.3828-8.3359 5.2852-13.301zm0 173.76c-0.03125-4.8945-2.0039-9.5781-5.4844-13.02-3.4805-3.4414-8.1797-5.3633-13.074-5.3398-4.8945 0.019531-9.582 1.9805-13.031 5.4531s-5.3789 8.1719-5.3711 13.066c0.011719 4.8945 1.9648 9.582 5.4258 13.039 3.4648 3.457 8.1602 5.3984 13.055 5.3984 4.9219 0 9.6406-1.9609 13.109-5.4531s5.4023-8.2227 5.3711-13.145zm0-86.879v-0.003907c-0.03125-4.8906-2.0039-9.5742-5.4844-13.016-3.4805-3.4414-8.1797-5.3633-13.074-5.3438-4.8945 0.023438-9.582 1.9844-13.031 5.457-3.4492 3.4727-5.3789 8.168-5.3711 13.062 0.011719 4.8945 1.9648 9.5859 5.4258 13.043 3.4648 3.457 8.1602 5.3984 13.055 5.3984 4.9219 0 9.6406-1.9648 13.109-5.4531 3.4688-3.4922 5.4023-8.2266 5.3711-13.148zm0 173.88c0-4.9023-1.9492-9.6016-5.4141-13.07-3.4648-3.4648-8.1641-5.4102-13.066-5.4102s-9.6016 1.9453-13.066 5.4102c-3.4648 3.4688-5.4141 8.168-5.4141 13.07 0 4.8984 1.9492 9.6016 5.4141 13.066s8.1641 5.4141 13.066 5.4141 9.6016-1.9492 13.066-5.4141 5.4141-8.168 5.4141-13.066zm0 173.76v-0.003906c-0.03125-4.8945-2.0039-9.5742-5.4844-13.016-3.4805-3.4414-8.1797-5.3633-13.074-5.3438-4.8945 0.023438-9.582 1.9844-13.031 5.457-3.4492 3.4688-5.3789 8.168-5.3711 13.062 0.011719 4.8945 1.9648 9.5859 5.4258 13.043 3.4648 3.457 8.1602 5.3984 13.055 5.3984 4.9219 0 9.6406-1.9648 13.109-5.457 3.4688-3.4883 5.4023-8.2227 5.3711-13.145zm0 87v-0.003906c0.09375-4.918-1.7773-9.6758-5.1992-13.211-3.4219-3.5391-8.1133-5.5625-13.035-5.625-4.9219-0.066407-9.668 1.8359-13.18 5.2812-3.5156 3.4453-5.5117 8.1523-5.543 13.074-0.03125 4.9219 1.8984 9.6523 5.3672 13.145 3.4688 3.4922 8.1875 5.457 13.109 5.457 4.8398 0 9.4844-1.8984 12.941-5.2852 3.457-3.3867 5.4453-7.9961 5.5391-12.836zm0 86.879c0-4.9023-1.9492-9.6016-5.4141-13.07-3.4648-3.4648-8.1641-5.4102-13.066-5.4102s-9.6016 1.9453-13.066 5.4102c-3.4648 3.4688-5.4141 8.168-5.4141 13.07 0 4.8984 1.9492 9.6016 5.4141 13.066s8.1641 5.4102 13.066 5.4102 9.6016-1.9453 13.066-5.4102 5.4141-8.168 5.4141-13.066zm0 86.879c0-4.9023-1.9492-9.6016-5.4141-13.066-3.4648-3.4688-8.1641-5.4141-13.066-5.4141s-9.6016 1.9453-13.066 5.4141c-3.4648 3.4648-5.4141 8.1641-5.4141 13.066s1.9492 9.6016 5.4141 13.066c3.4648 3.4648 8.1641 5.4141 13.066 5.4141 4.8398 0 9.4844-1.8984 12.941-5.2852 3.457-3.3906 5.4453-7.9961 5.5391-12.836zm0 86.879c-0.03125-4.8945-2.0039-9.5742-5.4844-13.016-3.4805-3.4453-8.1797-5.3633-13.074-5.3438-4.8945 0.019532-9.582 1.9844-13.031 5.4531-3.4492 3.4727-5.3789 8.1719-5.3711 13.066 0.011719 4.8945 1.9648 9.5859 5.4258 13.043 3.4648 3.457 8.1602 5.3984 13.055 5.3984 4.9219 0 9.6406-1.9648 13.109-5.457 3.4688-3.4922 5.4023-8.2227 5.3711-13.145zm0 87c0-4.9023-1.9492-9.6016-5.4141-13.066s-8.1641-5.4141-13.066-5.4141-9.6016 1.9492-13.066 5.4141-5.4141 8.1641-5.4141 13.066c0 4.9023 1.9492 9.6016 5.4141 13.066 3.4648 3.4688 8.1641 5.4141 13.066 5.4141s9.6016-1.9453 13.066-5.4141c3.4648-3.4648 5.4141-8.1641 5.4141-13.066z" fill="#2a5da6"/>
-</svg>
diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 9c7b02fb3..694ceb369 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -8,9 +8,10 @@ import {
   Image,
   Stack,
   Text,
+  useInterval,
   VStack,
 } from "@chakra-ui/react";
-import { ReactNode, useCallback } from "react";
+import { ReactNode, useCallback, useEffect, useState } from "react";
 import { FormattedMessage } from "react-intl";
 import { useNavigate } from "react-router";
 import DefaultPageLayout from "../components/DefaultPageLayout";
@@ -135,63 +136,23 @@ const HomePage = () => {
           <VStack gap={5} maxW="container.md">
             <Step
               title="Collect data"
-              image={
-                <HStack w="200px" borderRadius="md" position="relative" mb="5">
-                  <RecordingGraph data={graphData} bgColor="white" w="158px" />
-                  <RecordingGraph
-                    data={graphData}
-                    bgColor="white"
-                    w="158px"
-                    position="absolute"
-                    left="20px"
-                    top="10px"
-                  />
-                  <RecordingGraph
-                    data={graphData}
-                    bgColor="white"
-                    w="158px"
-                    position="absolute"
-                    left="40px"
-                    top="20px"
-                  />
-                </HStack>
-              }
+              image={<CollectDataIllustration />}
               description="Connect a micro:bit to collect data samples of the actions you would like your model to recognise (e.g. ‘waving’ and ‘clapping’)."
             />
             {/* micro:bit AI creator trains a machine learning model to recognise the actions. */}
 
             <Step
               title="Test your model"
-              image={
-                <VStack
-                  w="200px"
-                  bgColor="white"
-                  borderRadius="md"
-                  aspectRatio={288 / 172}
-                  justifyContent="space-evenly"
-                  alignItems="stretch"
-                  p={3}
-                >
-                  <PercentageDisplay value={0.8} alignSelf="center" />
-                  <PercentageMeter value={0.8} />
-                </VStack>
-              }
+              image={<TestModelStepIllustration />}
               description={
                 "Try each action by moving your data collection micro:bit. Does the model detect your actions? Add more data to improve your model."
               }
             />
             <Step
               title="Code"
-              image={
-                <Image
-                  src={blockImage}
-                  alt=""
-                  aspectRatio={288 / 172}
-                  width="200px"
-                />
-              }
+              image={<CodeIllustration />}
               description={
-                "Use Microsoft MakeCode to download the program and machine learning model to your micro:bit. Add more blocks to create your own programs using your model."
+                "Use Microsoft MakeCode to download the program and machine learning model to your micro:bit. Add more blocks to create your own program using your model."
               }
             />
           </VStack>
@@ -224,6 +185,7 @@ const Step = ({ title, image, description }: StepProps) => (
   <HStack
     w="100%"
     justifyContent="space-between"
+    gap={5}
     flexDir={{ base: "column", lg: "row" }}
   >
     <VStack gap={2} alignItems="flex-start">
@@ -236,4 +198,52 @@ const Step = ({ title, image, description }: StepProps) => (
   </HStack>
 );
 
+const CollectDataIllustration = () => {
+  const props = {
+    data: graphData,
+    bgColor: "white",
+    w: "158px",
+  };
+  return (
+    <HStack w="200px" position="relative" mb="5">
+      <RecordingGraph {...props} />
+      <RecordingGraph {...props} position="absolute" left="20px" top="10px" />
+      <RecordingGraph {...props} position="absolute" left="40px" top="20px" />
+    </HStack>
+  );
+};
+
+const TestModelStepIllustration = () => {
+  const [value, setValue] = useState(0.75);
+  const colorScheme = value >= 0.8 ? "green.500" : undefined;
+  useInterval(() => {
+    setValue((value) => 0.8 * value + 0.2 * Math.min(1, 2.5 * Math.random()));
+  }, 1500);
+  return (
+    <VStack
+      w="200px"
+      bgColor="white"
+      borderRadius="md"
+      justifyContent="space-between"
+      alignItems="stretch"
+      px={5}
+      py={5}
+      gap={4}
+    >
+      <PercentageDisplay
+        value={value}
+        alignSelf="center"
+        colorScheme={colorScheme}
+      />
+      <PercentageMeter value={value} colorScheme={colorScheme} />
+    </VStack>
+  );
+};
+
+const CodeIllustration = () => {
+  return (
+    <Image src={blockImage} alt="" aspectRatio={288 / 172} width="200px" />
+  );
+};
+
 export default HomePage;

From 4fcde7974a111a761bc94b303ecd67a4a82caa39 Mon Sep 17 00:00:00 2001
From: Matt Hillsdon <matt.hillsdon@microbit.org>
Date: Thu, 3 Oct 2024 17:40:05 +0100
Subject: [PATCH 06/19] More faffing

---
 src/pages/HomePage.tsx | 32 ++++++++++++++++++++++++++------
 1 file changed, 26 insertions(+), 6 deletions(-)

diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 694ceb369..f0b58c677 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -133,19 +133,39 @@ const HomePage = () => {
           <Heading as="h2" textAlign="center">
             Step by step
           </Heading>
-          <VStack gap={5} maxW="container.md">
+          <VStack gap={12} maxW="container.md" position="relative">
             <Step
               title="Collect data"
               image={<CollectDataIllustration />}
               description="Connect a micro:bit to collect data samples of the actions you would like your model to recognise (e.g. ‘waving’ and ‘clapping’)."
             />
-            {/* micro:bit AI creator trains a machine learning model to recognise the actions. */}
-
+            <HStack gap={5} position="absolute" right="-150px" top="60px">
+              <Box as="svg" w={20} viewBox="0 0 201 402">
+                <path
+                  d="M1.924 38.711C8.044 30.755 17.836 19.127 18.448 8.723C19.06 3.215 22.732 1.991 25.792 2.603C26.404 1.379 27.628 0.766998 28.852 0.766998C200.212 10.559 284.056 345.936 82.708 364.295C83.32 364.907 83.932 366.131 83.932 367.356C83.932 377.148 83.932 386.328 83.932 396.12C83.932 399.792 80.26 402.852 76.588 401.628C45.376 390.612 25.18 367.968 4.372 343.488C1.312 340.428 2.536 336.144 5.596 333.696C23.344 320.844 41.092 308.604 57.004 293.916C61.288 289.632 67.408 292.692 68.02 298.2C68.632 306.768 70.468 315.336 71.692 323.904C132.892 320.843 155.536 257.808 153.088 202.728C150.64 122.555 74.14 76.043 6.82001 51.563C3.76001 50.339 2.536 47.279 2.536 44.831C0.7 43.607 0.0880008 41.159 1.924 38.711ZM167.164 202.728C172.06 266.988 137.176 339.204 65.572 337.368C61.9 337.368 59.452 334.308 58.84 330.636C58.228 323.905 57.004 317.172 56.392 311.052C44.152 321.456 30.688 330.636 17.224 340.429C32.524 359.401 49.048 377.149 71.692 387.552C71.692 380.821 71.692 374.7 71.692 367.968C71.692 366.132 72.304 364.296 73.528 363.685C71.08 361.237 71.692 355.729 75.976 355.117C116.368 346.549 150.64 331.249 171.448 293.305C191.032 257.809 189.808 213.744 181.24 175.801C164.716 99.911 109.636 26.471 31.3 9.947C31.3 10.559 30.688 11.783 30.076 13.007C25.792 18.515 23.344 25.247 19.06 30.755C16.612 34.427 13.552 37.487 10.492 40.547C88.216 59.519 160.432 121.331 167.164 202.728Z"
+                  fill="black"
+                />
+              </Box>
+              <Text fontWeight="bold" fontSize="xl">
+                Train
+              </Text>
+            </HStack>
+            <HStack gap={5} position="absolute" left="-170px" top="60px">
+              <Text fontWeight="bold" fontSize="xl">
+                Iterate
+              </Text>
+              <Box as="svg" width={20} viewBox="0 0 187 390">
+                <path
+                  d="M123.353 31.9473C126.413 22.1553 130.084 12.3633 133.757 3.18325C135.593 -0.488749 141.101 -1.10075 144.16 1.95925C160.072 18.4833 172.312 38.0672 185.776 56.4272C187 58.2632 187 61.3233 185.776 63.1593C174.76 78.4593 161.908 91.3113 146.608 102.327C142.936 104.775 138.04 101.715 136.816 98.0433C134.368 91.3113 133.144 84.5793 132.532 77.8473C68.272 96.2073 45.016 158.019 51.136 221.055C54.196 251.655 65.824 282.254 85.407 305.51C107.439 331.826 130.083 331.214 160.683 336.111C162.519 336.723 163.743 337.947 164.355 339.783C166.803 340.395 169.251 342.231 169.863 345.903C170.475 355.695 169.863 365.487 169.251 375.279C169.251 375.891 169.251 377.115 168.64 377.727C172.924 378.951 173.536 386.907 168.64 387.519C-19.855 419.955 -69.428 27.0513 123.353 31.9473ZM158.849 376.503C158.849 375.892 158.237 375.279 158.237 374.056C157.625 365.488 157.625 356.308 157.625 347.127C131.921 355.083 101.321 337.947 82.962 321.423C57.258 297.556 44.405 260.835 38.898 227.175C27.882 158.019 57.258 77.2363 134.37 66.8313H134.982C138.654 63.1593 146.61 64.9952 146.61 71.7272C146.61 76.6232 147.222 80.9073 147.834 84.5793C158.238 76.6233 174.763 61.9353 171.702 58.2633C161.91 44.7993 152.118 30.7233 141.102 17.8713C138.041 23.9913 134.982 30.1113 131.922 36.2313C131.31 37.4553 130.697 38.0673 130.085 38.6793C130.085 42.3513 128.249 46.0233 123.354 46.0233C34.001 43.5753 11.358 141.495 18.09 213.711C25.433 293.883 73.168 375.279 158.849 376.503Z"
+                  fill="black"
+                />
+              </Box>
+            </HStack>
             <Step
-              title="Test your model"
+              title="Test model"
               image={<TestModelStepIllustration />}
               description={
-                "Try each action by moving your data collection micro:bit. Does the model detect your actions? Add more data to improve your model."
+                "Try each action by moving your data collection micro:bit. Does the model detect your actions? Go back to add more data to improve your model."
               }
             />
             <Step
@@ -188,13 +208,13 @@ const Step = ({ title, image, description }: StepProps) => (
     gap={5}
     flexDir={{ base: "column", lg: "row" }}
   >
+    {image}
     <VStack gap={2} alignItems="flex-start">
       <Heading as="h2" textAlign="center" fontSize="xl">
         {title}
       </Heading>
       <Text maxW="md">{description}</Text>
     </VStack>
-    {image}
   </HStack>
 );
 

From 4a5f8d292d2f5d1a8de2431d8d35484bbcd13e79 Mon Sep 17 00:00:00 2001
From: Matt Hillsdon <matt.hillsdon@microbit.org>
Date: Fri, 4 Oct 2024 14:55:36 +0100
Subject: [PATCH 07/19] B version

---
 src/pages/HomePage.tsx | 51 ++++++++++++++----------------------------
 1 file changed, 17 insertions(+), 34 deletions(-)

diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index f0b58c677..d1842b7c5 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -134,47 +134,32 @@ const HomePage = () => {
             Step by step
           </Heading>
           <VStack gap={12} maxW="container.md" position="relative">
-            <Step
-              title="Collect data"
-              image={<CollectDataIllustration />}
-              description="Connect a micro:bit to collect data samples of the actions you would like your model to recognise (e.g. ‘waving’ and ‘clapping’)."
-            />
-            <HStack gap={5} position="absolute" right="-150px" top="60px">
-              <Box as="svg" w={20} viewBox="0 0 201 402">
+            <Step title="Collect data" image={<CollectDataIllustration />} />
+            <HStack gap={5} position="absolute" right="-200px" top="100px">
+              <Box as="svg" w="100px" viewBox="0 0 201 402">
                 <path
                   d="M1.924 38.711C8.044 30.755 17.836 19.127 18.448 8.723C19.06 3.215 22.732 1.991 25.792 2.603C26.404 1.379 27.628 0.766998 28.852 0.766998C200.212 10.559 284.056 345.936 82.708 364.295C83.32 364.907 83.932 366.131 83.932 367.356C83.932 377.148 83.932 386.328 83.932 396.12C83.932 399.792 80.26 402.852 76.588 401.628C45.376 390.612 25.18 367.968 4.372 343.488C1.312 340.428 2.536 336.144 5.596 333.696C23.344 320.844 41.092 308.604 57.004 293.916C61.288 289.632 67.408 292.692 68.02 298.2C68.632 306.768 70.468 315.336 71.692 323.904C132.892 320.843 155.536 257.808 153.088 202.728C150.64 122.555 74.14 76.043 6.82001 51.563C3.76001 50.339 2.536 47.279 2.536 44.831C0.7 43.607 0.0880008 41.159 1.924 38.711ZM167.164 202.728C172.06 266.988 137.176 339.204 65.572 337.368C61.9 337.368 59.452 334.308 58.84 330.636C58.228 323.905 57.004 317.172 56.392 311.052C44.152 321.456 30.688 330.636 17.224 340.429C32.524 359.401 49.048 377.149 71.692 387.552C71.692 380.821 71.692 374.7 71.692 367.968C71.692 366.132 72.304 364.296 73.528 363.685C71.08 361.237 71.692 355.729 75.976 355.117C116.368 346.549 150.64 331.249 171.448 293.305C191.032 257.809 189.808 213.744 181.24 175.801C164.716 99.911 109.636 26.471 31.3 9.947C31.3 10.559 30.688 11.783 30.076 13.007C25.792 18.515 23.344 25.247 19.06 30.755C16.612 34.427 13.552 37.487 10.492 40.547C88.216 59.519 160.432 121.331 167.164 202.728Z"
                   fill="black"
+                  fillRule="evenodd"
                 />
               </Box>
               <Text fontWeight="bold" fontSize="xl">
                 Train
               </Text>
             </HStack>
-            <HStack gap={5} position="absolute" left="-170px" top="60px">
+            <HStack gap={5} position="absolute" left="-220px" top="100px">
               <Text fontWeight="bold" fontSize="xl">
                 Iterate
               </Text>
-              <Box as="svg" width={20} viewBox="0 0 187 390">
+              <Box as="svg" width="100px" viewBox="0 0 187 390">
                 <path
                   d="M123.353 31.9473C126.413 22.1553 130.084 12.3633 133.757 3.18325C135.593 -0.488749 141.101 -1.10075 144.16 1.95925C160.072 18.4833 172.312 38.0672 185.776 56.4272C187 58.2632 187 61.3233 185.776 63.1593C174.76 78.4593 161.908 91.3113 146.608 102.327C142.936 104.775 138.04 101.715 136.816 98.0433C134.368 91.3113 133.144 84.5793 132.532 77.8473C68.272 96.2073 45.016 158.019 51.136 221.055C54.196 251.655 65.824 282.254 85.407 305.51C107.439 331.826 130.083 331.214 160.683 336.111C162.519 336.723 163.743 337.947 164.355 339.783C166.803 340.395 169.251 342.231 169.863 345.903C170.475 355.695 169.863 365.487 169.251 375.279C169.251 375.891 169.251 377.115 168.64 377.727C172.924 378.951 173.536 386.907 168.64 387.519C-19.855 419.955 -69.428 27.0513 123.353 31.9473ZM158.849 376.503C158.849 375.892 158.237 375.279 158.237 374.056C157.625 365.488 157.625 356.308 157.625 347.127C131.921 355.083 101.321 337.947 82.962 321.423C57.258 297.556 44.405 260.835 38.898 227.175C27.882 158.019 57.258 77.2363 134.37 66.8313H134.982C138.654 63.1593 146.61 64.9952 146.61 71.7272C146.61 76.6232 147.222 80.9073 147.834 84.5793C158.238 76.6233 174.763 61.9353 171.702 58.2633C161.91 44.7993 152.118 30.7233 141.102 17.8713C138.041 23.9913 134.982 30.1113 131.922 36.2313C131.31 37.4553 130.697 38.0673 130.085 38.6793C130.085 42.3513 128.249 46.0233 123.354 46.0233C34.001 43.5753 11.358 141.495 18.09 213.711C25.433 293.883 73.168 375.279 158.849 376.503Z"
                   fill="black"
                 />
               </Box>
             </HStack>
-            <Step
-              title="Test model"
-              image={<TestModelStepIllustration />}
-              description={
-                "Try each action by moving your data collection micro:bit. Does the model detect your actions? Go back to add more data to improve your model."
-              }
-            />
-            <Step
-              title="Code"
-              image={<CodeIllustration />}
-              description={
-                "Use Microsoft MakeCode to download the program and machine learning model to your micro:bit. Add more blocks to create your own program using your model."
-              }
-            />
+            <Step title="Test model" image={<TestModelStepIllustration />} />
+            <Step title="Code" image={<CodeIllustration />} />
           </VStack>
         </VStack>
         <VStack gap={8}>
@@ -198,24 +183,22 @@ const HomePage = () => {
 interface StepProps {
   title: ReactNode;
   image: ReactNode;
-  description: ReactNode;
 }
 
-const Step = ({ title, image, description }: StepProps) => (
-  <HStack
+const Step = ({ title, image }: StepProps) => (
+  <VStack
     w="100%"
     justifyContent="space-between"
     gap={5}
-    flexDir={{ base: "column", lg: "row" }}
+    bgColor="white"
+    padding={5}
+    borderRadius="md"
   >
     {image}
-    <VStack gap={2} alignItems="flex-start">
-      <Heading as="h2" textAlign="center" fontSize="xl">
-        {title}
-      </Heading>
-      <Text maxW="md">{description}</Text>
-    </VStack>
-  </HStack>
+    <Heading as="h2" textAlign="center" fontSize="xl">
+      {title}
+    </Heading>
+  </VStack>
 );
 
 const CollectDataIllustration = () => {

From c0d9bad81784ca84b1b0d41a3ab62a675c80ca8c Mon Sep 17 00:00:00 2001
From: Matt Hillsdon <matt.hillsdon@microbit.org>
Date: Sat, 5 Oct 2024 13:39:29 +0100
Subject: [PATCH 08/19] OK...

---
 src/pages/HomePage.tsx | 91 +++++++++++++++++++++++++++---------------
 1 file changed, 58 insertions(+), 33 deletions(-)

diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index d1842b7c5..b828c328c 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -1,20 +1,22 @@
 import {
-  AspectRatio,
   Box,
+  BoxProps,
   Button,
   Container,
   Heading,
   HStack,
   Image,
-  Stack,
   Text,
   useInterval,
   VStack,
 } from "@chakra-ui/react";
-import { ReactNode, useCallback, useEffect, useState } from "react";
+import { ReactNode, useCallback, useState } from "react";
 import { FormattedMessage } from "react-intl";
 import { useNavigate } from "react-router";
 import DefaultPageLayout from "../components/DefaultPageLayout";
+import PercentageDisplay from "../components/PercentageDisplay";
+import PercentageMeter from "../components/PercentageMeter";
+import RecordingGraph from "../components/RecordingGraph";
 import ResourceCard from "../components/ResourceCard";
 import ResourceCardPlaceholder from "../components/ResourceCardPlaceholder";
 import YoutubeVideoEmbed from "../components/YoutubeVideoEmbed";
@@ -22,10 +24,6 @@ import blockImage from "../images/block.png";
 import xyzGraph from "../images/xyz-graph.png";
 import { SessionPageId } from "../pages-config";
 import { createSessionPageUrl } from "../urls";
-import PercentageMeter from "../components/PercentageMeter";
-import PercentageDisplay from "../components/PercentageDisplay";
-import { ArrowDownIcon } from "@chakra-ui/icons";
-import RecordingGraph from "../components/RecordingGraph";
 
 const graphData = {
   x: [
@@ -135,29 +133,34 @@ const HomePage = () => {
           </Heading>
           <VStack gap={12} maxW="container.md" position="relative">
             <Step title="Collect data" image={<CollectDataIllustration />} />
-            <HStack gap={5} position="absolute" right="-200px" top="100px">
-              <Box as="svg" w="100px" viewBox="0 0 201 402">
-                <path
-                  d="M1.924 38.711C8.044 30.755 17.836 19.127 18.448 8.723C19.06 3.215 22.732 1.991 25.792 2.603C26.404 1.379 27.628 0.766998 28.852 0.766998C200.212 10.559 284.056 345.936 82.708 364.295C83.32 364.907 83.932 366.131 83.932 367.356C83.932 377.148 83.932 386.328 83.932 396.12C83.932 399.792 80.26 402.852 76.588 401.628C45.376 390.612 25.18 367.968 4.372 343.488C1.312 340.428 2.536 336.144 5.596 333.696C23.344 320.844 41.092 308.604 57.004 293.916C61.288 289.632 67.408 292.692 68.02 298.2C68.632 306.768 70.468 315.336 71.692 323.904C132.892 320.843 155.536 257.808 153.088 202.728C150.64 122.555 74.14 76.043 6.82001 51.563C3.76001 50.339 2.536 47.279 2.536 44.831C0.7 43.607 0.0880008 41.159 1.924 38.711ZM167.164 202.728C172.06 266.988 137.176 339.204 65.572 337.368C61.9 337.368 59.452 334.308 58.84 330.636C58.228 323.905 57.004 317.172 56.392 311.052C44.152 321.456 30.688 330.636 17.224 340.429C32.524 359.401 49.048 377.149 71.692 387.552C71.692 380.821 71.692 374.7 71.692 367.968C71.692 366.132 72.304 364.296 73.528 363.685C71.08 361.237 71.692 355.729 75.976 355.117C116.368 346.549 150.64 331.249 171.448 293.305C191.032 257.809 189.808 213.744 181.24 175.801C164.716 99.911 109.636 26.471 31.3 9.947C31.3 10.559 30.688 11.783 30.076 13.007C25.792 18.515 23.344 25.247 19.06 30.755C16.612 34.427 13.552 37.487 10.492 40.547C88.216 59.519 160.432 121.331 167.164 202.728Z"
-                  fill="black"
-                  fillRule="evenodd"
-                />
-              </Box>
-              <Text fontWeight="bold" fontSize="xl">
-                Train
-              </Text>
-            </HStack>
-            <HStack gap={5} position="absolute" left="-220px" top="100px">
-              <Text fontWeight="bold" fontSize="xl">
-                Iterate
-              </Text>
-              <Box as="svg" width="100px" viewBox="0 0 187 390">
-                <path
-                  d="M123.353 31.9473C126.413 22.1553 130.084 12.3633 133.757 3.18325C135.593 -0.488749 141.101 -1.10075 144.16 1.95925C160.072 18.4833 172.312 38.0672 185.776 56.4272C187 58.2632 187 61.3233 185.776 63.1593C174.76 78.4593 161.908 91.3113 146.608 102.327C142.936 104.775 138.04 101.715 136.816 98.0433C134.368 91.3113 133.144 84.5793 132.532 77.8473C68.272 96.2073 45.016 158.019 51.136 221.055C54.196 251.655 65.824 282.254 85.407 305.51C107.439 331.826 130.083 331.214 160.683 336.111C162.519 336.723 163.743 337.947 164.355 339.783C166.803 340.395 169.251 342.231 169.863 345.903C170.475 355.695 169.863 365.487 169.251 375.279C169.251 375.891 169.251 377.115 168.64 377.727C172.924 378.951 173.536 386.907 168.64 387.519C-19.855 419.955 -69.428 27.0513 123.353 31.9473ZM158.849 376.503C158.849 375.892 158.237 375.279 158.237 374.056C157.625 365.488 157.625 356.308 157.625 347.127C131.921 355.083 101.321 337.947 82.962 321.423C57.258 297.556 44.405 260.835 38.898 227.175C27.882 158.019 57.258 77.2363 134.37 66.8313H134.982C138.654 63.1593 146.61 64.9952 146.61 71.7272C146.61 76.6232 147.222 80.9073 147.834 84.5793C158.238 76.6233 174.763 61.9353 171.702 58.2633C161.91 44.7993 152.118 30.7233 141.102 17.8713C138.041 23.9913 134.982 30.1113 131.922 36.2313C131.31 37.4553 130.697 38.0673 130.085 38.6793C130.085 42.3513 128.249 46.0233 123.354 46.0233C34.001 43.5753 11.358 141.495 18.09 213.711C25.433 293.883 73.168 375.279 158.849 376.503Z"
-                  fill="black"
-                />
-              </Box>
-            </HStack>
+            <Box
+              display={{ base: "flex", md: "contents" }}
+              flexDir="row-reverse"
+              gap={12}
+            >
+              <HStack
+                gap={5}
+                position={{ base: "unset", md: "absolute" }}
+                right="-160px"
+                top="130px"
+              >
+                <Arrow />
+                <Text fontWeight="bold" fontSize="xl">
+                  Train
+                </Text>
+              </HStack>
+              <HStack
+                gap={5}
+                position={{ base: "unset", md: "absolute" }}
+                left="-185px"
+                top="130px"
+              >
+                <Text fontWeight="bold" fontSize="xl">
+                  Improve
+                </Text>
+                <Arrow transform="rotate(180deg)" />
+              </HStack>
+            </Box>
             <Step title="Test model" image={<TestModelStepIllustration />} />
             <Step title="Code" image={<CodeIllustration />} />
           </VStack>
@@ -187,12 +190,12 @@ interface StepProps {
 
 const Step = ({ title, image }: StepProps) => (
   <VStack
-    w="100%"
     justifyContent="space-between"
     gap={5}
-    bgColor="white"
+    border="1px"
+    borderColor="gray.600"
     padding={5}
-    borderRadius="md"
+    borderRadius="lg"
   >
     {image}
     <Heading as="h2" textAlign="center" fontSize="xl">
@@ -249,4 +252,26 @@ const CodeIllustration = () => {
   );
 };
 
+const Arrow = (props: BoxProps) => {
+  return (
+    <Box
+      color="green.500"
+      as="svg"
+      w="65px"
+      viewBox="0 0 122 345"
+      fill="none"
+      {...props}
+    >
+      <path
+        d="M68.3096 8.20258C157.514 158.056 54.6817 305.962 39.1331 336.205M113.688 335.909C65.0131 336.347 39.948 336.396 38.4915 336.054C36.3068 335.542 28.664 299.328 8.96063 278.799"
+        stroke="currentColor"
+        strokeOpacity="0.9"
+        strokeWidth="16"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Box>
+  );
+};
+
 export default HomePage;

From 566b12cd55ed545f0ee195d9932a87c3a8771194 Mon Sep 17 00:00:00 2001
From: Matt Hillsdon <matt.hillsdon@microbit.org>
Date: Sat, 5 Oct 2024 13:46:46 +0100
Subject: [PATCH 09/19] Match the other arrow colours

---
 src/pages/HomePage.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index b828c328c..573b07cd3 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -255,7 +255,7 @@ const CodeIllustration = () => {
 const Arrow = (props: BoxProps) => {
   return (
     <Box
-      color="green.500"
+      color="brand.500"
       as="svg"
       w="65px"
       viewBox="0 0 122 345"

From f96ff4e3e713e47f37981571ee37f7f3f0ce0b1f Mon Sep 17 00:00:00 2001
From: Matt Hillsdon <matt.hillsdon@microbit.org>
Date: Sun, 6 Oct 2024 10:40:56 +0100
Subject: [PATCH 10/19] WIP

---
 lang/ui.en.json                       |  84 +++++++++--
 src/App.tsx                           |  13 +-
 src/components/NewPageChoice.tsx      |  65 +++++++++
 src/components/StartResumeActions.tsx |  71 ----------
 src/messages/ui.en.json               | 154 ++++++++++++++++++--
 src/pages/HomePage.tsx                |  16 +--
 src/pages/NewPage.tsx                 | 193 ++++++++++++++++++++++++++
 src/urls.ts                           |   2 +
 8 files changed, 494 insertions(+), 104 deletions(-)
 create mode 100644 src/components/NewPageChoice.tsx
 delete mode 100644 src/components/StartResumeActions.tsx
 create mode 100644 src/pages/NewPage.tsx

diff --git a/lang/ui.en.json b/lang/ui.en.json
index 3730ad02d..bda0b36b1 100644
--- a/lang/ui.en.json
+++ b/lang/ui.en.json
@@ -699,14 +699,6 @@
     "defaultMessage": "Home",
     "description": "Home button text"
   },
-  "homepage-subtitle": {
-    "defaultMessage": "Introduce students to machine learning concepts through physical movement and data",
-    "description": "Subtitle of micro:bit AI creator home page"
-  },
-  "homepage-title": {
-    "defaultMessage": "micro:bit AI creator",
-    "description": "Title of micro:bit AI creator home page"
-  },
   "homepage.Link": {
     "defaultMessage": "Home page",
     "description": ""
@@ -747,6 +739,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": "micro:bit AI creator",
+    "description": "Title of micro:bit AI creator home page"
+  },
   "no-data-samples": {
     "defaultMessage": "No data samples",
     "description": "Empty data samples page status text"
diff --git a/src/App.tsx b/src/App.tsx
index 5349d84d7..3560be472 100644
--- a/src/App.tsx
+++ b/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),
diff --git a/src/components/NewPageChoice.tsx b/src/components/NewPageChoice.tsx
new file mode 100644
index 000000000..f8ad52a59
--- /dev/null
+++ b/src/components/NewPageChoice.tsx
@@ -0,0 +1,65 @@
+import { BoxProps, HStack, IconButton } from "@chakra-ui/react";
+import { ReactElement, ReactNode } from "react";
+
+interface GetStartedChoiceProps extends BoxProps {
+  children: ReactNode;
+  onClick: () => void;
+  icon: ReactElement;
+  disabled?: boolean;
+  label: string;
+}
+
+const NewPageChoice = ({
+  disabled,
+  children,
+  onClick,
+  icon,
+  label,
+  ...props
+}: GetStartedChoiceProps) => {
+  return (
+    <HStack
+      flex="1"
+      spacing={0}
+      boxShadow="lg"
+      borderRadius="md"
+      bgColor="white"
+      onClick={onClick}
+      cursor="pointer"
+      opacity={disabled ? 0.5 : undefined}
+      _hover={{
+        bgColor: disabled ? undefined : "#efedf5",
+      }}
+      role="group"
+      {...props}
+    >
+      {children}
+      <IconButton
+        className=".icon"
+        isDisabled={disabled}
+        flexGrow={0}
+        flexShrink={0}
+        flexBasis={40}
+        aria-label={label}
+        bgColor="brand.700"
+        color="white"
+        height="100%"
+        variant="unstyled"
+        icon={icon}
+        onClick={onClick}
+        borderInlineEndRadius="md"
+        _groupHover={{
+          color: disabled ? undefined : "#efedf5",
+        }}
+        _hover={{
+          bgColor: "brand.700",
+        }}
+        _disabled={{
+          opacity: 1,
+        }}
+      />
+    </HStack>
+  );
+};
+
+export default NewPageChoice;
diff --git a/src/components/StartResumeActions.tsx b/src/components/StartResumeActions.tsx
deleted file mode 100644
index 24150d775..000000000
--- a/src/components/StartResumeActions.tsx
+++ /dev/null
@@ -1,71 +0,0 @@
-import { Button, HStack, StackProps, useDisclosure } from "@chakra-ui/react";
-import { useCallback } from "react";
-import { FormattedMessage } from "react-intl";
-import { useNavigate } from "react-router";
-import { useConnectionStage } from "../connection-stage-hooks";
-import { SessionPageId } from "../pages-config";
-import { useHasGestures, useStore } from "../store";
-import { createSessionPageUrl } from "../urls";
-import StartOverWarningDialog from "./StartOverWarningDialog";
-
-const StartResumeActions = ({ ...props }: Partial<StackProps>) => {
-  const newSession = useStore((s) => s.newSession);
-  const hasExistingSession = useHasGestures();
-  const startOverWarningDialogDisclosure = useDisclosure();
-  const navigate = useNavigate();
-  const { actions: connStageActions } = useConnectionStage();
-
-  const handleNavigateToAddData = useCallback(() => {
-    navigate(createSessionPageUrl(SessionPageId.DataSamples));
-  }, [navigate]);
-
-  const handleStartNewSession = useCallback(() => {
-    startOverWarningDialogDisclosure.onClose();
-    newSession();
-    handleNavigateToAddData();
-    connStageActions.startConnect();
-  }, [
-    startOverWarningDialogDisclosure,
-    newSession,
-    handleNavigateToAddData,
-    connStageActions,
-  ]);
-
-  const onClickStartNewSession = useCallback(() => {
-    if (hasExistingSession) {
-      startOverWarningDialogDisclosure.onOpen();
-    } else {
-      handleStartNewSession();
-    }
-  }, [
-    handleStartNewSession,
-    hasExistingSession,
-    startOverWarningDialogDisclosure,
-  ]);
-
-  return (
-    <>
-      <StartOverWarningDialog
-        isOpen={startOverWarningDialogDisclosure.isOpen}
-        onClose={startOverWarningDialogDisclosure.onClose}
-        onStart={handleStartNewSession}
-      />
-      <HStack w="100%" justifyContent="center" gap={5} {...props}>
-        {hasExistingSession && (
-          <Button size="lg" variant="primary" onClick={handleNavigateToAddData}>
-            <FormattedMessage id="footer.resume" />
-          </Button>
-        )}
-        <Button
-          onClick={onClickStartNewSession}
-          size="lg"
-          variant={hasExistingSession ? "secondary" : "primary"}
-        >
-          <FormattedMessage id="footer.start" />
-        </Button>
-      </HStack>
-    </>
-  );
-};
-
-export default StartResumeActions;
diff --git a/src/messages/ui.en.json b/src/messages/ui.en.json
index 3406de6d1..d5b97b100 100644
--- a/src/messages/ui.en.json
+++ b/src/messages/ui.en.json
@@ -1205,18 +1205,6 @@
       "value": "Home"
     }
   ],
-  "homepage-subtitle": [
-    {
-      "type": 0,
-      "value": "Introduce students to machine learning concepts through physical movement and data"
-    }
-  ],
-  "homepage-title": [
-    {
-      "type": 0,
-      "value": "micro:bit AI creator"
-    }
-  ],
   "homepage.Link": [
     {
       "type": 0,
@@ -1277,6 +1265,148 @@
       "value": "More edit in MakeCode options"
     }
   ],
+  "newpage-browse-lessons": [
+    {
+      "type": 0,
+      "value": "Browse lessons"
+    }
+  ],
+  "newpage-browse-projects": [
+    {
+      "type": 0,
+      "value": "Browse projects"
+    }
+  ],
+  "newpage-choose-subtitle": [
+    {
+      "type": 0,
+      "value": "Find a project or lesson from our teacher resources and open it in micro:bit classroom"
+    }
+  ],
+  "newpage-choose-title": [
+    {
+      "type": 0,
+      "value": "Choose a project or lesson"
+    }
+  ],
+  "newpage-continue-session-instruction": [
+    {
+      "type": 0,
+      "value": "To continue a saved session from a file please select a file."
+    }
+  ],
+  "newpage-continue-session-subtitle": [
+    {
+      "type": 0,
+      "value": "Use a hex file or data samples file you saved to your computer to continue a session."
+    }
+  ],
+  "newpage-continue-session-title": [
+    {
+      "type": 0,
+      "value": "Continue a saved session"
+    }
+  ],
+  "newpage-heading-subtitle": [
+    {
+      "type": 0,
+      "value": "Run whole class sessions, easily share code with students and save progress"
+    }
+  ],
+  "newpage-heading-title": [
+    {
+      "type": 0,
+      "value": "Welcome to micro:bit classroom"
+    }
+  ],
+  "newpage-last-session-date": [
+    {
+      "children": [
+        {
+          "type": 0,
+          "value": "Date:"
+        }
+      ],
+      "type": 8,
+      "value": "strong"
+    },
+    {
+      "type": 0,
+      "value": " "
+    },
+    {
+      "type": 1,
+      "value": "date"
+    }
+  ],
+  "newpage-last-session-name": [
+    {
+      "children": [
+        {
+          "type": 0,
+          "value": "Name:"
+        }
+      ],
+      "type": 8,
+      "value": "strong"
+    },
+    {
+      "type": 0,
+      "value": " "
+    },
+    {
+      "type": 1,
+      "value": "name"
+    }
+  ],
+  "newpage-last-session-none": [
+    {
+      "type": 0,
+      "value": "No session found"
+    }
+  ],
+  "newpage-last-session-title": [
+    {
+      "type": 0,
+      "value": "Open last session"
+    }
+  ],
+  "newpage-new-session-subtitle": [
+    {
+      "type": 0,
+      "value": "Connect your micro:bit and collect movement data to build a machine learning model"
+    }
+  ],
+  "newpage-new-session-title": [
+    {
+      "type": 0,
+      "value": "New session"
+    }
+  ],
+  "newpage-section-one-title": [
+    {
+      "type": 0,
+      "value": "Pick up where you left off"
+    }
+  ],
+  "newpage-section-two-title": [
+    {
+      "type": 0,
+      "value": "Start something new"
+    }
+  ],
+  "newpage-subtitle": [
+    {
+      "type": 0,
+      "value": "Introduce students to machine learning concepts through physical movement and data"
+    }
+  ],
+  "newpage-title": [
+    {
+      "type": 0,
+      "value": "micro:bit AI creator"
+    }
+  ],
   "no-data-samples": [
     {
       "type": 0,
diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 573b07cd3..a28e12446 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -7,12 +7,12 @@ import {
   HStack,
   Image,
   Text,
+  useDisclosure,
   useInterval,
   VStack,
 } from "@chakra-ui/react";
-import { ReactNode, useCallback, useState } from "react";
+import { ReactNode, useState } from "react";
 import { FormattedMessage } from "react-intl";
-import { useNavigate } from "react-router";
 import DefaultPageLayout from "../components/DefaultPageLayout";
 import PercentageDisplay from "../components/PercentageDisplay";
 import PercentageMeter from "../components/PercentageMeter";
@@ -22,8 +22,6 @@ import ResourceCardPlaceholder from "../components/ResourceCardPlaceholder";
 import YoutubeVideoEmbed from "../components/YoutubeVideoEmbed";
 import blockImage from "../images/block.png";
 import xyzGraph from "../images/xyz-graph.png";
-import { SessionPageId } from "../pages-config";
-import { createSessionPageUrl } from "../urls";
 
 const graphData = {
   x: [
@@ -62,15 +60,11 @@ const graphData = {
 };
 
 const HomePage = () => {
-  const navigate = useNavigate();
-  const handleGetStarted = useCallback(() => {
-    // This isn't right, need existing session etc.
-    navigate(createSessionPageUrl(SessionPageId.DataSamples));
-  }, [navigate]);
+  const getStartedDialogDisclosure = useDisclosure();
   return (
     <DefaultPageLayout
       toolbarItemsRight={
-        <Button variant="toolbar" onClick={handleGetStarted}>
+        <Button variant="toolbar" onClick={getStartedDialogDisclosure.onOpen}>
           Get started
         </Button>
       }
@@ -103,7 +97,7 @@ const HomePage = () => {
             <Button
               size="lg"
               variant="primary"
-              onClick={handleGetStarted}
+              onClick={getStartedDialogDisclosure.onOpen}
               mt={5}
             >
               Get started
diff --git a/src/pages/NewPage.tsx b/src/pages/NewPage.tsx
new file mode 100644
index 000000000..83befa546
--- /dev/null
+++ b/src/pages/NewPage.tsx
@@ -0,0 +1,193 @@
+import {
+  BoxProps,
+  Container,
+  Heading,
+  HStack,
+  Icon,
+  Stack,
+  Text,
+  useDisclosure,
+  VStack,
+} from "@chakra-ui/react";
+import { ReactNode, useCallback } from "react";
+import { RiAddLine, RiFolderOpenLine, RiRestartLine } from "react-icons/ri";
+import { FormattedMessage, useIntl } from "react-intl";
+import { useNavigate } from "react-router";
+import DefaultPageLayout from "../components/DefaultPageLayout";
+import NewPageChoice from "../components/NewPageChoice";
+import { useConnectionStage } from "../connection-stage-hooks";
+import { SessionPageId } from "../pages-config";
+import { useHasGestures, useStore } from "../store";
+import { createSessionPageUrl } from "../urls";
+
+const NewPage = () => {
+  const newSession = useStore((s) => s.newSession);
+  const hasExistingSession = useHasGestures();
+  const projectName = useStore((s) => s.project.header?.name ?? "Untitled");
+  const startOverWarningDialogDisclosure = useDisclosure();
+  const navigate = useNavigate();
+  const { actions: connStageActions } = useConnectionStage();
+
+  const handleNavigateToAddData = useCallback(() => {
+    navigate(createSessionPageUrl(SessionPageId.DataSamples));
+  }, [navigate]);
+
+  const handleStartNewSession = useCallback(() => {
+    startOverWarningDialogDisclosure.onClose();
+    newSession();
+    handleNavigateToAddData();
+    connStageActions.startConnect();
+  }, [
+    startOverWarningDialogDisclosure,
+    newSession,
+    handleNavigateToAddData,
+    connStageActions,
+  ]);
+
+  const onClickStartNewSession = useCallback(() => {
+    if (hasExistingSession) {
+      startOverWarningDialogDisclosure.onOpen();
+    } else {
+      handleStartNewSession();
+    }
+  }, [
+    handleStartNewSession,
+    hasExistingSession,
+    startOverWarningDialogDisclosure,
+  ]);
+
+  const intl = useIntl();
+  const lastSessionTitle = intl.formatMessage({
+    id: "newpage-last-session-title",
+  });
+  const continueSessionTitle = intl.formatMessage({
+    id: "newpage-continue-session-title",
+  });
+  const newSessionTitle = intl.formatMessage({
+    id: "newpage-new-session-title",
+  });
+
+  return (
+    <DefaultPageLayout
+      toolbarItemsRight={<>{/* This should be the home button only */}</>}
+    >
+      <VStack alignItems="center">
+        <Container maxW="1180px" alignItems="stretch" zIndex={1} p={4} mt={8}>
+          <VStack alignItems="stretch" w="100%">
+            <Heading as="h1" fontSize="4xl" fontWeight="bold">
+              New session
+            </Heading>
+            <Heading as="h2" fontSize="2xl" mt={8}>
+              Pick up where you left off
+            </Heading>
+            <HStack w="100%" gap={8} alignItems="stretch" mt={3}>
+              <NewPageChoice
+                onClick={handleNavigateToAddData}
+                label={lastSessionTitle}
+                disabled={!hasExistingSession}
+                icon={<Icon as={RiRestartLine} h={20} w={20} />}
+              >
+                <SetupFormSection
+                  title={lastSessionTitle}
+                  justifyContent="space-between"
+                  description={
+                    hasExistingSession ? (
+                      <Stack>
+                        <Text>
+                          <FormattedMessage
+                            id="newpage-last-session-name"
+                            values={{
+                              strong: (chunks: ReactNode) => (
+                                <Text as="span" fontWeight="bold">
+                                  {chunks}
+                                </Text>
+                              ),
+                              name: projectName,
+                            }}
+                          />
+                        </Text>
+                        <Text>
+                          <FormattedMessage
+                            id="newpage-last-session-date"
+                            values={{
+                              strong: (chunks: ReactNode) => (
+                                <Text as="span" fontWeight="bold">
+                                  {chunks}
+                                </Text>
+                              ),
+                              date: new Intl.DateTimeFormat(undefined, {
+                                dateStyle: "medium",
+                              }).format(Date.now()), // TODO: track timestamp
+                            }}
+                          />
+                        </Text>
+                      </Stack>
+                    ) : (
+                      <Text>
+                        <FormattedMessage id="newpage-last-session-none" />
+                      </Text>
+                    )
+                  }
+                />
+              </NewPageChoice>
+              <NewPageChoice
+                onClick={onClickStartNewSession}
+                label={continueSessionTitle}
+                icon={<Icon as={RiFolderOpenLine} h={20} w={20} />}
+              >
+                <SetupFormSection
+                  title={continueSessionTitle}
+                  description={
+                    <Text>
+                      <FormattedMessage id="newpage-continue-session-subtitle" />
+                    </Text>
+                  }
+                />
+              </NewPageChoice>
+            </HStack>
+            <Heading as="h2" fontSize="2xl" mt={8}>
+              Start something new
+            </Heading>
+            <HStack w="50%" alignItems="stretch" mt={3}>
+              <NewPageChoice
+                onClick={onClickStartNewSession}
+                label={newSessionTitle}
+                disabled={false}
+                icon={<Icon as={RiAddLine} h={20} w={20} />}
+              >
+                <SetupFormSection
+                  title={newSessionTitle}
+                  description={
+                    <Text>
+                      <FormattedMessage id="newpage-new-session-subtitle" />
+                    </Text>
+                  }
+                />
+              </NewPageChoice>
+            </HStack>
+          </VStack>
+        </Container>
+      </VStack>
+    </DefaultPageLayout>
+  );
+};
+
+interface SetupFormSectionProps extends BoxProps {
+  title: string;
+  description: ReactNode;
+}
+
+const SetupFormSection = ({
+  title,
+  description,
+  ...rest
+}: SetupFormSectionProps) => (
+  <Stack as="section" py={5} px={5} minH={40} flex="1 1 auto" {...rest}>
+    <Heading as="h3" fontSize="xl">
+      {title}
+    </Heading>
+    {description}
+  </Stack>
+);
+
+export default NewPage;
diff --git a/src/urls.ts b/src/urls.ts
index f9a59119b..d5aeaedf3 100644
--- a/src/urls.ts
+++ b/src/urls.ts
@@ -8,5 +8,7 @@ if (!basepath.endsWith("/")) {
 
 export const createHomePageUrl = () => `${basepath}`;
 
+export const createNewPageUrl = () => `${basepath}/new`;
+
 export const createSessionPageUrl = (pageId: SessionPageId) =>
   `${basepath}${pageId}`;

From fcf1023e2b1359008a83dcb14290ad1b3ee672a4 Mon Sep 17 00:00:00 2001
From: Matt Hillsdon <matt.hillsdon@microbit.org>
Date: Sun, 6 Oct 2024 11:20:31 +0100
Subject: [PATCH 11/19] WIP

---
 lang/ui.en.json                  | 18 +++++++++---------
 src/components/NewPageChoice.tsx |  2 +-
 src/messages/ui.en.json          | 18 +++++++++---------
 src/pages/HomePage.tsx           | 17 +++++++++++------
 src/pages/NewPage.tsx            | 18 +++++++++++++-----
 src/urls.ts                      |  2 +-
 6 files changed, 44 insertions(+), 31 deletions(-)

diff --git a/lang/ui.en.json b/lang/ui.en.json
index bda0b36b1..4f0efae04 100644
--- a/lang/ui.en.json
+++ b/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,6 +695,10 @@
     "defaultMessage": "Home",
     "description": "Home button text"
   },
+  "homepage-title": {
+    "defaultMessage": "micro:bit AI creator",
+    "description": "Title of micro:bit AI creator home page"
+  },
   "homepage.Link": {
     "defaultMessage": "Home page",
     "description": ""
@@ -812,8 +812,8 @@
     "description": "Subtitle of micro:bit AI creator home page"
   },
   "newpage-title": {
-    "defaultMessage": "micro:bit AI creator",
-    "description": "Title of micro:bit AI creator home page"
+    "defaultMessage": "New session",
+    "description": "New page title"
   },
   "no-data-samples": {
     "defaultMessage": "No data samples",
diff --git a/src/components/NewPageChoice.tsx b/src/components/NewPageChoice.tsx
index f8ad52a59..243977707 100644
--- a/src/components/NewPageChoice.tsx
+++ b/src/components/NewPageChoice.tsx
@@ -41,7 +41,7 @@ const NewPageChoice = ({
         flexShrink={0}
         flexBasis={40}
         aria-label={label}
-        bgColor="brand.700"
+        bgColor="brand2.700"
         color="white"
         height="100%"
         variant="unstyled"
diff --git a/src/messages/ui.en.json b/src/messages/ui.en.json
index d5b97b100..50d692ad1 100644
--- a/src/messages/ui.en.json
+++ b/src/messages/ui.en.json
@@ -1175,16 +1175,10 @@
       "value": "Live graph"
     }
   ],
-  "footer.resume": [
+  "get-started-action": [
     {
       "type": 0,
-      "value": "Resume session"
-    }
-  ],
-  "footer.start": [
-    {
-      "type": 0,
-      "value": "Start new session"
+      "value": "Get started"
     }
   ],
   "help-label": [
@@ -1205,6 +1199,12 @@
       "value": "Home"
     }
   ],
+  "homepage-title": [
+    {
+      "type": 0,
+      "value": "micro:bit AI creator"
+    }
+  ],
   "homepage.Link": [
     {
       "type": 0,
@@ -1404,7 +1404,7 @@
   "newpage-title": [
     {
       "type": 0,
-      "value": "micro:bit AI creator"
+      "value": "New session"
     }
   ],
   "no-data-samples": [
diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index a28e12446..bcdf0a436 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -11,8 +11,9 @@ import {
   useInterval,
   VStack,
 } from "@chakra-ui/react";
-import { ReactNode, useState } from "react";
+import { ReactNode, useCallback, useState } from "react";
 import { FormattedMessage } from "react-intl";
+import { useNavigate } from "react-router";
 import DefaultPageLayout from "../components/DefaultPageLayout";
 import PercentageDisplay from "../components/PercentageDisplay";
 import PercentageMeter from "../components/PercentageMeter";
@@ -22,6 +23,7 @@ import ResourceCardPlaceholder from "../components/ResourceCardPlaceholder";
 import YoutubeVideoEmbed from "../components/YoutubeVideoEmbed";
 import blockImage from "../images/block.png";
 import xyzGraph from "../images/xyz-graph.png";
+import { createNewPageUrl } from "../urls";
 
 const graphData = {
   x: [
@@ -60,12 +62,15 @@ const graphData = {
 };
 
 const HomePage = () => {
-  const getStartedDialogDisclosure = useDisclosure();
+  const navigate = useNavigate();
+  const handleGetStarted = useCallback(() => {
+    navigate(createNewPageUrl());
+  }, [navigate]);
   return (
     <DefaultPageLayout
       toolbarItemsRight={
-        <Button variant="toolbar" onClick={getStartedDialogDisclosure.onOpen}>
-          Get started
+        <Button variant="toolbar" onClick={handleGetStarted}>
+          <FormattedMessage id="get-started-action" />
         </Button>
       }
     >
@@ -97,10 +102,10 @@ const HomePage = () => {
             <Button
               size="lg"
               variant="primary"
-              onClick={getStartedDialogDisclosure.onOpen}
+              onClick={handleGetStarted}
               mt={5}
             >
-              Get started
+              <FormattedMessage id="get-started-action" />
             </Button>
           </VStack>
           <Box flex="1" position="relative">
diff --git a/src/pages/NewPage.tsx b/src/pages/NewPage.tsx
index 83befa546..5dd4da15c 100644
--- a/src/pages/NewPage.tsx
+++ b/src/pages/NewPage.tsx
@@ -1,4 +1,5 @@
 import {
+  Box,
   BoxProps,
   Container,
   Heading,
@@ -72,13 +73,19 @@ const NewPage = () => {
       toolbarItemsRight={<>{/* This should be the home button only */}</>}
     >
       <VStack alignItems="center">
-        <Container maxW="1180px" alignItems="stretch" zIndex={1} p={4} mt={8}>
+        <Container
+          maxW="container.xl"
+          alignItems="stretch"
+          zIndex={1}
+          p={4}
+          mt={8}
+        >
           <VStack alignItems="stretch" w="100%">
             <Heading as="h1" fontSize="4xl" fontWeight="bold">
-              New session
+              <FormattedMessage id="newpage-title" />
             </Heading>
             <Heading as="h2" fontSize="2xl" mt={8}>
-              Pick up where you left off
+              <FormattedMessage id="newpage-section-one-title" />
             </Heading>
             <HStack w="100%" gap={8} alignItems="stretch" mt={3}>
               <NewPageChoice
@@ -146,9 +153,9 @@ const NewPage = () => {
               </NewPageChoice>
             </HStack>
             <Heading as="h2" fontSize="2xl" mt={8}>
-              Start something new
+              <FormattedMessage id="newpage-section-two-title" />
             </Heading>
-            <HStack w="50%" alignItems="stretch" mt={3}>
+            <HStack alignItems="stretch" mt={3} gap={8}>
               <NewPageChoice
                 onClick={onClickStartNewSession}
                 label={newSessionTitle}
@@ -164,6 +171,7 @@ const NewPage = () => {
                   }
                 />
               </NewPageChoice>
+              <Box flex="1" />
             </HStack>
           </VStack>
         </Container>
diff --git a/src/urls.ts b/src/urls.ts
index d5aeaedf3..2dd2a9163 100644
--- a/src/urls.ts
+++ b/src/urls.ts
@@ -8,7 +8,7 @@ if (!basepath.endsWith("/")) {
 
 export const createHomePageUrl = () => `${basepath}`;
 
-export const createNewPageUrl = () => `${basepath}/new`;
+export const createNewPageUrl = () => `${basepath}new`;
 
 export const createSessionPageUrl = (pageId: SessionPageId) =>
   `${basepath}${pageId}`;

From 8f99db652d074146e987e4a2e81a6819a1de322c Mon Sep 17 00:00:00 2001
From: Matt Hillsdon <matt.hillsdon@microbit.org>
Date: Sun, 6 Oct 2024 11:25:05 +0100
Subject: [PATCH 12/19] Stick with blue

---
 src/components/NewPageChoice.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/NewPageChoice.tsx b/src/components/NewPageChoice.tsx
index 243977707..f8ad52a59 100644
--- a/src/components/NewPageChoice.tsx
+++ b/src/components/NewPageChoice.tsx
@@ -41,7 +41,7 @@ const NewPageChoice = ({
         flexShrink={0}
         flexBasis={40}
         aria-label={label}
-        bgColor="brand2.700"
+        bgColor="brand.700"
         color="white"
         height="100%"
         variant="unstyled"

From 6ae5db686bf8949ad255f636cff1bbb605753b97 Mon Sep 17 00:00:00 2001
From: Matt Hillsdon <matt.hillsdon@microbit.org>
Date: Sun, 6 Oct 2024 12:12:55 +0100
Subject: [PATCH 13/19] WIP

---
 src/components/LoadProjectInput.tsx       |  2 +-
 src/components/NewPageChoice.tsx          |  2 +-
 src/components/StartOverWarningDialog.tsx | 84 -----------------------
 src/pages/NewPage.tsx                     | 70 +++++++++----------
 src/store.ts                              |  3 +
 5 files changed, 40 insertions(+), 121 deletions(-)
 delete mode 100644 src/components/StartOverWarningDialog.tsx

diff --git a/src/components/LoadProjectInput.tsx b/src/components/LoadProjectInput.tsx
index 1cd9e190b..fc78b1f17 100644
--- a/src/components/LoadProjectInput.tsx
+++ b/src/components/LoadProjectInput.tsx
@@ -8,7 +8,7 @@ export interface LoadProjectInputProps {
    * File input tag accept attribute.
    * A project can be opened from .json or .hex file.
    */
-  accept?: ".json" | ".hex";
+  accept: ".json" | ".hex" | ".json,.hex";
 }
 
 export interface LoadProjectInputRef {
diff --git a/src/components/NewPageChoice.tsx b/src/components/NewPageChoice.tsx
index f8ad52a59..dc2b27b91 100644
--- a/src/components/NewPageChoice.tsx
+++ b/src/components/NewPageChoice.tsx
@@ -26,6 +26,7 @@ const NewPageChoice = ({
       bgColor="white"
       onClick={onClick}
       cursor="pointer"
+      alignItems="stretch"
       opacity={disabled ? 0.5 : undefined}
       _hover={{
         bgColor: disabled ? undefined : "#efedf5",
@@ -35,7 +36,6 @@ const NewPageChoice = ({
     >
       {children}
       <IconButton
-        className=".icon"
         isDisabled={disabled}
         flexGrow={0}
         flexShrink={0}
diff --git a/src/components/StartOverWarningDialog.tsx b/src/components/StartOverWarningDialog.tsx
deleted file mode 100644
index 9ddaafe75..000000000
--- a/src/components/StartOverWarningDialog.tsx
+++ /dev/null
@@ -1,84 +0,0 @@
-import {
-  Button,
-  Heading,
-  Link,
-  Modal,
-  ModalBody,
-  ModalCloseButton,
-  ModalContent,
-  ModalFooter,
-  ModalOverlay,
-  Text,
-  VStack,
-} from "@chakra-ui/react";
-import { ReactNode, useCallback } from "react";
-import { FormattedMessage } from "react-intl";
-import { useProject } from "../hooks/project-hooks";
-
-interface StartOverWardningDialogProps {
-  isOpen: boolean;
-  onClose: () => void;
-  onStart: () => void;
-}
-
-const StartOverWarningDialog = ({
-  isOpen,
-  onClose,
-  onStart,
-}: StartOverWardningDialogProps) => {
-  const { saveHex } = useProject();
-  const handleSaveHex = useCallback(async () => {
-    await saveHex();
-  }, [saveHex]);
-  return (
-    <Modal
-      motionPreset="none"
-      isOpen={isOpen}
-      onClose={onClose}
-      size="2xl"
-      isCentered
-    >
-      <ModalOverlay>
-        <ModalContent gap={6} p={8}>
-          <ModalBody p={0}>
-            <ModalCloseButton />
-            <VStack width="100%" alignItems="left" gap={5}>
-              <Heading as="h2" fontSize="xl" fontWeight="bold">
-                <FormattedMessage id="content.index.dataWarning.title" />
-              </Heading>
-              <VStack gap={3} textAlign="left" w="100%">
-                <Text w="100%">
-                  <FormattedMessage id="content.index.dataWarning.subtitleOne" />
-                </Text>
-                <Text w="100%">
-                  <FormattedMessage
-                    id="content.index.dataWarning.subtitleTwo"
-                    values={{
-                      link: (chunks: ReactNode) => (
-                        <Link
-                          color="brand.600"
-                          onClick={handleSaveHex}
-                          target="_blank"
-                          rel="noopener"
-                        >
-                          {chunks}
-                        </Link>
-                      ),
-                    }}
-                  />
-                </Text>
-              </VStack>
-            </VStack>
-          </ModalBody>
-          <ModalFooter justifyContent="end" p={0}>
-            <Button onClick={onStart} variant="primary" size="lg">
-              <FormattedMessage id="footer.start" />
-            </Button>
-          </ModalFooter>
-        </ModalContent>
-      </ModalOverlay>
-    </Modal>
-  );
-};
-
-export default StartOverWarningDialog;
diff --git a/src/pages/NewPage.tsx b/src/pages/NewPage.tsx
index 5dd4da15c..f608c3923 100644
--- a/src/pages/NewPage.tsx
+++ b/src/pages/NewPage.tsx
@@ -7,55 +7,43 @@ import {
   Icon,
   Stack,
   Text,
-  useDisclosure,
   VStack,
 } from "@chakra-ui/react";
-import { ReactNode, useCallback } from "react";
+import { ReactNode, useCallback, useRef } from "react";
 import { RiAddLine, RiFolderOpenLine, RiRestartLine } from "react-icons/ri";
 import { FormattedMessage, useIntl } from "react-intl";
 import { useNavigate } from "react-router";
 import DefaultPageLayout from "../components/DefaultPageLayout";
+import LoadProjectInput, {
+  LoadProjectInputRef,
+} from "../components/LoadProjectInput";
 import NewPageChoice from "../components/NewPageChoice";
 import { useConnectionStage } from "../connection-stage-hooks";
 import { SessionPageId } from "../pages-config";
-import { useHasGestures, useStore } from "../store";
+import { useStore } from "../store";
 import { createSessionPageUrl } from "../urls";
 
 const NewPage = () => {
-  const newSession = useStore((s) => s.newSession);
-  const hasExistingSession = useHasGestures();
+  const existingSessionTimestamp = useStore((s) => s.timestamp);
   const projectName = useStore((s) => s.project.header?.name ?? "Untitled");
-  const startOverWarningDialogDisclosure = useDisclosure();
+  const newSession = useStore((s) => s.newSession);
   const navigate = useNavigate();
   const { actions: connStageActions } = useConnectionStage();
 
-  const handleNavigateToAddData = useCallback(() => {
+  const handleOpenLastSession = useCallback(() => {
     navigate(createSessionPageUrl(SessionPageId.DataSamples));
   }, [navigate]);
 
+  const loadProjectRef = useRef<LoadProjectInputRef>(null);
+  const handleContinueSessionFromFile = useCallback(() => {
+    loadProjectRef.current?.chooseFile();
+  }, []);
+
   const handleStartNewSession = useCallback(() => {
-    startOverWarningDialogDisclosure.onClose();
     newSession();
-    handleNavigateToAddData();
+    navigate(createSessionPageUrl(SessionPageId.DataSamples));
     connStageActions.startConnect();
-  }, [
-    startOverWarningDialogDisclosure,
-    newSession,
-    handleNavigateToAddData,
-    connStageActions,
-  ]);
-
-  const onClickStartNewSession = useCallback(() => {
-    if (hasExistingSession) {
-      startOverWarningDialogDisclosure.onOpen();
-    } else {
-      handleStartNewSession();
-    }
-  }, [
-    handleStartNewSession,
-    hasExistingSession,
-    startOverWarningDialogDisclosure,
-  ]);
+  }, [newSession, navigate, connStageActions]);
 
   const intl = useIntl();
   const lastSessionTitle = intl.formatMessage({
@@ -72,6 +60,7 @@ const NewPage = () => {
     <DefaultPageLayout
       toolbarItemsRight={<>{/* This should be the home button only */}</>}
     >
+      <LoadProjectInput ref={loadProjectRef} accept=".json,.hex" />
       <VStack alignItems="center">
         <Container
           maxW="container.xl"
@@ -87,18 +76,24 @@ const NewPage = () => {
             <Heading as="h2" fontSize="2xl" mt={8}>
               <FormattedMessage id="newpage-section-one-title" />
             </Heading>
-            <HStack w="100%" gap={8} alignItems="stretch" mt={3}>
+            <HStack
+              w="100%"
+              gap={8}
+              alignItems="stretch"
+              mt={3}
+              flexDir={{ base: "column", lg: "row" }}
+            >
               <NewPageChoice
-                onClick={handleNavigateToAddData}
+                onClick={handleOpenLastSession}
                 label={lastSessionTitle}
-                disabled={!hasExistingSession}
+                disabled={!existingSessionTimestamp}
                 icon={<Icon as={RiRestartLine} h={20} w={20} />}
               >
                 <SetupFormSection
                   title={lastSessionTitle}
                   justifyContent="space-between"
                   description={
-                    hasExistingSession ? (
+                    existingSessionTimestamp ? (
                       <Stack>
                         <Text>
                           <FormattedMessage
@@ -124,7 +119,7 @@ const NewPage = () => {
                               ),
                               date: new Intl.DateTimeFormat(undefined, {
                                 dateStyle: "medium",
-                              }).format(Date.now()), // TODO: track timestamp
+                              }).format(existingSessionTimestamp),
                             }}
                           />
                         </Text>
@@ -138,7 +133,7 @@ const NewPage = () => {
                 />
               </NewPageChoice>
               <NewPageChoice
-                onClick={onClickStartNewSession}
+                onClick={handleContinueSessionFromFile}
                 label={continueSessionTitle}
                 icon={<Icon as={RiFolderOpenLine} h={20} w={20} />}
               >
@@ -155,9 +150,14 @@ const NewPage = () => {
             <Heading as="h2" fontSize="2xl" mt={8}>
               <FormattedMessage id="newpage-section-two-title" />
             </Heading>
-            <HStack alignItems="stretch" mt={3} gap={8}>
+            <HStack
+              alignItems="stretch"
+              mt={3}
+              gap={8}
+              flexDir={{ base: "column", lg: "row" }}
+            >
               <NewPageChoice
-                onClick={onClickStartNewSession}
+                onClick={handleStartNewSession}
                 label={newSessionTitle}
                 disabled={false}
                 icon={<Icon as={RiAddLine} h={20} w={20} />}
diff --git a/src/store.ts b/src/store.ts
index b4171abbd..eebd1ab1c 100644
--- a/src/store.ts
+++ b/src/store.ts
@@ -63,6 +63,8 @@ export interface State {
   gestures: GestureData[];
   model: tf.LayersModel | undefined;
 
+  timestamp: number | undefined;
+
   isRecording: boolean;
 
   project: Project;
@@ -202,6 +204,7 @@ export const useStore = create<Store>()(
           set({
             gestures: [],
             model: undefined,
+            timestamp: Date.now(),
           });
           get().resetProject();
         },

From 315a9c2180768eb3309158c34b01b3dbbbafaf9b Mon Sep 17 00:00:00 2001
From: Matt Hillsdon <matt.hillsdon@microbit.org>
Date: Sun, 6 Oct 2024 12:53:43 +0100
Subject: [PATCH 14/19] WIP

---
 src/components/LoadProjectMenuItem.tsx |   2 +-
 src/components/NewPageChoice.tsx       |  62 +++++++-----
 src/components/OpenButton.tsx          |   2 +-
 src/pages/HomePage.tsx                 |   3 +-
 src/pages/NewPage.tsx                  | 127 +++++++++----------------
 src/store.ts                           |   1 +
 6 files changed, 84 insertions(+), 113 deletions(-)

diff --git a/src/components/LoadProjectMenuItem.tsx b/src/components/LoadProjectMenuItem.tsx
index a26756780..a33f0c07d 100644
--- a/src/components/LoadProjectMenuItem.tsx
+++ b/src/components/LoadProjectMenuItem.tsx
@@ -13,7 +13,7 @@ interface LoadProjectMenuItemProps
    * File input tag accept attribute.
    * A project can be opened from .json or .hex file.
    */
-  accept?: ".json" | ".hex";
+  accept: ".json" | ".hex" | ".json,.hex";
 }
 
 const LoadProjectMenuItem = ({
diff --git a/src/components/NewPageChoice.tsx b/src/components/NewPageChoice.tsx
index dc2b27b91..5d1ac20af 100644
--- a/src/components/NewPageChoice.tsx
+++ b/src/components/NewPageChoice.tsx
@@ -1,4 +1,11 @@
-import { BoxProps, HStack, IconButton } from "@chakra-ui/react";
+import {
+  Box,
+  BoxProps,
+  Heading,
+  HStack,
+  IconButton,
+  Stack,
+} from "@chakra-ui/react";
 import { ReactElement, ReactNode } from "react";
 
 interface GetStartedChoiceProps extends BoxProps {
@@ -34,30 +41,35 @@ const NewPageChoice = ({
       role="group"
       {...props}
     >
-      {children}
-      <IconButton
-        isDisabled={disabled}
-        flexGrow={0}
-        flexShrink={0}
-        flexBasis={40}
-        aria-label={label}
-        bgColor="brand.700"
-        color="white"
-        height="100%"
-        variant="unstyled"
-        icon={icon}
-        onClick={onClick}
-        borderInlineEndRadius="md"
-        _groupHover={{
-          color: disabled ? undefined : "#efedf5",
-        }}
-        _hover={{
-          bgColor: "brand.700",
-        }}
-        _disabled={{
-          opacity: 1,
-        }}
-      />
+      <Stack as="section" py={5} px={5} minH={40} flex="1 1 auto">
+        <Heading as="h3" fontSize="xl">
+          {label}
+        </Heading>
+        {children}
+      </Stack>
+      <Box>
+        <IconButton
+          w={40}
+          isDisabled={disabled}
+          aria-label={label}
+          bgColor="brand.700"
+          color="white"
+          height="100%"
+          variant="unstyled"
+          icon={icon}
+          onClick={onClick}
+          borderInlineEndRadius="md"
+          _groupHover={{
+            color: disabled ? undefined : "#efedf5",
+          }}
+          _hover={{
+            bgColor: "brand.700",
+          }}
+          _disabled={{
+            opacity: 1,
+          }}
+        />
+      </Box>
     </HStack>
   );
 };
diff --git a/src/components/OpenButton.tsx b/src/components/OpenButton.tsx
index 5f7db6aad..c11c74f3c 100644
--- a/src/components/OpenButton.tsx
+++ b/src/components/OpenButton.tsx
@@ -15,7 +15,7 @@ const OpenButton = () => {
       >
         <FormattedMessage id="open-file-action" />
       </Button>
-      <LoadProjectInput ref={ref} />
+      <LoadProjectInput ref={ref} accept=".hex" />
     </>
   );
 };
diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index bcdf0a436..c9e629b8a 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -7,7 +7,6 @@ import {
   HStack,
   Image,
   Text,
-  useDisclosure,
   useInterval,
   VStack,
 } from "@chakra-ui/react";
@@ -220,7 +219,7 @@ const CollectDataIllustration = () => {
 
 const TestModelStepIllustration = () => {
   const [value, setValue] = useState(0.75);
-  const colorScheme = value >= 0.8 ? "green.500" : undefined;
+  const colorScheme = value >= 0.8 ? "brand2.500" : undefined;
   useInterval(() => {
     setValue((value) => 0.8 * value + 0.2 * Math.min(1, 2.5 * Math.random()));
   }, 1500);
diff --git a/src/pages/NewPage.tsx b/src/pages/NewPage.tsx
index f608c3923..fa599a1d2 100644
--- a/src/pages/NewPage.tsx
+++ b/src/pages/NewPage.tsx
@@ -1,6 +1,5 @@
 import {
   Box,
-  BoxProps,
   Container,
   Heading,
   HStack,
@@ -62,13 +61,7 @@ const NewPage = () => {
     >
       <LoadProjectInput ref={loadProjectRef} accept=".json,.hex" />
       <VStack alignItems="center">
-        <Container
-          maxW="container.xl"
-          alignItems="stretch"
-          zIndex={1}
-          p={4}
-          mt={8}
-        >
+        <Container maxW="1180px" alignItems="stretch" zIndex={1} p={4} mt={8}>
           <VStack alignItems="stretch" w="100%">
             <Heading as="h1" fontSize="4xl" fontWeight="bold">
               <FormattedMessage id="newpage-title" />
@@ -89,62 +82,51 @@ const NewPage = () => {
                 disabled={!existingSessionTimestamp}
                 icon={<Icon as={RiRestartLine} h={20} w={20} />}
               >
-                <SetupFormSection
-                  title={lastSessionTitle}
-                  justifyContent="space-between"
-                  description={
-                    existingSessionTimestamp ? (
-                      <Stack>
-                        <Text>
-                          <FormattedMessage
-                            id="newpage-last-session-name"
-                            values={{
-                              strong: (chunks: ReactNode) => (
-                                <Text as="span" fontWeight="bold">
-                                  {chunks}
-                                </Text>
-                              ),
-                              name: projectName,
-                            }}
-                          />
-                        </Text>
-                        <Text>
-                          <FormattedMessage
-                            id="newpage-last-session-date"
-                            values={{
-                              strong: (chunks: ReactNode) => (
-                                <Text as="span" fontWeight="bold">
-                                  {chunks}
-                                </Text>
-                              ),
-                              date: new Intl.DateTimeFormat(undefined, {
-                                dateStyle: "medium",
-                              }).format(existingSessionTimestamp),
-                            }}
-                          />
-                        </Text>
-                      </Stack>
-                    ) : (
-                      <Text>
-                        <FormattedMessage id="newpage-last-session-none" />
-                      </Text>
-                    )
-                  }
-                />
+                {existingSessionTimestamp ? (
+                  <Stack mt="auto">
+                    <Text>
+                      <FormattedMessage
+                        id="newpage-last-session-name"
+                        values={{
+                          strong: (chunks: ReactNode) => (
+                            <Text as="span" fontWeight="bold">
+                              {chunks}
+                            </Text>
+                          ),
+                          name: projectName,
+                        }}
+                      />
+                    </Text>
+                    <Text>
+                      <FormattedMessage
+                        id="newpage-last-session-date"
+                        values={{
+                          strong: (chunks: ReactNode) => (
+                            <Text as="span" fontWeight="bold">
+                              {chunks}
+                            </Text>
+                          ),
+                          date: new Intl.DateTimeFormat(undefined, {
+                            dateStyle: "medium",
+                          }).format(existingSessionTimestamp),
+                        }}
+                      />
+                    </Text>
+                  </Stack>
+                ) : (
+                  <Text>
+                    <FormattedMessage id="newpage-last-session-none" />
+                  </Text>
+                )}
               </NewPageChoice>
               <NewPageChoice
                 onClick={handleContinueSessionFromFile}
                 label={continueSessionTitle}
                 icon={<Icon as={RiFolderOpenLine} h={20} w={20} />}
               >
-                <SetupFormSection
-                  title={continueSessionTitle}
-                  description={
-                    <Text>
-                      <FormattedMessage id="newpage-continue-session-subtitle" />
-                    </Text>
-                  }
-                />
+                <Text>
+                  <FormattedMessage id="newpage-continue-session-subtitle" />
+                </Text>
               </NewPageChoice>
             </HStack>
             <Heading as="h2" fontSize="2xl" mt={8}>
@@ -162,14 +144,9 @@ const NewPage = () => {
                 disabled={false}
                 icon={<Icon as={RiAddLine} h={20} w={20} />}
               >
-                <SetupFormSection
-                  title={newSessionTitle}
-                  description={
-                    <Text>
-                      <FormattedMessage id="newpage-new-session-subtitle" />
-                    </Text>
-                  }
-                />
+                <Text>
+                  <FormattedMessage id="newpage-new-session-subtitle" />
+                </Text>
               </NewPageChoice>
               <Box flex="1" />
             </HStack>
@@ -180,22 +157,4 @@ const NewPage = () => {
   );
 };
 
-interface SetupFormSectionProps extends BoxProps {
-  title: string;
-  description: ReactNode;
-}
-
-const SetupFormSection = ({
-  title,
-  description,
-  ...rest
-}: SetupFormSectionProps) => (
-  <Stack as="section" py={5} px={5} minH={40} flex="1 1 auto" {...rest}>
-    <Heading as="h3" fontSize="xl">
-      {title}
-    </Heading>
-    {description}
-  </Stack>
-);
-
 export default NewPage;
diff --git a/src/store.ts b/src/store.ts
index eebd1ab1c..dcda1d665 100644
--- a/src/store.ts
+++ b/src/store.ts
@@ -141,6 +141,7 @@ export const useStore = create<Store>()(
   devtools(
     persist(
       (set, get) => ({
+        timestamp: undefined,
         gestures: [],
         isRecording: false,
         project: {

From 62de27cdf8bf02646ddd95058bb9c8941d9bad18 Mon Sep 17 00:00:00 2001
From: Matt Hillsdon <matt.hillsdon@microbit.org>
Date: Sun, 6 Oct 2024 14:14:49 +0100
Subject: [PATCH 15/19] WIP

---
 lang/ui.en.json                      | 50 +++++++++++++++++--
 src/components/DefaultPageLayout.tsx | 58 +++++++++++++---------
 src/messages/ui.en.json              | 74 ++++++++++++++++++++++++++--
 src/pages/HomePage.tsx               | 67 +++++++++++++++++--------
 src/pages/NewPage.tsx                |  8 ++-
 5 files changed, 204 insertions(+), 53 deletions(-)

diff --git a/lang/ui.en.json b/lang/ui.en.json
index 5705baf6f..4cc5ae80d 100644
--- a/lang/ui.en.json
+++ b/lang/ui.en.json
@@ -695,13 +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 subtitle"
+  },
+  "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-title": {
-    "defaultMessage": "micro:bit AI creator",
-    "description": "Title of micro:bit AI creator home page"
+  "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",
@@ -943,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"
diff --git a/src/components/DefaultPageLayout.tsx b/src/components/DefaultPageLayout.tsx
index b208eb380..d4c07b45b 100644
--- a/src/components/DefaultPageLayout.tsx
+++ b/src/components/DefaultPageLayout.tsx
@@ -143,15 +143,10 @@ const DefaultPageLayout = ({
 };
 
 export const ProjectToolbarItems = () => {
-  const intl = useIntl();
   const { saveHex } = useProject();
-  const navigate = useNavigate();
   const handleSave = useCallback(() => {
     void saveHex();
   }, [saveHex]);
-  const handleHomeClick = useCallback(() => {
-    navigate(createHomePageUrl());
-  }, [navigate]);
 
   return (
     <>
@@ -162,27 +157,34 @@ export const ProjectToolbarItems = () => {
       >
         <FormattedMessage id="save-action" />
       </Button>
-      <IconButton
-        onClick={handleHomeClick}
-        icon={<RiHome2Line size={24} color="white" />}
-        aria-label={intl.formatMessage({ id: "homepage.Link" })}
-        variant="plain"
-        size="lg"
-        fontSize="xl"
-      />
+      <HomeToolbarItem />
     </>
   );
 };
 
+export const HomeToolbarItem = () => {
+  const intl = useIntl();
+  const navigate = useNavigate();
+  const handleHomeClick = useCallback(() => {
+    navigate(createHomePageUrl());
+  }, [navigate]);
+  return (
+    <IconButton
+      onClick={handleHomeClick}
+      icon={<RiHome2Line size={24} color="white" />}
+      aria-label={intl.formatMessage({ id: "homepage.Link" })}
+      variant="plain"
+      size="lg"
+      fontSize="xl"
+    />
+  );
+};
+
 export const ProjectMenuItems = () => {
   const { saveHex } = useProject();
-  const navigate = useNavigate();
   const handleSave = useCallback(() => {
     void saveHex();
   }, [saveHex]);
-  const handleHomeClick = useCallback(() => {
-    navigate(createHomePageUrl());
-  }, [navigate]);
 
   return (
     <>
@@ -193,14 +195,24 @@ export const ProjectMenuItems = () => {
         <FormattedMessage id="save-action" />
       </MenuItem>
       <MenuDivider />
-      <MenuItem
-        onClick={handleHomeClick}
-        icon={<Icon h={5} w={5} as={RiHome2Line} />}
-      >
-        <FormattedMessage id="home-action" />
-      </MenuItem>
+      <HomeMenuItem />
     </>
   );
 };
 
+export const HomeMenuItem = () => {
+  const navigate = useNavigate();
+  const handleHomeClick = useCallback(() => {
+    navigate(createHomePageUrl());
+  }, [navigate]);
+  return (
+    <MenuItem
+      onClick={handleHomeClick}
+      icon={<Icon h={5} w={5} as={RiHome2Line} />}
+    >
+      <FormattedMessage id="home-action" />
+    </MenuItem>
+  );
+};
+
 export default DefaultPageLayout;
diff --git a/src/messages/ui.en.json b/src/messages/ui.en.json
index 30115ff1e..d91c6362d 100644
--- a/src/messages/ui.en.json
+++ b/src/messages/ui.en.json
@@ -1239,16 +1239,54 @@
       "value": "Home"
     }
   ],
+  "homepage-description": [
+    {
+      "type": 0,
+      "value": "Train a machine learning model on your own movement data and run it on your micro:bit."
+    }
+  ],
+  "homepage-how-it-works": [
+    {
+      "type": 0,
+      "value": "How it works"
+    }
+  ],
+  "homepage-projects": [
+    {
+      "type": 0,
+      "value": "Projects"
+    }
+  ],
+  "homepage-step-by-step": [
+    {
+      "type": 0,
+      "value": "Step by step"
+    }
+  ],
   "homepage-subtitle": [
     {
       "type": 0,
-      "value": "Introduce students to machine learning concepts through physical movement and data"
+      "value": "Create AI on your BBC micro:bit using movement and machine learning."
+    }
+  ],
+  "homepage-video-alt": [
+    {
+      "type": 0,
+      "value": "Introductory video"
     }
   ],
-  "homepage-title": [
+  "homepage-video-prompt": [
+    {
+      "type": 0,
+      "value": "Watch the video to learn how to use "
+    },
+    {
+      "type": 1,
+      "value": "appNameFull"
+    },
     {
       "type": 0,
-      "value": "micro:bit AI creator"
+      "value": "."
     }
   ],
   "homepage.Link": [
@@ -1651,6 +1689,36 @@
       "value": "Start training"
     }
   ],
+  "steps-code": [
+    {
+      "type": 0,
+      "value": "Code"
+    }
+  ],
+  "steps-collect-data": [
+    {
+      "type": 0,
+      "value": "Collect data"
+    }
+  ],
+  "steps-improve": [
+    {
+      "type": 0,
+      "value": "Improve"
+    }
+  ],
+  "steps-test-model": [
+    {
+      "type": 0,
+      "value": "Test model"
+    }
+  ],
+  "steps-train": [
+    {
+      "type": 0,
+      "value": "Train"
+    }
+  ],
   "support-request": [
     {
       "type": 0,
diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index c9e629b8a..21174b8c6 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -6,12 +6,13 @@ import {
   Heading,
   HStack,
   Image,
+  Link,
   Text,
   useInterval,
   VStack,
 } from "@chakra-ui/react";
 import { ReactNode, useCallback, useState } from "react";
-import { FormattedMessage } from "react-intl";
+import { FormattedMessage, useIntl } from "react-intl";
 import { useNavigate } from "react-router";
 import DefaultPageLayout from "../components/DefaultPageLayout";
 import PercentageDisplay from "../components/PercentageDisplay";
@@ -23,6 +24,7 @@ import YoutubeVideoEmbed from "../components/YoutubeVideoEmbed";
 import blockImage from "../images/block.png";
 import xyzGraph from "../images/xyz-graph.png";
 import { createNewPageUrl } from "../urls";
+import { useDeployment } from "../deployment";
 
 const graphData = {
   x: [
@@ -65,6 +67,8 @@ const HomePage = () => {
   const handleGetStarted = useCallback(() => {
     navigate(createNewPageUrl());
   }, [navigate]);
+  const intl = useIntl();
+  const { appNameFull } = useDeployment();
   return (
     <DefaultPageLayout
       toolbarItemsRight={
@@ -85,18 +89,14 @@ const HomePage = () => {
             gap={5}
             w={{ base: "100%", lg: "unset" }}
           >
-            <Heading as="h1" fontSize="4xl" fontWeight="bold">
-              <FormattedMessage id="homepage-title" />
+            <Heading as="h1" fontSize="5xl" fontWeight="bold">
+              {appNameFull}
             </Heading>
             <Text fontSize="md" fontWeight="bold">
-              Create AI on your BBC micro:bit using movement and machine
-              learning
+              <FormattedMessage id="homepage-subtitle" />
             </Text>
             <Text fontSize="md">
-              Train a machine learning model on your own movement data.
-            </Text>
-            <Text fontSize="md">
-              Add code to use your model in real-world projects.
+              <FormattedMessage id="homepage-description" />
             </Text>
             <Button
               size="lg"
@@ -113,24 +113,45 @@ const HomePage = () => {
         </HStack>
         <VStack spacing={8} w="100%" maxW="container.md">
           <Heading as="h2" textAlign="center">
-            How it works
+            <FormattedMessage id="homepage-how-it-works" />
           </Heading>
-          <Box w="100%">
+          <Box w="100%" position="relative">
             <YoutubeVideoEmbed
               youtubeId="ZhUtuuQemFc"
-              alt="Introductory video"
+              alt={intl.formatMessage({ id: "homepage-video-alt" })}
             />
+            <Box
+              position="absolute"
+              bgColor="brand.700"
+              color="white"
+              fontWeight="bold"
+              top={0}
+              left={0}
+              right={0}
+              bottom={0}
+              display="flex"
+              justifyContent="center"
+              alignItems="center"
+            >
+              <Text>Video coming soon</Text>
+            </Box>
           </Box>
           <Text fontSize="md">
-            Watch the video to learn how to use the micro:bit AI creator.
+            <FormattedMessage
+              id="homepage-video-prompt"
+              values={{ appNameFull }}
+            />
           </Text>
         </VStack>
         <VStack gap={8}>
           <Heading as="h2" textAlign="center">
-            Step by step
+            <FormattedMessage id="homepage-step-by-step" />
           </Heading>
           <VStack gap={12} maxW="container.md" position="relative">
-            <Step title="Collect data" image={<CollectDataIllustration />} />
+            <Step
+              title={intl.formatMessage({ id: "steps-collect-data" })}
+              image={<CollectDataIllustration />}
+            />
             <Box
               display={{ base: "flex", md: "contents" }}
               flexDir="row-reverse"
@@ -144,7 +165,7 @@ const HomePage = () => {
               >
                 <Arrow />
                 <Text fontWeight="bold" fontSize="xl">
-                  Train
+                  <FormattedMessage id="steps-train" />
                 </Text>
               </HStack>
               <HStack
@@ -154,18 +175,24 @@ const HomePage = () => {
                 top="130px"
               >
                 <Text fontWeight="bold" fontSize="xl">
-                  Improve
+                  <FormattedMessage id="steps-improve" />
                 </Text>
                 <Arrow transform="rotate(180deg)" />
               </HStack>
             </Box>
-            <Step title="Test model" image={<TestModelStepIllustration />} />
-            <Step title="Code" image={<CodeIllustration />} />
+            <Step
+              title={intl.formatMessage({ id: "steps-test-model" })}
+              image={<TestModelStepIllustration />}
+            />
+            <Step
+              title={intl.formatMessage({ id: "steps-code" })}
+              image={<CodeIllustration />}
+            />
           </VStack>
         </VStack>
         <VStack gap={8}>
           <Heading as="h2" textAlign="center">
-            Projects
+            <FormattedMessage id="homepage-projects" />
           </Heading>
           <HStack gap={5} flexDir={{ base: "column", lg: "row" }}>
             <ResourceCard
diff --git a/src/pages/NewPage.tsx b/src/pages/NewPage.tsx
index fa599a1d2..ee2024885 100644
--- a/src/pages/NewPage.tsx
+++ b/src/pages/NewPage.tsx
@@ -12,7 +12,10 @@ import { ReactNode, useCallback, useRef } from "react";
 import { RiAddLine, RiFolderOpenLine, RiRestartLine } from "react-icons/ri";
 import { FormattedMessage, useIntl } from "react-intl";
 import { useNavigate } from "react-router";
-import DefaultPageLayout from "../components/DefaultPageLayout";
+import DefaultPageLayout, {
+  HomeMenuItem,
+  HomeToolbarItem,
+} from "../components/DefaultPageLayout";
 import LoadProjectInput, {
   LoadProjectInputRef,
 } from "../components/LoadProjectInput";
@@ -57,7 +60,8 @@ const NewPage = () => {
 
   return (
     <DefaultPageLayout
-      toolbarItemsRight={<>{/* This should be the home button only */}</>}
+      toolbarItemsRight={<HomeToolbarItem />}
+      menuItems={<HomeMenuItem />}
     >
       <LoadProjectInput ref={loadProjectRef} accept=".json,.hex" />
       <VStack alignItems="center">

From 30f864a143d01808eaf1f699bc3258fdf6fcbbc2 Mon Sep 17 00:00:00 2001
From: Matt Hillsdon <matt.hillsdon@microbit.org>
Date: Sun, 6 Oct 2024 14:16:12 +0100
Subject: [PATCH 16/19] Tidy

---
 src/components/ResourceCardPlaceholder.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/ResourceCardPlaceholder.tsx b/src/components/ResourceCardPlaceholder.tsx
index 7738b0acf..47f5cf93b 100644
--- a/src/components/ResourceCardPlaceholder.tsx
+++ b/src/components/ResourceCardPlaceholder.tsx
@@ -25,7 +25,7 @@ const ResourceCardPlaceholder = () => {
         mt={-2}
         color="gray.600"
       >
-        More soon
+        Coming soon
       </Text>
     </Box>
   );

From 045ddac182998214cef36f58a71d2e0aa14e0f05 Mon Sep 17 00:00:00 2001
From: Matt Hillsdon <matt.hillsdon@microbit.org>
Date: Sun, 6 Oct 2024 14:17:04 +0100
Subject: [PATCH 17/19] Lint

---
 src/pages/HomePage.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 21174b8c6..3e5ff7a80 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -6,7 +6,6 @@ import {
   Heading,
   HStack,
   Image,
-  Link,
   Text,
   useInterval,
   VStack,
@@ -21,10 +20,10 @@ import RecordingGraph from "../components/RecordingGraph";
 import ResourceCard from "../components/ResourceCard";
 import ResourceCardPlaceholder from "../components/ResourceCardPlaceholder";
 import YoutubeVideoEmbed from "../components/YoutubeVideoEmbed";
+import { useDeployment } from "../deployment";
 import blockImage from "../images/block.png";
 import xyzGraph from "../images/xyz-graph.png";
 import { createNewPageUrl } from "../urls";
-import { useDeployment } from "../deployment";
 
 const graphData = {
   x: [

From f4adead00c4ee0d1aac0606e9ec23f4473de1be0 Mon Sep 17 00:00:00 2001
From: Matt Hillsdon <matt.hillsdon@microbit.org>
Date: Sun, 6 Oct 2024 14:25:35 +0100
Subject: [PATCH 18/19] Avoid displaying 0.8 but not highlighting green

---
 src/pages/HomePage.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 3e5ff7a80..6028e76a8 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -245,7 +245,7 @@ const CollectDataIllustration = () => {
 
 const TestModelStepIllustration = () => {
   const [value, setValue] = useState(0.75);
-  const colorScheme = value >= 0.8 ? "brand2.500" : undefined;
+  const colorScheme = Math.round(value * 100) >= 80 ? "brand2.500" : undefined;
   useInterval(() => {
     setValue((value) => 0.8 * value + 0.2 * Math.min(1, 2.5 * Math.random()));
   }, 1500);

From 81260180d046f7e0eacbe269abf26ad6f199b2c8 Mon Sep 17 00:00:00 2001
From: Matt Hillsdon <matt.hillsdon@microbit.org>
Date: Sun, 6 Oct 2024 14:31:36 +0100
Subject: [PATCH 19/19] Faff

---
 index.html      | 4 ++--
 lang/ui.en.json | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index ede552fbb..4d21ebbaf 100644
--- a/index.html
+++ b/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" />
 
diff --git a/lang/ui.en.json b/lang/ui.en.json
index 4cc5ae80d..3cbd0be48 100644
--- a/lang/ui.en.json
+++ b/lang/ui.en.json
@@ -697,7 +697,7 @@
   },
   "homepage-description": {
     "defaultMessage": "Train a machine learning model on your own movement data and run it on your micro:bit.",
-    "description": "Home page subtitle"
+    "description": "Home page description"
   },
   "homepage-how-it-works": {
     "defaultMessage": "How it works",
@@ -1091,4 +1091,4 @@
     "defaultMessage": "unknown",
     "description": "Label for unknown ML event"
   }
-}
\ No newline at end of file
+}