mirror of
https://github.com/hanzo-apps/dataroom.git
synced 2026-10-30 14:47:36 +00:00
zeekayandHanzo Dev
4b9f5ec872
The onboarding welcome screen led with "Papermark" above "What do you want to share today?" — the first word a new user reads, and the wrong one. The README hero banner carried upstream's positioning line too. CODEOWNERS still named the upstream author as the default owner of every path, so every pull request here requested review from someone outside the company. Co-authored-by: Hanzo Dev <[email protected]>
97 lines
3.3 KiB
TypeScript
97 lines
3.3 KiB
TypeScript
import { useRouter } from "next/router";
|
|
|
|
import { FileIcon, ServerIcon } from "lucide-react";
|
|
import { motion } from "motion/react";
|
|
|
|
import { STAGGER_CHILD_VARIANTS } from "@/lib/constants";
|
|
|
|
export default function Next() {
|
|
const router = useRouter();
|
|
return (
|
|
<motion.div
|
|
className="z-10 mx-5 flex flex-col items-center space-y-10 text-center sm:mx-auto"
|
|
variants={{
|
|
hidden: { opacity: 0, scale: 0.95 },
|
|
show: {
|
|
opacity: 1,
|
|
scale: 1,
|
|
transition: {
|
|
staggerChildren: 0.2,
|
|
},
|
|
},
|
|
}}
|
|
initial="hidden"
|
|
animate="show"
|
|
exit="hidden"
|
|
transition={{ duration: 0.3, type: "spring" }}
|
|
>
|
|
<motion.div
|
|
variants={STAGGER_CHILD_VARIANTS}
|
|
className="flex flex-col items-center space-y-10 text-center"
|
|
>
|
|
<p className="text-2xl font-bold tracking-tighter text-foreground">
|
|
Hanzo Dataroom
|
|
</p>
|
|
<h1 className="font-display max-w-md text-3xl font-semibold transition-colors sm:text-4xl">
|
|
What do you want to share today?
|
|
</h1>
|
|
</motion.div>
|
|
<motion.div
|
|
variants={STAGGER_CHILD_VARIANTS}
|
|
className="grid w-full max-w-2xl grid-cols-1 divide-y divide-border rounded-md border border-border text-foreground md:grid-cols-2 md:divide-x"
|
|
>
|
|
<button
|
|
onClick={() =>
|
|
router.push({
|
|
pathname: "/welcome",
|
|
query: {
|
|
type: "select",
|
|
},
|
|
})
|
|
}
|
|
className="flex min-h-[200px] flex-col items-center justify-center space-y-5 overflow-hidden p-5 transition-colors hover:bg-gray-200 hover:dark:bg-gray-800 md:p-10"
|
|
>
|
|
<FileIcon className="pointer-events-none h-auto w-12 sm:w-12" />
|
|
<p className="text-lg font-medium">Document</p>
|
|
<p className="text-sm text-muted-foreground">
|
|
Share a single document with page-by-page analytics
|
|
</p>
|
|
</button>
|
|
<button
|
|
onClick={() =>
|
|
router.push({
|
|
pathname: "/welcome",
|
|
query: {
|
|
type: "dataroom",
|
|
},
|
|
})
|
|
}
|
|
className="flex min-h-[200px] flex-col items-center justify-center space-y-5 overflow-hidden p-5 transition-colors hover:bg-gray-200 hover:dark:bg-gray-800 md:p-10"
|
|
>
|
|
<ServerIcon className="pointer-events-none h-auto w-12 sm:w-12" />
|
|
<p className="text-lg font-medium">Data Room</p>
|
|
<p className="text-sm text-muted-foreground">
|
|
Share multiple documents with folders and page-by-page analytics
|
|
</p>
|
|
</button>
|
|
</motion.div>
|
|
|
|
{/* <motion.div variants={STAGGER_CHILD_VARIANTS} className="text-center">
|
|
<button
|
|
className="text-center text-sm text-muted-foreground underline-offset-4 transition-all hover:text-gray-800 hover:underline hover:dark:text-muted-foreground/80"
|
|
onClick={() =>
|
|
router.push({
|
|
pathname: "/welcome",
|
|
query: {
|
|
type: "dataroom",
|
|
},
|
|
})
|
|
}
|
|
>
|
|
Sharing Data Room is possible in 7 day free trial
|
|
</button>
|
|
</motion.div> */}
|
|
</motion.div>
|
|
);
|
|
}
|