> ## Documentation Index
> Fetch the complete documentation index at: https://docs.nexotc.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Welcome

> Deal Orchestration and Settlement for Private Markets.

export const appCategories = [{
  id: 'product',
  label: 'Product',
  items: [{
    id: 'platform-overview',
    title: 'Platform Overview',
    desc: 'Start here for capabilities and operating model.',
    icon: 'https://mintlify-assets.b-cdn.net/tail-icon.svg',
    image: {
      light: 'https://mintlify-assets.b-cdn.net/aspen-home.svg',
      dark: 'https://mintlify-assets.b-cdn.net/aspen-home.svg'
    },
    href: '/product/platform-overview'
  }, {
    id: 'deal-orchestration-layer',
    title: 'Deal Orchestration Layer',
    desc: 'Participant flow, sequencing, and checkpoints.',
    icon: 'https://mintlify-assets.b-cdn.net/smart-light.svg',
    image: {
      light: 'https://mintlify-assets.b-cdn.net/aspen-home.svg',
      dark: 'https://mintlify-assets.b-cdn.net/aspen-home.svg'
    },
    href: '/product/deal-orchestration-layer'
  }, {
    id: 'allocation-engine',
    title: 'Allocation Engine',
    desc: 'Allocation logic for raises and negotiated placements.',
    icon: 'https://mintlify-assets.b-cdn.net/neural-light.svg',
    image: {
      light: 'https://mintlify-assets.b-cdn.net/aspen-home.svg',
      dark: 'https://mintlify-assets.b-cdn.net/aspen-home.svg'
    },
    href: '/product/allocation-engine'
  }]
}, {
  id: 'workflows',
  label: 'Workflows',
  items: [{
    id: 'workflows-overview',
    title: 'Workflows Overview',
    desc: 'Understand lifecycle from initiation to settlement.',
    icon: 'https://mintlify-assets.b-cdn.net/anchor-light.svg',
    image: {
      light: 'https://mintlify-assets.b-cdn.net/aspen-home.svg',
      dark: 'https://mintlify-assets.b-cdn.net/aspen-home.svg'
    },
    href: '/workflows/overview'
  }, {
    id: 'otc-p2p',
    title: 'OTC P2P',
    desc: 'Bilateral execution and settlement workflow.',
    icon: 'https://mintlify-assets.b-cdn.net/broom-light.svg',
    image: {
      light: 'https://mintlify-assets.b-cdn.net/aspen-home.svg',
      dark: 'https://mintlify-assets.b-cdn.net/aspen-home.svg'
    },
    href: '/workflows/otc-p2p'
  }, {
    id: 'syndicate-raises',
    title: 'Syndicate Raises',
    desc: 'Multi-party raise coordination and allocation paths.',
    icon: 'https://mintlify-assets.b-cdn.net/smart-light.svg',
    image: {
      light: 'https://mintlify-assets.b-cdn.net/aspen-home.svg',
      dark: 'https://mintlify-assets.b-cdn.net/aspen-home.svg'
    },
    href: '/workflows/syndicate-raises'
  }]
}, {
  id: 'compliance',
  label: 'Compliance',
  items: [{
    id: 'compliance-overview',
    title: 'Compliance Overview',
    desc: 'Readiness controls and operational policy entrypoint.',
    icon: 'https://mintlify-assets.b-cdn.net/neural-light.svg',
    image: {
      light: 'https://mintlify-assets.b-cdn.net/aspen-home.svg',
      dark: 'https://mintlify-assets.b-cdn.net/aspen-home.svg'
    },
    href: '/compliance/overview'
  }, {
    id: 'verification-deal-readiness',
    title: 'Verification & Deal Readiness',
    desc: 'Verification checkpoints before deal execution.',
    icon: 'https://mintlify-assets.b-cdn.net/anchor-light.svg',
    image: {
      light: 'https://mintlify-assets.b-cdn.net/aspen-home.svg',
      dark: 'https://mintlify-assets.b-cdn.net/aspen-home.svg'
    },
    href: '/compliance/verification-deal-readiness'
  }]
}, {
  id: 'integrations',
  label: 'Integrations',
  items: [{
    id: 'integrations-overview',
    title: 'Integrations Overview',
    desc: 'Identity, custody, and reporting integration map.',
    icon: 'https://mintlify-assets.b-cdn.net/tail-icon.svg',
    image: {
      light: 'https://mintlify-assets.b-cdn.net/aspen-home.svg',
      dark: 'https://mintlify-assets.b-cdn.net/aspen-home.svg'
    },
    href: '/integrations/overview'
  }, {
    id: 'identity-aml',
    title: 'Identity & AML',
    desc: 'Identity and AML provider integration guidance.',
    icon: 'https://mintlify-assets.b-cdn.net/smart-light.svg',
    image: {
      light: 'https://mintlify-assets.b-cdn.net/aspen-home.svg',
      dark: 'https://mintlify-assets.b-cdn.net/aspen-home.svg'
    },
    href: '/integrations/identity-aml'
  }]
}, {
  id: 'partners',
  label: 'Partners',
  items: [{
    id: 'partner-program',
    title: 'Partner Program',
    desc: 'Program structure for channel and solution partners.',
    icon: 'https://mintlify-assets.b-cdn.net/broom-light.svg',
    image: {
      light: 'https://mintlify-assets.b-cdn.net/aspen-home.svg',
      dark: 'https://mintlify-assets.b-cdn.net/aspen-home.svg'
    },
    href: '/partners/partner-program'
  }, {
    id: 'private-instances',
    title: 'Private Instances',
    desc: 'Deployment model for controlled partner environments.',
    icon: 'https://mintlify-assets.b-cdn.net/neural-light.svg',
    image: {
      light: 'https://mintlify-assets.b-cdn.net/aspen-home.svg',
      dark: 'https://mintlify-assets.b-cdn.net/aspen-home.svg'
    },
    href: '/partners/private-instances'
  }]
}];

export const ProductTiles = ({categories, hideButtons = false}) => {
  const [activeCategory, setActiveCategory] = useState(categories[0].id);
  const [activeSubTab, setActiveSubTab] = useState(categories[0].items[0]?.id ?? null);
  const currentCategory = categories.find(cat => cat.id === activeCategory);
  const currentSub = currentCategory?.items.find(item => item.id === activeSubTab);
  return <div className="not-prose space-y-6">
    {!hideButtons && <div className="flex flex-wrap gap-2">
        {categories.map(cat => <button key={cat.id} onClick={() => {
    setActiveCategory(cat.id);
    setActiveSubTab(cat.items[0]?.id ?? null);
  }} className={`px-4 py-2 text-sm rounded-full font-medium transition-colors ${activeCategory === cat.id ? 'bg-[#0A0B0D] text-white dark:bg-white dark:text-[#0A0B0D] border-black' : 'bg-gray-100 dark:bg-white/10 text-black dark:text-white'}`}>
            {cat.label}
          </button>)}
      </div>}

      <div>
        {currentCategory?.items?.length ? <div className="flex flex-col lg:flex-row gap-6 bg-gray-100 dark:bg-[#141414] rounded-2xl">
            <div className="flex flex-col w-full lg:w-1/2 space-y-2 p-4">
              {currentCategory.items.map(item => <a key={item.id} href={item.href} onMouseOver={() => setActiveSubTab(item.id)} className={`flex items-start gap-1.5 text-left px-5 py-3 rounded-2xl transition-all ${activeSubTab === item.id ? 'bg-white dark:bg-white/5' : ''}`}>
                  <div className="text-xl mr-3 mt-1"><img src={item.icon} alt={item.title} className="w-8 h-8" /></div>
                  <div className="flex-1">
                    <h3 className="font-medium text-base text-black dark:text-white">
                      {item.title}
                    </h3>
                    <p className="text-sm text-gray-600 dark:text-gray-400">{item.desc}</p>
                  </div>
                  <div className={`flex items-center justify-center min-w-[24px] self-center ${activeSubTab === item.id ? 'opacity-100' : 'opacity-0'}`}>
                    <div className="hidden dark:block">
                      <Icon icon="chevron-right" size="14" color="#FFF" />
                    </div>
                    <div className="block dark:hidden">
                      <Icon icon="chevron-right" size="14" color="#0A0B0D" />
                    </div>
                  </div>
                </a>)}
            </div>
            <div className="group w-full h-fit lg:w-1/2 rounded-2xl flex items-center justify-center overflow-hidden min-h-[320px] p-4">
              {currentSub?.image ? <>
                <img src={currentSub.image.light} alt={currentSub.title} className="block dark:hidden w-full h-full object-cover rounded-xl" />
                <img src={currentSub.image.dark} alt={currentSub.title} className="hidden dark:block w-full h-full object-cover rounded-xl" />
              </> : <p className="text-gray-400 dark:text-gray-500 p-8">No preview available</p>}
            </div>
          </div> : <p className="text-sm text-gray-500 dark:text-gray-400">
            No features available for this category.
          </p>}
      </div>
    </div>;
};

export const Title = ({children}) => {
  return <div className="text-gray-900 dark:text-gray-200 text-2xl tracking-tight">
      {children}
    </div>;
};

export const Container = ({children}) => {
  return <div className="px-4 lg:px-10 py-14">
      {children}
    </div>;
};

<div className="px-5 divide-y divide-gray-100 dark:divide-white/10">
  <Container>
    <div className="w-full flex flex-col">
      <div className="flex flex-col items-start justify-center w-full max-w-4xl text-left">
        <div className="text-gray-900 dark:text-gray-200 text-4xl tracking-tight">
          NexOTC Docs
        </div>

        <p className="text-md text-gray-600 dark:text-gray-400 text-left mt-3 mb-4">
          Deal Orchestration and Settlement for Private Markets.
        </p>

        <div className="flex flex-row gap-4 mt-5">
          <a href="/overview/what-is-nexotc">
            <button type="button" className="px-5 flex items-center font-medium text-sm rounded-full py-2 shadow-sm text-white dark:text-gray-900 bg-primary-dark dark:bg-primary-light hover:opacity-[0.9] hover:bg-primary justify-center">
              Get Started

              <svg
                className="size-3 ml-2 bg-white dark:bg-gray-900"
                style={{
              maskImage: 'url("https://mintlify.b-cdn.net/solid/arrow-right-long.svg")',
              maskRepeat: 'no-repeat',
              maskPosition: 'center center'
            }}
              />
            </button>
          </a>

          <button type="button" aria-disabled="true" disabled className="px-5 flex items-center font-medium text-sm rounded-full py-2 shadow-sm text-gray-500 dark:text-gray-400 border border-gray-300 dark:border-white/20 opacity-60 cursor-not-allowed justify-center" title="API Reference is coming soon">
            API Reference (Coming Soon)
          </button>
        </div>
      </div>
    </div>
  </Container>

  <Container>
    <div className="flex flex-col w-full mb-8">
      <div className="flex items-center justify-between w-full">
        <Title>Explore Product & Workflows</Title>
      </div>

      <p className="text-[#5B616E] dark:text-gray-300 text-md mb-1 mt-3">
        Use this hub to jump into the most important pages across Guides.
      </p>
    </div>

    <ProductTiles categories={appCategories} />
  </Container>

  <Container>
    <div className="flex flex-col w-full mb-5">
      <Title>Resources</Title>
    </div>

    <Columns cols={3}>
      <Card title="Glossary" icon={<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="12" fill="#D69900"/><path d="M7.5 7.5H16.5V16.5H7.5V7.5ZM9 9V15H15V9H9Z" fill="white"/></svg>} href="/resources/glossary">
        Reference terms and definitions used throughout NexOTC documentation.
      </Card>

      <Card title="Roadmap" icon={<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.6665 4.66667C7.1145 4.66667 6.6665 4.21867 6.6665 3.66667V1C6.6665 0.448 7.1145 0 7.6665 0C8.2185 0 8.6665 0.448 8.6665 1V3.66667C8.6665 4.21867 8.2185 4.66667 7.6665 4.66667Z" fill="#D69900"/><path d="M16.3335 4.66667C15.7815 4.66667 15.3335 4.21867 15.3335 3.66667V1C15.3335 0.448 15.7815 0 16.3335 0C16.8855 0 17.3335 0.448 17.3335 1V3.66667C17.3335 4.21867 16.8855 4.66667 16.3335 4.66667Z" fill="#D69900"/><path d="M18.3333 2.66663H5.66667C3.644 2.66663 2 4.31063 2 6.33329V17.6666C2 19.6893 3.644 21.3333 5.66667 21.3333H18.3333C20.356 21.3333 22 19.6893 22 17.6666V6.33329C22 4.31063 20.356 2.66663 18.3333 2.66663ZM18.3333 19.3333H5.66667C4.748 19.3333 4 18.5853 4 17.6666V9.33329H20V17.6666C20 18.5853 19.252 19.3333 18.3333 19.3333Z" fill="#D69900"/></svg>} href="/resources/roadmap">
        Track planned platform and documentation updates.
      </Card>

      <Card title="Security" icon={<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 2L4 5V11C4 16.55 7.84 21.74 12 23C16.16 21.74 20 16.55 20 11V5L12 2ZM12 12H18C17.55 15.62 15.13 18.84 12 19.93V12H6V6.3L12 3.98V12Z" fill="#D69900"/></svg>} href="/resources/security">
        Review security posture and controls relevant to NexOTC workflows.
      </Card>
    </Columns>
  </Container>
</div>