mirror of
https://github.com/hanzo-apps/dataroom.git
synced 2026-10-30 14:47:36 +00:00
zeekay
60163bce2e
108 files: README, marketing copy, page titles, meta tags, footer text, email templates, .env.example, UI strings. URLs swapped from papermark.com/papermark.io to dataroom.hanzo.ai. Internal identifiers left intact per repo policy: localStorage keys (papermark.email/papermark.name/last_papermark_login — changing them logs users out), type field names (papermarkUserId), internal helper symbols (PAPERMARK_HEADERS, PapermarkSparkle component, isPapermarkUrl helper), internal-only filenames. LLM.md retains 'Upstream: Papermark' attribution line. Per-locale .po translations regenerate from source on the next lingui-extract CI run. DB migrations untouched (append-only history; rewriting them breaks installed schemas). LICENSE stays AGPL-3.0.
103 lines
3.6 KiB
TypeScript
103 lines
3.6 KiB
TypeScript
import { useRouter } from "next/router";
|
|
|
|
import { FileTextIcon, FolderIcon, Sparkles } from "lucide-react";
|
|
import { motion } from "motion/react";
|
|
|
|
import { STAGGER_CHILD_VARIANTS } from "@/lib/constants";
|
|
|
|
export default function DataroomChoice({ dataroomId }: { dataroomId: string }) {
|
|
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">
|
|
How would you like to set up your data room?
|
|
</h1>
|
|
</motion.div>
|
|
<motion.div
|
|
variants={STAGGER_CHILD_VARIANTS}
|
|
className="grid w-full max-w-3xl grid-cols-1 divide-y divide-border rounded-md border border-border text-foreground md:grid-cols-3 md:divide-x md:divide-y-0"
|
|
>
|
|
<button
|
|
onClick={() =>
|
|
router.push({
|
|
pathname: "/welcome",
|
|
query: {
|
|
type: "dataroom-upload",
|
|
dataroomId,
|
|
},
|
|
})
|
|
}
|
|
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"
|
|
>
|
|
<FolderIcon className="pointer-events-none h-auto w-12 sm:w-12" />
|
|
<p className="text-lg font-medium">Create from Scratch</p>
|
|
<p className="text-sm text-muted-foreground">
|
|
Start with an empty data room and add documents
|
|
</p>
|
|
</button>
|
|
<button
|
|
onClick={() =>
|
|
router.push({
|
|
pathname: "/welcome",
|
|
query: {
|
|
type: "dataroom-templates",
|
|
dataroomId,
|
|
},
|
|
})
|
|
}
|
|
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"
|
|
>
|
|
<FileTextIcon className="pointer-events-none h-auto w-12 sm:w-12" />
|
|
<p className="text-lg font-medium">Use a Template</p>
|
|
<p className="text-sm text-muted-foreground">
|
|
Start with pre-configured folders for your use case
|
|
</p>
|
|
</button>
|
|
<button
|
|
onClick={() =>
|
|
router.push({
|
|
pathname: "/welcome",
|
|
query: {
|
|
type: "dataroom-ai-generate",
|
|
dataroomId,
|
|
},
|
|
})
|
|
}
|
|
className="flex min-h-[200px] flex-col items-center justify-center space-y-5 overflow-hidden p-5 transition-colors hover:bg-orange-50 hover:dark:bg-orange-900/20 md:p-10"
|
|
>
|
|
<Sparkles className="pointer-events-none h-auto w-12 sm:w-12 text-orange-500" />
|
|
<p className="text-lg font-medium text-orange-600 dark:text-orange-400">
|
|
Generate with AI
|
|
</p>
|
|
<p className="text-sm text-muted-foreground">
|
|
Let AI create a unique data room structure
|
|
</p>
|
|
</button>
|
|
</motion.div>
|
|
</motion.div>
|
|
);
|
|
}
|