diff --git a/resources/maizzle/layouts/main.html b/resources/maizzle/layouts/main.html
new file mode 100644
index 0000000..f2b5320
--- /dev/null
+++ b/resources/maizzle/layouts/main.html
@@ -0,0 +1,41 @@
+<!DOCTYPE {{{ page.doctype || 'html' }}}>
+<html lang="{{ page.language || 'en' }}" xmlns:v="urn:schemas-microsoft-com:vml">
+<head>
+  <meta charset="{{ page.charset || 'utf-8' }}">
+  <meta name="x-apple-disable-message-reformatting">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="format-detection" content="telephone=no, date=no, address=no, email=no, url=no">
+  <meta name="color-scheme" content="light dark">
+  <meta name="supported-color-schemes" content="light dark">
+  <!--[if mso]>
+  <noscript>
+    <xml>
+      <o:OfficeDocumentSettings xmlns:o="urn:schemas-microsoft-com:office:office">
+        <o:PixelsPerInch>96</o:PixelsPerInch>
+      </o:OfficeDocumentSettings>
+    </xml>
+  </noscript>
+  <style>
+    td,th,div,p,a,h1,h2,h3,h4,h5,h6 {font-family: "Segoe UI", sans-serif; mso-line-height-rule: exactly;}
+  </style>
+  <![endif]-->
+  <if condition="page.title">
+    <title>{{{ page.title }}}</title>
+  </if>
+  <style>
+    {{{ page.css }}}
+  </style>
+  <stack name="head" />
+</head>
+<body class="m-0 p-0 w-full [word-break:break-word] [-webkit-font-smoothing:antialiased] {{ page.bodyClass || '' }}">
+  <if condition="page.preheader">
+    <div class="hidden">
+      {{{ page.preheader }}}
+      <each loop="item in Array.from(Array(150))">&#8199;&#65279;&#847; </each>
+    </div>
+  </if>
+  <div role="article" aria-roledescription="email" aria-label="{{{ page.title || '' }}}" lang="{{ page.language || 'en' }}">
+    <content />
+  </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/resources/maizzle/templates/example.html b/resources/maizzle/templates/example.html
new file mode 100644
index 0000000..5c31f8a
--- /dev/null
+++ b/resources/maizzle/templates/example.html
@@ -0,0 +1,9 @@
+---
+title: Example
+preheader: This is a preheader
+bodyClass: bg-zinc-50 dark:bg-zinc-900
+---
+
+<x-main>
+    <h1 class="text-indigo-500">Hello World</h1>
+</x-main>
