1.0.2 Release

package.json

@@ -1,6 +1,6 @@
 {
   "name": "nextjs-project",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "private": true,
   "scripts": {
     "prepare": "husky install"

services/app/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nextjs-project",
-  "version": "0.1.0",
+  "version": "1.0.2",
   "private": true,
   "scripts": {
     "dev": "next dev",

services/app/source/02-layouts/Sidebar/sidebar.module.css

@@ -12,11 +12,11 @@
       > * {
         flex: 1 1 calc(100% - var(--sidebar-width) - var(--sidebar-gutter) * 2);
       }
-    }
 
-    @supports (display: grid) {
-      display: grid;
-      grid-template-columns: var(--sidebar-width) 1fr;
+      @supports (display: grid) {
+        display: grid;
+        grid-template-columns: var(--sidebar-width) 1fr;
+      }
     }
   }
 
@@ -26,10 +26,10 @@
         flex-basis: calc(
           100% - var(--sidebar-width) * 2 - var(--sidebar-gutter) * 3
         );
-      }
 
-      @supports (display: grid) {
-        grid-template-columns: var(--sidebar-width) 1fr var(--sidebar-width);
+        @supports (display: grid) {
+          grid-template-columns: var(--sidebar-width) 1fr var(--sidebar-width);
+        }
       }
     }
   }

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>