SAB212 - Start Page with new cards (#39)

Author: SimonR-Education

src/SchoolAccount.Web.Mvc/Features/Accounts/AccountController.cs

@@ -38,7 +38,7 @@ public IActionResult Logout()
     {
         if (!userContext.IsAuthenticated)
         {
-            return RedirectToAction("Home", "Home");
+            return RedirectToAction("Start", "Start");
         }
 
         HttpContext.Session.Clear();
@@ -54,6 +54,6 @@ public IActionResult LoggedOut()
     {
         HttpContext.Session.Clear();
 
-        return RedirectToAction("Start", "Home");
+        return RedirectToAction("Start", "Start");
     }
 }

src/SchoolAccount.Web.Mvc/Features/Home/Home.cshtml

@@ -0,0 +1,34 @@
+@model SchoolAccount.Web.Mvc.Features.Start.StartViewModel
+@{
+    ViewData["Title"] = "Home Page";
+}
+
+<div class="govuk-grid-row">
+    <div class="govuk-grid-column-two-thirds">
+        <h1 class="govuk-heading-xl">Sign in to school account</h1>
+
+        <p class="govuk-body-l">
+            School account brings DfE services and guidance together in one place, helping you understand what you need
+            to do and when.
+        </p>
+
+        <p class="govuk-body">
+            This is an early version that supports the school census. More services and guidance will follow.
+        </p>
+
+        <p class="govuk-body">
+            You'll need a DfE sign-in account.
+        </p>
+
+        <a asp-controller="Account" asp-action="Login" class="govuk-button">
+            Sign in or create an account
+            <svg class="govuk-button__start-icon" xmlns="http://www.w3.org/2000/svg" width="17.5" height="19"
+                 viewBox="0 0 33 40" aria-hidden="true">
+                <path fill="currentColor" d="M0 0h13l20 20-20 20H0l20-20z"/>
+            </svg>
+        </a>
+
+    </div>
+</div>
+
+<partial name="_StartCards" />

src/SchoolAccount.Web.Mvc/Features/Home/HomeController.cs

@@ -0,0 +1,14 @@
+using Microsoft.AspNetCore.Authorization;
+using Microsoft.AspNetCore.Mvc;
+
+namespace SchoolAccount.Web.Mvc.Features.Start;
+
+[Route("/")]
+public class StartController : Controller
+{
+    [HttpGet, AllowAnonymous]
+    public async Task<IActionResult> Start()
+    {
+        return View(new StartViewModel());
+    }
+}

src/SchoolAccount.Web.Mvc/Features/Home/HomeViewModel.cs

@@ -0,0 +1,3 @@
+namespace SchoolAccount.Web.Mvc.Features.Start;
+
+public record StartViewModel;

src/SchoolAccount.Web.Mvc/Features/Start/Start.cshtml

@@ -0,0 +1,34 @@
+<div class="govuk-grid-row">
+    <div class="govuk-grid-column-full">
+        <h2 class="govuk-heading-l govuk-!-margin-top-4">What you'll get</h2>
+
+        <div class="dfe-grid-container start-now-cards">
+            <div class="dfe-card">
+                <img src="/assets/images/card-1.jpg" alt="">
+                <div class="dfe-card-container">
+                    <p class="govuk-body">
+                        Step-by-step guidance to help you complete your statutory returns
+                    </p>
+                </div>
+            </div>
+
+            <div class="dfe-card">
+                <img src="/assets/images/card-2.jpg" alt="">
+                <div class="dfe-card-container">
+                    <p class="govuk-body">
+                        Statuses that show where you are in the process
+                    </p>
+                </div>
+            </div>
+
+            <div class="dfe-card">
+                <img src="/assets/images/card-3.jpg" alt="">
+                <div class="dfe-card-container">
+                    <p class="govuk-body">
+                        Email notifications when something needs your attention
+                    </p>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>

src/SchoolAccount.Web.Mvc/Features/Start/StartController.cs

@@ -27,4 +27,8 @@
     <PackageReference Include="Microsoft.Azure.AppConfiguration.AspNetCore" />
     <PackageReference Include="Microsoft.IdentityModel.Protocols.OpenIdConnect" />
   </ItemGroup>
+
+  <ItemGroup>
+    <_ContentIncludedByDefault Remove="Features\Home\Home.cshtml" />
+  </ItemGroup>
 </Project>

src/SchoolAccount.Web.Mvc/Features/Start/StartViewModel.cs

@@ -7,22 +7,21 @@
 );
 
 @use 'components/dfe-header-static-sign-out';
+@use 'components/card';
 
 * {
   font-family: 'Inter', sans-serif!important;
 }
 
-.govuk-header__link .govuk-header__logotype{
+.govuk-header__link .govuk-header__logotype {
   height: 30px;
 }
 
-.govuk-header__link:focus .govuk-header__logotype{
+.govuk-header__link:focus .govuk-header__logotype {
   content: url(/images/department-for-education_black.png);
   height: 30px;
 }
 
 .govuk-width-container {
   max-width: 1140px;
-}
-
- 
+}