added landing page template story

services/app/source/04-templates/LandingPage/LandingPage.stories.tsx

@@ -0,0 +1,23 @@
+import { Meta, StoryObj } from '@storybook/react';
+import React from 'react';
+import { WYSIWYG } from '../../03-components/Wysiwyg/Wysiwyg.stories';
+import LandingPageTemplate from './LandingPage';
+
+const meta: Meta<typeof LandingPageTemplate> = {
+  title: 'Templates/Landing Page',
+  component: LandingPageTemplate,
+};
+
+const LandingPage: StoryObj<typeof LandingPageTemplate> = {
+  render: args => (
+    <LandingPageTemplate {...args}>
+      {WYSIWYG.render && <WYSIWYG.render {...WYSIWYG.args} />}
+    </LandingPageTemplate>
+  ),
+  args: {
+    title: 'Landing Page Title',
+  },
+};
+
+export default meta;
+export { LandingPage };

services/app/source/04-templates/LandingPage/LandingPage.tsx

@@ -2,17 +2,20 @@ import Head from 'next/head';
 import { ReactNode } from 'react';
 import { MAIN_ID } from '../../00-config/constants';
 import Main from '../../02-layouts/Main/Main';
+import PageTitle from '../../03-components/PageTitle/PageTitle';
 
 interface PageProps {
   mainId?: string;
   title: string;
+  hidePageTitle?: boolean;
   description?: string;
   children?: ReactNode;
 }
 
 function LandingPage({
   mainId = MAIN_ID,
   title,
+  hidePageTitle,
   description,
   children,
 }: PageProps): JSX.Element {
@@ -22,7 +25,10 @@ function LandingPage({
         <title>{title}</title>
         {description && <meta name="description" content={description} />}
       </Head>
-      <Main id={mainId}>{children}</Main>
+      <Main id={mainId}>
+        {!hidePageTitle && title && <PageTitle pageTitle={title} />}
+        {children}
+      </Main>
     </>
   );
 }

services/app/source/05-pages/Homepage.stories.tsx

@@ -22,7 +22,7 @@ const settings: Meta<HomepageStoryArgs> = {
 const Homepage: StoryObj<HomepageStoryArgs> = {
   render: args => (
     <PageWrapper>
-      <LandingPage title="Homepage">
+      <LandingPage title="Homepage" hidePageTitle={true}>
         <Section>
           <HeroBgImage {...args.hero} />
         </Section>