feat: add new landing page

app/layout.tsx

@@ -1,8 +1,44 @@
 import "@/styles/globals.css";
+import { Metadata } from "next";
 import { Inter } from "next/font/google";
 
 const inter = Inter({ subsets: ["latin"] });
 
+const data = {
+  description:
+    "Papermark is an open-source document sharing infrastructure. Free alternative to Docsend with custom domain. Manage secure document sharing with real-time analytics.",
+  title: "Papermark | The Open Source DocSend Alternative",
+  url: "/",
+};
+
+export const metadata: Metadata = {
+  metadataBase: new URL("https://www.papermark.io"),
+  title: data.title,
+  description: data.description,
+  openGraph: {
+    title: data.title,
+    description: data.description,
+    url: data.url,
+    siteName: "Papermark",
+    images: [
+      {
+        url: "/_static/meta-image.png",
+        width: 800,
+        height: 600,
+      },
+    ],
+    locale: "en_US",
+    type: "website",
+  },
+  twitter: {
+    card: "summary_large_image",
+    title: data.title,
+    description: data.description,
+    creator: "@papermarkio",
+    images: ["/_static/meta-image.png"],
+  },
+};
+
 export default function RootLayout({
   children,
 }: {

components/shared/icons/producthunt.tsx

@@ -0,0 +1,23 @@
+import React from "react";
+
+function ProductHuntIcon(
+  props: React.JSX.IntrinsicAttributes & React.SVGProps<SVGSVGElement>,
+) {
+  return (
+    <svg viewBox="0 0 24 24" fill="none" {...props}>
+      <g clip-path="url(#clip0_9_7)">
+        <path
+          d="M15.2955 10.2563C15.2955 11.217 14.5125 12 13.5518 12H10.2563V8.5125H13.5518C14.5125 8.5125 15.2955 9.2955 15.2955 10.2563ZM23.625 12C23.625 18.4222 18.4215 23.625 12 23.625C5.5785 23.625 0.375 18.4215 0.375 12C0.375 5.57775 5.5785 0.375 12 0.375C18.4215 0.375 23.625 5.5785 23.625 12ZM17.6205 10.2563C17.6205 8.01075 15.7973 6.1875 13.5518 6.1875H7.93125V17.8125H10.2563V14.325H13.5518C15.7973 14.325 17.6205 12.5018 17.6205 10.2563Z"
+          fill="currentColor"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_9_7">
+          <rect width="24" height="24" fill="white" />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+}
+
+export default ProductHuntIcon;

components/web/navbar.tsx

@@ -1,10 +1,6 @@
 import Link from "next/link";
 import GitHubIcon from "@/components/shared/icons/github";
 
-function classNames(...classes: any[]) {
-  return classes.filter(Boolean).join(" ");
-}
-
 export default function Navbar() {
   return (
     <>

middleware.ts

@@ -34,6 +34,7 @@ export default async function middleware(req: NextRequest, ev: NextFetchEvent) {
 
   if (
     path !== "/" &&
+    path !== "/v1" &&
     path !== "/register" &&
     path !== "/privacy" &&
     path !== "/oss-friends" &&

pages/index.tsx → pages/v1.tsx

@@ -8,7 +8,6 @@ import Testimonials from "@/components/web/testimonials";
 import Logos from "@/components/web/logos";
 import Head from "next/head";
 import Section3 from "@/components/web/section3";
-import Banner from "@/components/web/banner-launch-week";
 
 export default function Home() {
   return (