Create layouts for landing and content pages

Author: hasparus

website/src/app/(content-pages)/layout.tsx

@@ -0,0 +1,6 @@
+import { HiveInnerLayout } from '../../components/hive-layout/hive-inner-layout';
+import '@theguild/components/style.css';
+
+export default function RootLayout({ children }: { children: React.ReactNode }) {
+  return <HiveInnerLayout isLanding={false}>{children}</HiveInnerLayout>;
+}

website/src/app/(landing-pages)/layout.tsx

@@ -0,0 +1,6 @@
+import { HiveInnerLayout } from '../../components/hive-layout/hive-inner-layout';
+import '@theguild/components/style.css';
+
+export default function RootLayout({ children }: { children: React.ReactNode }) {
+  return <HiveInnerLayout isLanding>{children}</HiveInnerLayout>;
+}

website/src/app/layout.tsx

@@ -0,0 +1,23 @@
+import localFont from 'next/font/local';
+import { PRODUCTS } from '@theguild/components';
+import { getDefaultMetadata } from '@theguild/components/server';
+import { HiveOuterLayout } from '../components/hive-layout/hive-outer-layout';
+import '@theguild/components/style.css';
+
+export const metadata = getDefaultMetadata({
+  productName: PRODUCTS.MESH.name,
+  websiteName: PRODUCTS.MESH.name,
+  description: 'A fully-featured GraphQL gateway framework',
+});
+
+const neueMontreal = localFont({
+  src: [
+    { path: '../fonts/PPNeueMontreal-Regular.woff2', weight: '400' },
+    { path: '../fonts/PPNeueMontreal-Medium.woff2', weight: '500' },
+    { path: '../fonts/PPNeueMontreal-Medium.woff2', weight: '600' },
+  ],
+});
+
+export default function RootLayout({ children }: { children: React.ReactNode }) {
+  return <HiveOuterLayout font={neueMontreal}>{children}</HiveOuterLayout>;
+}

website/src/components/hive-layout/hive-outer-layout.tsx

@@ -7,6 +7,7 @@ export interface HiveOuterLayoutProps {
   font: NextFont;
 }
 
+// We'll promote this to Components if the reviewers (probably Dima) like the idea.
 export function HiveOuterLayout({ children, font }: HiveOuterLayoutProps) {
   return (
     <html