hanzo.ai/app/(marketing)/dataroom/dataroom-client.tsx

'use client'

import { BarChart3, Book, Building2, Code, ExternalLink, Eye, Fingerprint, FolderLock, Globe, Mail, Paintbrush, Shield, Users, Webhook } from "lucide-react"
import { Github } from "@/components/brand"
import Pricing from "@/components/dataroom/Pricing"
import { Cards } from "@/components/product/ProductLanding"
import { Text } from "@hanzo/ui"
import { Aside, LINK } from "@/components/products/Aside"
import { Lede } from "@/components/products/Lede"
import { ProductFooter } from "@/components/products/ProductFooter"
import { Start } from "@/components/products/Start"

const DOCS = "https://docs.hanzo.ai/docs/cli/dataroom"
const REPO = "https://github.com/hanzoai/dataroom"

export default function DataroomClient() {
  return (
    <>
      <Lede
        badge="Secure Document Sharing"
        badgeIcon={FolderLock}
        title="Hanzo Dataroom"
        actions={[
          { label: 'Try Hanzo', href: '/login', icon: ExternalLink },
          { label: 'Documentation', href: DOCS },
        ]}
      >
        You send a link instead of an attachment, and the link keeps working for you after it leaves. Who opened
        it, which pages they read, how long they stayed on each one — and you can change your mind about access
        after the fact, which an emailed PDF never let you do.
      </Lede>

      <Cards
        grid={{
          title: 'A link you still control',
          sub: 'Every setting here is per link, so one document can be shared ten different ways.',
          items: [
            { icon: BarChart3, title: 'Page-by-page analytics', body: 'Time spent on each page, how far they got, and whether they came back. Which page an investor re-read twice tells you what the next call is about.' },
            { icon: FolderLock, title: 'Data rooms', body: 'A folder tree rather than a single file, shared as one link. Diligence is forty documents and a hundred questions, and both sides need to know what is in scope.' },
            { icon: Shield, title: 'Access controls', body: 'A password, a verified email, an NDA to accept, an expiry date, downloads off. Set them per link, so the same document can be open to one person and shut to another.' },
            { icon: Paintbrush, title: 'Custom Branding', body: 'White-label with your logo, colors, and custom domain. Present a professional experience to investors.' },
            { icon: Eye, title: 'Watermarking', body: "The viewer's own email printed across every page. It does not make a screenshot impossible; it makes an anonymous one impossible, which is the part that changes behaviour." },
            { icon: Mail, title: 'Email verification', body: 'A code to the address before the document opens. Otherwise a forwarded link is a stranger, and your analytics are counting the wrong person.' },
            { icon: Globe, title: 'Custom Domains', body: 'Use your own domain for sharing links. Build trust with a branded URL.' },
            { icon: Webhook, title: 'Webhooks', body: 'A view fires an event. Knowing someone opened the deck while you are still in the thread is worth more than knowing it on Monday.' },
            { icon: Users, title: 'Team Management', body: 'Multi-tenant workspaces with role-based access. Manage sharing across your organization.' },
            { icon: Fingerprint, title: 'SSO Authentication', body: 'Passkeys, Google, LinkedIn, SAML SSO, and Hanzo IAM single sign-on.' },
          ],
        }}
      />

      <Pricing />

      <Aside
        title="Built on Open Source"
        links={[
          { label: 'hanzoai/dataroom', href: REPO, icon: Github },
          { label: 'Upstream: mfts/papermark', href: 'https://github.com/mfts/papermark', icon: ExternalLink },
        ]}
      >
        Hanzo Dataroom is built on{' '}
        <Text render="a" {...{ href: 'https://www.papermark.io', target: '_blank', rel: 'noopener noreferrer' }} color={LINK.color}>
          Papermark
        </Text>
        , the open-source DocSend alternative. We contribute back to the community and extend it with Hanzo IAM
        integration, multi-tenant workspaces, and enterprise features.
      </Aside>

      <Cards
        grid={{
          title: 'Upload one document and send the link',
          sub: 'You will know whether it was read before you have to ask.',
          items: [
            { icon: FolderLock, title: 'Start Sharing', body: 'Share documents with real-time analytics', link: { label: 'Try Hanzo', href: '/login' } },
            { icon: Book, title: 'Documentation', body: 'Explore our guides and API references', link: { label: 'View Docs', href: DOCS } },
            { icon: Code, title: 'For Developers', body: 'Integrate document sharing into your apps', link: { label: 'View on GitHub', href: REPO } },
          ],
        }}
      />

      <Aside title="Need a Custom Solution?" links={[{ label: 'Contact Sales', href: '/contact-sales', icon: Building2 }]}>
        Our team can help you design a tailored data room setup for your fundraising or due diligence needs.
      </Aside>

      <Start title="Get started with Dataroom" docs={DOCS} repo={REPO} />
      <ProductFooter slug="dataroom" name="Dataroom" />
    </>
  )
}