1 files changed, 58 insertions, 0 deletions
diff --git a/envshare/app/layout.tsx b/envshare/app/layout.tsx
new file mode 100644
index 0000000..557407d
--- /dev/null
+++ b/envshare/app/layout.tsx
@@ -0,0 +1,58 @@
+import "./globals.css";
+import { Inter } from "@next/font/google";
+import Link from "next/link";
+import { Header } from "./header";
+
+import { Analytics } from "@components/analytics";
+const inter = Inter({ subsets: ["latin"], variable: "--font-inter" });
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <html lang="en" className={inter.variable}>
+      <head />
+      <body className="relative min-h-screen bg-black bg-gradient-to-tr from-zinc-900/50 to-zinc-700/30">
+        {
+          // Not everyone will want to host envshare on Vercel, so it makes sense to make this opt-in.
+          process.env.ENABLE_VERCEL_ANALYTICS ? <Analytics /> : null
+        }
+
+        <Header />
+
+        <main className=" min-h-[80vh] ">{children}</main>
+
+        <footer className="bottom-0 border-t inset-2x-0 border-zinc-500/10">
+          <div className="flex flex-col gap-1 px-6 py-12 mx-auto text-xs text-center text-zinc-700 max-w-7xl lg:px-8">
+            <p>
+              Built by{" "}
+              <Link href="https://twitter.com/chronark_" className="font-semibold duration-150 hover:text-zinc-200">
+                @chronark_
+              </Link>
+              and{" "}
+              <Link
+                href="https://github.com/chronark/envshare/graphs/contributors"
+                className="underline duration-150 hover:text-zinc-200"
+              >
+                many others{" "}
+              </Link>
+            </p>
+            <p>
+              EnvShare is deployed on{" "}
+              <Link target="_blank" href="https://vercel.com" className="underline duration-150 hover:text-zinc-200">
+                Vercel
+              </Link>{" "}
+              and uses{" "}
+              <Link target="_blank" href="https://upstash.com" className="underline duration-150 hover:text-zinc-200">
+                Upstash
+              </Link>{" "}
+              for storing encrypted data.
+            </p>
+          </div>
+        </footer>
+      </body>
+    </html>
+  );
+}