diff --git a/BlazorFluentUI/Components/Layout/NavMenu.razor b/BlazorFluentUI/Components/Layout/NavMenu.razor
index ff98319..bc1ff66 100644
--- a/BlazorFluentUI/Components/Layout/NavMenu.razor
+++ b/BlazorFluentUI/Components/Layout/NavMenu.razor
@@ -16,6 +16,7 @@
BodyContent
Grid
Layout
+ MainLayout
diff --git a/BlazorFluentUI/Components/Pages/LayoutMainLayout.razor b/BlazorFluentUI/Components/Pages/LayoutMainLayout.razor
new file mode 100644
index 0000000..274d779
--- /dev/null
+++ b/BlazorFluentUI/Components/Pages/LayoutMainLayout.razor
@@ -0,0 +1,28 @@
+@page "/layoutmainlayout"
+
+@rendermode RenderMode.InteractiveServer
+
+Layout
+
+
+ The FluentMainLayout
component offers a framework for a layout of a page in a site
+
+
+
+
+ A subheader here
+
+ Lorem ipsum...
+
+
+ Home
+
+
+
+
+@code {
+ bool showHeader = true;
+ bool showNavMenu = true;
+ bool showBodyContent = true;
+ bool showFooter = true;
+}