diff --git a/pages/components/Layout.js b/pages/components/Layout.js
new file mode 100644
index 0000000..064e19e
--- /dev/null
+++ b/pages/components/Layout.js
@@ -0,0 +1,33 @@
+import Head from "next/head"
+import Link from "next/link"
+
+const Layout = (props) => {
+  const { title, children } = props
+  const siteTitle = "yude.jp"
+  return (
+    <div className="page">
+      <Head>
+        <title>{title ? `${title} - ${siteTitle}` : siteTitle}</title>
+        <link rel="icon" href="/static/images/favicon.ico" />
+      </Head>
+      <main>
+        {/*
+        {title ? <h1 className="page-title">{title}</h1> : ``}
+        */}
+        <div className="page-main">
+          {children}
+        </div>
+      </main>
+      
+      <style jsx global>{`
+        body {
+            text-align: center;
+        }
+        .avatar{
+            border-radius: 50%;
+        }
+      `}</style>
+    </div>
+  )
+}
+export default Layout
\ No newline at end of file
