1 files changed, 50 insertions, 0 deletions
diff --git a/envshare/app/page.tsx b/envshare/app/page.tsx
new file mode 100644
index 0000000..ba659ca
--- /dev/null
+++ b/envshare/app/page.tsx
@@ -0,0 +1,50 @@
+import Link from "next/link";
+import { Stats } from "./components/stats";
+import { Testimonials } from "./components/testimony";
+
+export default function Home() {
+  return (
+    <div className="flex flex-col gap-8 pb-8 md:gap-16 md:pb-16 xl:pb-24">
+      <div className="flex flex-col items-center justify-center max-w-3xl px-8 mx-auto mt-8 sm:min-h-screen sm:mt-0 sm:px-0">
+        <div className="hidden sm:mb-8 sm:flex sm:justify-center">
+          <Link
+            href="https://github.com/chronark/envshare"
+            className="text-zinc-400 relative overflow-hidden rounded-full py-1.5 px-4 text-sm leading-6 ring-1 ring-zinc-100/10 hover:ring-zinc-100/30 duration-150"
+          >
+            EnvShare is Open Source on{" "}
+            <span className="font-semibold text-zinc-200">
+              GitHub <span aria-hidden="true">&rarr;</span>
+            </span>
+          </Link>
+        </div>
+        <div>
+          <h1 className="py-4 text-5xl font-bold tracking-tight text-center text-transparent bg-gradient-to-t bg-clip-text from-zinc-100/50 to-white sm:text-7xl">
+            Share Environment Variables Securely
+          </h1>
+          <p className="mt-6 leading-5 text-zinc-600 sm:text-center">
+            Your document is encrypted in your browser before being stored for a limited period of time and read
+            operations. Unencrypted data never leaves your browser.
+          </p>
+          <div className="flex flex-col justify-center gap-4 mx-auto mt-8 sm:flex-row sm:max-w-lg ">
+            <Link
+              href="/deploy"
+              className="sm:w-1/2 sm:text-center inline-block space-x-2 rounded px-4 py-1.5 md:py-2 text-base font-semibold leading-7 text-white  ring-1 ring-zinc-600 hover:bg-white hover:text-zinc-900 duration-150 hover:ring-white hover:drop-shadow-cta"
+            >
+              Deploy
+            </Link>
+            <Link
+              href="/share"
+              className="sm:w-1/2 sm:text-center inline-block transition-all space-x-2  rounded px-4 py-1.5 md:py-2 text-base font-semibold leading-7 text-zinc-800   bg-zinc-50 ring-1 ring-transparent hover:text-zinc-100 hover:ring-zinc-600/80  hover:bg-zinc-900/20 duration-150 hover:drop-shadow-cta"
+            >
+              <span>Share</span>
+              <span aria-hidden="true">&rarr;</span>
+            </Link>
+          </div>
+        </div>
+      </div>
+      <h2 className="py-4 text-3xl font-bold text-center text-zinc-300 ">Used and trusted by a growing community</h2>
+      <Stats />
+      <Testimonials />
+    </div>
+  );
+}