diff --git a/services/app/source/04-templates/LandingPage/LandingPage.stories.tsx b/services/app/source/04-templates/LandingPage/LandingPage.stories.tsx
index 358434ab..aa229b79 100644
--- a/services/app/source/04-templates/LandingPage/LandingPage.stories.tsx
+++ b/services/app/source/04-templates/LandingPage/LandingPage.stories.tsx
@@ -1,7 +1,7 @@
 import { Meta, StoryObj } from '@storybook/react';
 import React from 'react';
-import { WYSIWYG } from '../../03-components/Wysiwyg/Wysiwyg.stories';
 import LandingPageTemplate from './LandingPage';
+import SampleContent from '../../06-utility/storybook/SampleContent';
 
 const meta: Meta<typeof LandingPageTemplate> = {
   title: 'Templates/Landing Page',
@@ -11,11 +11,12 @@ const meta: Meta<typeof LandingPageTemplate> = {
 const LandingPage: StoryObj<typeof LandingPageTemplate> = {
   render: args => (
     <LandingPageTemplate {...args}>
-      {WYSIWYG.render && <WYSIWYG.render {...WYSIWYG.args} />}
+      <SampleContent>Main page content</SampleContent>
     </LandingPageTemplate>
   ),
   args: {
     title: 'Landing Page Title',
+    hidePageTitle: false,
   },
 };
 
diff --git a/services/app/source/04-templates/Page/Page.stories.tsx b/services/app/source/04-templates/Page/Page.stories.tsx
index d4185f84..88be33b9 100644
--- a/services/app/source/04-templates/Page/Page.stories.tsx
+++ b/services/app/source/04-templates/Page/Page.stories.tsx
@@ -1,8 +1,7 @@
 import { Meta, StoryObj } from '@storybook/react';
 import React from 'react';
-import { Breadcrumb } from '../../03-components/Breadcrumb/Breadcrumb.stories';
-import { WYSIWYG } from '../../03-components/Wysiwyg/Wysiwyg.stories';
 import PageTemplate from './Page';
+import SampleContent from '../../06-utility/storybook/SampleContent';
 
 const meta: Meta<typeof PageTemplate> = {
   title: 'Templates/Page',
@@ -12,13 +11,11 @@ const meta: Meta<typeof PageTemplate> = {
 const Page: StoryObj<typeof PageTemplate> = {
   render: args => (
     <PageTemplate {...args}>
-      {WYSIWYG.render && <WYSIWYG.render {...WYSIWYG.args} />}
+      <SampleContent>Main page content</SampleContent>
     </PageTemplate>
   ),
   args: {
-    preContent: Breadcrumb.render ? (
-      <Breadcrumb.render {...Breadcrumb.args} />
-    ) : undefined,
+    preContent: <SampleContent>Pre-content area</SampleContent>,
     title: 'Page Title',
   },
 };
diff --git a/services/app/source/05-pages/Page.stories.tsx b/services/app/source/05-pages/Page.stories.tsx
index 62131ad2..95e40447 100644
--- a/services/app/source/05-pages/Page.stories.tsx
+++ b/services/app/source/05-pages/Page.stories.tsx
@@ -1,7 +1,9 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { PageProps } from '../04-templates/Page/Page';
-import { Page as PageStory } from '../04-templates/Page/Page.stories';
+import PageTemplate, { PageProps } from '../04-templates/Page/Page';
 import PageWrapper from './page-wrappers/default';
+import { Breadcrumb } from '../03-components/Breadcrumb/Breadcrumb.stories';
+import React from 'react';
+import { WYSIWYG } from '../03-components/Wysiwyg/Wysiwyg.stories';
 
 interface PageStoryArgs {
   page: PageProps;
@@ -14,14 +16,18 @@ const settings: Meta<PageStoryArgs> = {
 const Page: StoryObj<PageStoryArgs> = {
   render: args => (
     <PageWrapper>
-      {PageStory.render && <PageStory.render {...args.page} />}
+      <PageTemplate {...args.page} />
     </PageWrapper>
   ),
-};
-Page.args = {
-  page: {
-    ...PageStory.args,
-    title: 'Page title',
+  args: {
+    page: {
+      preContent: Breadcrumb.render ? (
+        <Breadcrumb.render {...Breadcrumb.args} />
+      ) : undefined,
+      title: 'Page Title',
+      description: 'Demo basic page in Storybook',
+      children: WYSIWYG.render && <WYSIWYG.render {...WYSIWYG.args} />,
+    },
   },
 };