Feature landings (#611)

* Add landing pages for each major feature

* Update main landing page

README.md

@@ -8,29 +8,10 @@
 
 💵 [Premium Options Available](https://thunderdome.dev/subscriptions/pricing)
 
-## Remote team collaboration with agile story pointing, sprint retrospective, story mapping and async team check-in.
+## Remote team collaboration with agile poker planning, sprint retrospectives, user story mapping and async team stand-ups (checkins).
 
 ![image](docs/img/main_preview.png)
 
-## Streamline your team's agile stand-up with Team Checkins
-
-Instead of spending time discussing what you did yesterday and what you're going to do today, focus on Blockers and
-other more critical details.
-
-![image](https://user-images.githubusercontent.com/846933/146627094-1f31a277-a454-4fd1-b707-ecb95559e9ad.png)
-
-## Agile Sprint Retrospective
-
-Realtime agile sprint retrospectives with grouping, voting, and action items.
-
-![image](https://user-images.githubusercontent.com/846933/173260209-3ef3299f-f1b2-41e8-802f-17d40649c66d.png)
-
-## Agile Feature Story Mapping
-
-Realtime agile feature story mapping with goals, columns, stories and more!
-
-![image](https://user-images.githubusercontent.com/846933/173260211-304a973d-4ede-494f-bb7d-b7e5c86a4e6e.png)
-
 # Running in production
 
 ## Use latest docker image

e2e/tests/admin/admin.spec.ts

@@ -20,9 +20,7 @@ test.describe("Admin page", () => {
       await adminPage.goto();
 
       const title = adminPage.page.locator("h1");
-      await expect(title).toHaveText(
-        "Thunderdome is an Agile Planning Poker app",
-      );
+      await expect(title).toHaveText("Thunderdome: Empower Your Agile Teams");
     });
   });
 
@@ -33,9 +31,7 @@ test.describe("Admin page", () => {
       await adminPage.goto();
 
       const title = adminPage.page.locator("h1");
-      await expect(title).toHaveText(
-        "Thunderdome is an Agile Planning Poker app",
-      );
+      await expect(title).toHaveText("Thunderdome: Empower Your Agile Teams");
     });
   });
 

e2e/tests/admin/alerts.spec.ts

@@ -20,9 +20,7 @@ test.describe("The Admin Alerts Page", () => {
       await adminPage.goto();
 
       const title = adminPage.page.locator("h1");
-      await expect(title).toHaveText(
-        "Thunderdome is an Agile Planning Poker app",
-      );
+      await expect(title).toHaveText("Thunderdome: Empower Your Agile Teams");
     });
   });
 
@@ -33,9 +31,7 @@ test.describe("The Admin Alerts Page", () => {
       await adminPage.goto();
 
       const title = adminPage.page.locator("h1");
-      await expect(title).toHaveText(
-        "Thunderdome is an Agile Planning Poker app",
-      );
+      await expect(title).toHaveText("Thunderdome: Empower Your Agile Teams");
     });
   });
 

e2e/tests/admin/apikeys.spec.ts

@@ -20,9 +20,7 @@ test.describe("The Admin API Keys Page", () => {
       await adminPage.goto();
 
       const title = adminPage.page.locator("h1");
-      await expect(title).toHaveText(
-        "Thunderdome is an Agile Planning Poker app",
-      );
+      await expect(title).toHaveText("Thunderdome: Empower Your Agile Teams");
     });
   });
 
@@ -33,9 +31,7 @@ test.describe("The Admin API Keys Page", () => {
       await adminPage.goto();
 
       const title = adminPage.page.locator("h1");
-      await expect(title).toHaveText(
-        "Thunderdome is an Agile Planning Poker app",
-      );
+      await expect(title).toHaveText("Thunderdome: Empower Your Agile Teams");
     });
   });
 

e2e/tests/admin/department.spec.ts

@@ -26,9 +26,7 @@ test.describe("The Admin Department Page", () => {
       );
 
       const title = adminPage.page.locator("h1");
-      await expect(title).toHaveText(
-        "Thunderdome is an Agile Planning Poker app",
-      );
+      await expect(title).toHaveText("Thunderdome: Empower Your Agile Teams");
     });
   });
 
@@ -42,9 +40,7 @@ test.describe("The Admin Department Page", () => {
       );
 
       const title = adminPage.page.locator("h1");
-      await expect(title).toHaveText(
-        "Thunderdome is an Agile Planning Poker app",
-      );
+      await expect(title).toHaveText("Thunderdome: Empower Your Agile Teams");
     });
   });
 

e2e/tests/admin/organization.spec.ts

@@ -20,9 +20,7 @@ test.describe("The Admin Organization Page", () => {
       await adminPage.goto("bbaf82ef-a2d3-4e9a-b824-5e56a03ac3aa");
 
       const title = adminPage.page.locator("h1");
-      await expect(title).toHaveText(
-        "Thunderdome is an Agile Planning Poker app",
-      );
+      await expect(title).toHaveText("Thunderdome: Empower Your Agile Teams");
     });
   });
 
@@ -33,9 +31,7 @@ test.describe("The Admin Organization Page", () => {
       await adminPage.goto("bbaf82ef-a2d3-4e9a-b824-5e56a03ac3aa");
 
       const title = adminPage.page.locator("h1");
-      await expect(title).toHaveText(
-        "Thunderdome is an Agile Planning Poker app",
-      );
+      await expect(title).toHaveText("Thunderdome: Empower Your Agile Teams");
     });
   });
 

e2e/tests/admin/organizations.spec.ts

@@ -20,9 +20,7 @@ test.describe("The Admin Organizations Page", () => {
       await adminPage.goto();
 
       const title = adminPage.page.locator("h1");
-      await expect(title).toHaveText(
-        "Thunderdome is an Agile Planning Poker app",
-      );
+      await expect(title).toHaveText("Thunderdome: Empower Your Agile Teams");
     });
   });
 
@@ -33,9 +31,7 @@ test.describe("The Admin Organizations Page", () => {
       await adminPage.goto();
 
       const title = adminPage.page.locator("h1");
-      await expect(title).toHaveText(
-        "Thunderdome is an Agile Planning Poker app",
-      );
+      await expect(title).toHaveText("Thunderdome: Empower Your Agile Teams");
     });
   });
 

e2e/tests/admin/poker-games.spec.ts

@@ -20,9 +20,7 @@ test.describe("The Admin Poker Games Page", () => {
       await adminPage.goto();
 
       const title = adminPage.page.locator("h1");
-      await expect(title).toHaveText(
-        "Thunderdome is an Agile Planning Poker app",
-      );
+      await expect(title).toHaveText("Thunderdome: Empower Your Agile Teams");
     });
   });
 
@@ -33,9 +31,7 @@ test.describe("The Admin Poker Games Page", () => {
       await adminPage.goto();
 
       const title = adminPage.page.locator("h1");
-      await expect(title).toHaveText(
-        "Thunderdome is an Agile Planning Poker app",
-      );
+      await expect(title).toHaveText("Thunderdome: Empower Your Agile Teams");
     });
   });
 

e2e/tests/admin/team.spec.ts

@@ -20,9 +20,7 @@ test.describe("The Admin Team Page", () => {
       await adminPage.goto("bbaf82ef-a2d3-4e9a-b824-5e56a03ac3aa");
 
       const title = adminPage.page.locator("h1");
-      await expect(title).toHaveText(
-        "Thunderdome is an Agile Planning Poker app",
-      );
+      await expect(title).toHaveText("Thunderdome: Empower Your Agile Teams");
     });
   });
 
@@ -33,9 +31,7 @@ test.describe("The Admin Team Page", () => {
       await adminPage.goto("bbaf82ef-a2d3-4e9a-b824-5e56a03ac3aa");
 
       const title = adminPage.page.locator("h1");
-      await expect(title).toHaveText(
-        "Thunderdome is an Agile Planning Poker app",
-      );
+      await expect(title).toHaveText("Thunderdome: Empower Your Agile Teams");
     });
   });
 

e2e/tests/admin/teams.spec.ts

@@ -20,9 +20,7 @@ test.describe("The Admin Teams Page", () => {
       await adminPage.goto();
 
       const title = adminPage.page.locator("h1");
-      await expect(title).toHaveText(
-        "Thunderdome is an Agile Planning Poker app",
-      );
+      await expect(title).toHaveText("Thunderdome: Empower Your Agile Teams");
     });
   });
 
@@ -33,9 +31,7 @@ test.describe("The Admin Teams Page", () => {
       await adminPage.goto();
 
       const title = adminPage.page.locator("h1");
-      await expect(title).toHaveText(
-        "Thunderdome is an Agile Planning Poker app",
-      );
+      await expect(title).toHaveText("Thunderdome: Empower Your Agile Teams");
     });
   });
 

e2e/tests/admin/users.spec.ts

@@ -20,9 +20,7 @@ test.describe("The Admin Users Page", () => {
       await adminPage.goto();
 
       const title = adminPage.page.locator("h1");
-      await expect(title).toHaveText(
-        "Thunderdome is an Agile Planning Poker app",
-      );
+      await expect(title).toHaveText("Thunderdome: Empower Your Agile Teams");
     });
   });
 
@@ -33,9 +31,7 @@ test.describe("The Admin Users Page", () => {
       await adminPage.goto();
 
       const title = adminPage.page.locator("h1");
-      await expect(title).toHaveText(
-        "Thunderdome is an Agile Planning Poker app",
-      );
+      await expect(title).toHaveText("Thunderdome: Empower Your Agile Teams");
     });
   });
 

e2e/tests/landing.spec.ts

@@ -6,5 +6,5 @@ test.beforeEach(async ({ page }) => {
 
 test("Landing Page", async ({ page }) => {
   const title = page.locator("h1");
-  await expect(title).toHaveText("Thunderdome is an Agile Planning Poker app");
+  await expect(title).toHaveText("Thunderdome: Empower Your Agile Teams");
 });

e2e/tests/poker-games.spec.ts

@@ -6,12 +6,12 @@ const pageTitle = "My Games";
 
 test.describe("Poker Games page", () => {
   test.describe("Unauthenticated user", () => {
-    test("redirects to login", async ({ page }) => {
+    test("displays poker landing page", async ({ page }) => {
       const battlesPage = new PokerGamesPage(page);
       await battlesPage.goto();
 
-      const loginForm = battlesPage.page.locator('form[name="login"]');
-      await expect(loginForm).toBeVisible();
+      const title = battlesPage.page.locator("h1");
+      await expect(title).toHaveText("Agile Poker Planning with Thunderdome");
     });
   });
 

e2e/tests/profile.spec.ts

@@ -357,7 +357,7 @@ test.describe("User Profile page", () => {
 
     // should be on landing page and no longer authenticated
     await expect(profilePage.page.locator("h1")).toHaveText(
-      "Thunderdome is an Agile Planning Poker app",
+      "Thunderdome: Empower Your Agile Teams",
     );
     await expect(
       profilePage.page.locator("data-testid=usernav-name"),
@@ -383,7 +383,7 @@ test.describe("User Profile page", () => {
 
     // should be on landing page and no longer authenticated
     await expect(profilePage.page.locator("h1")).toHaveText(
-      "Thunderdome is an Agile Planning Poker app",
+      "Thunderdome: Empower Your Agile Teams",
     );
     await expect(
       profilePage.page.locator("data-testid=usernav-name"),

e2e/tests/retros.spec.ts

@@ -6,12 +6,12 @@ const pageTitle = "My Retros";
 
 test.describe("Retros page", () => {
   test.describe("Unauthenticated user", () => {
-    test("redirects to login", async ({ page }) => {
+    test("displays retrospective landing page", async ({ page }) => {
       const retrosPage = new RetrosPage(page);
       await retrosPage.goto();
 
-      const loginForm = retrosPage.page.locator('form[name="login"]');
-      await expect(loginForm).toBeVisible();
+      const title = retrosPage.page.locator("h1");
+      await expect(title).toHaveText("Sprint Retrospectives with Thunderdome");
     });
   });
 

e2e/tests/storyboards.spec.ts

@@ -6,12 +6,12 @@ const pageTitle = "My Storyboards";
 
 test.describe("Storyboards page", () => {
   test.describe("Unauthenticated user", () => {
-    test("redirects to login", async ({ page }) => {
+    test("displays storyboard landing page", async ({ page }) => {
       const storyboardsPage = new StoryboardsPage(page);
       await storyboardsPage.goto();
 
-      const loginForm = storyboardsPage.page.locator('form[name="login"]');
-      await expect(loginForm).toBeVisible();
+      const title = storyboardsPage.page.locator("h1");
+      await expect(title).toHaveText("Story Mapping with Thunderdome");
     });
   });
 

ui/src/App.svelte

@@ -17,8 +17,8 @@
   import GlobalAlerts from './components/alert/GlobalAlerts.svelte';
   import GlobalFooter from './components/global/GlobalFooter.svelte';
   import Landing from './pages/Landing.svelte';
-  import Battles from './pages/poker/PokerGames.svelte';
   import Battle from './pages/poker/PokerGame.svelte';
+  import Battles from './pages/poker/PokerGames.svelte';
   import Retros from './pages/retro/Retros.svelte';
   import Retro from './pages/retro/Retro.svelte';
   import Storyboards from './pages/storyboard/Storyboards.svelte';
@@ -61,6 +61,9 @@
   import Support from './pages/support/Support.svelte';
   import { loadLocale } from './i18n/i18n-util.sync';
   import Invite from './pages/team/Invite.svelte';
+  import RetroLanding from './pages/retro/RetroLanding.svelte';
+  import PokerLanding from './pages/poker/PokerLanding.svelte';
+  import StoryboardLanding from './pages/storyboard/StoryboardLanding.svelte';
 
   const {
     FeaturePoker,
@@ -415,7 +418,7 @@
     });
     router.on(appRoutes.games, () => {
       currentPage = {
-        route: Battles,
+        route: $user.id ? Battles : PokerLanding,
         params: {},
         name: 'battles',
       };
@@ -473,7 +476,7 @@
   if (FeatureRetro) {
     router.on(appRoutes.retros, () => {
       currentPage = {
-        route: Retros,
+        route: $user.id ? Retros : RetroLanding,
         params: {},
         name: 'retros',
       };
@@ -518,7 +521,7 @@
   if (FeatureStoryboard) {
     router.on(appRoutes.storyboards, () => {
       currentPage = {
-        route: Storyboards,
+        route: $user.id ? Storyboards : StoryboardLanding,
         params: {},
         name: 'storyboards',
       };