docs: add docs for student dashboard + signup images

apps/docs/pages/quickstart/signup.mdx

@@ -1,46 +1,39 @@
-import { Steps, Callout } from "nextra/components";
+import Image from 'next/image';
+import { Steps } from 'nextra/components';
+import DashboardHomePageSignedin from './images/dashboard-homepage-signedin.webp';
+import DashboardHomePageSignedout from './images/dashboard-homepage-signedout.webp';
+import DashboardOnboardingPage1 from './images/onboarding-page1.webp';
+import DashboardOnboardingPage2 from './images/onboarding-page2.webp';
+import DashboardSignupPage from './images/signup-page.webp';
 
 # Signing Up for ClassroomIO
 
 Signing up is currently disabled on production. Potential customers can only book a demo or try out our local setup.
 
-## Signing up locally.
-
-This assumption of this section is that you already have ClassroomIO setup locally.
-
-To sign up do the following.
-
 <Steps>
-### Start the application locally
-
-To get the application running locally, you should run this at the root of the project:
-
-```js
-pnpm dev --filter=dashboard
-```
-
-This will only startup the dashboard which powers all of the learning management features.
-
-<Callout
-	type='info'
-	emoji='ℹ️'>
-	Note: Make sure you have installed all dependencies by running `pnpm i`
-</Callout>
-
 ### Go to Sign up page
 
-Once you startup the `dashboard`, you can open your browser and go to `http://localhost:5173`. Click on the signup button to take you to the Sign up page.
+Got to [app.classroomio.com](https://app.classroomio.com). Click on the signup button on the top right to take you to the Sign up page.
+
+<Image src={DashboardHomePageSignedout} alt="Dashboard before signin" quality="100" />
 
 ### Create an account
 
-Once you are on the signup page, enter your email and a password made up of 6 or more characters
+Once you are on the signup page, enter your email and a password made up of 6 or more characters.
+
+<Image src={DashboardSignupPage} alt="Dashboard signin page" quality="100" />
 
 ### Complete the onboarding
 
 Upon completing the signup flow, you will be redirected to the onboarding page. Here you can enter your fullname and your organization details and next you would share how you heard of ClassroomIO
 
+<Image src={DashboardOnboardingPage1} alt="Dashboard onboarding page 1" quality="100" />
+<Image src={DashboardOnboardingPage2} alt="Dashboard onboarding page 2" quality="100" />
+
 ### Welcome to the dashboard
 
 After you go through the onboarding, you are successfully signed up and you are ready to start using the platform.
 
+<Image src={DashboardHomePageSignedin} alt="Dashboard after signing in" quality="100" />
+
 </Steps>