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

# Home

export function openSearch() {
  document.getElementById('search-bar-entry').click();
}

<div className="relative w-full flex items-center justify-center" style={{ height: '24rem', overflow: 'hidden'}}>
  <div className="absolute inset-0 bg-primary dark:bg-primary-light" style={{opacity: 0.05 }} />

  <div style={{ position: 'absolute', textAlign: 'center', padding: '0 1rem' }}>
    <div
      className="text-gray-900 dark:text-gray-200"
      style={{
   fontWeight: '600',
   fontSize: '28px',
   margin: '0',
  }}
    >
      Welcome to Synctera's docs
    </div>

    <p
      className="prose prose-gray dark:prose-invert"
      style={{
  marginTop: '1rem',
   fontWeight: '400',
   fontSize: '16px',
   maxWidth: '42rem'
  }}
    >
      Explore our documentation to learn how to quickly and easily build a FinTech app or embedded banking product with Synctera.
    </p>

    <div className="flex items-center justify-center">
      <button
        type="button"
        className="hidden w-full lg:flex items-center text-sm leading-6 rounded-lg py-1.5 pl-2.5 pr-3 shadow-sm text-gray-400 dark:text-white/50 bg-background-light dark:bg-background-dark dark:brightness-[1.1] dark:ring-1 dark:hover:brightness-[1.25] ring-1 ring-gray-400/20 hover:ring-gray-600/25 dark:ring-gray-600/30 dark:hover:ring-gray-500/30 focus:outline-primary"
        id="home-search-entry"
        style={{
    marginTop: '1rem',
    maxWidth: '24rem',
  }}
        onClick={openSearch}
      >
        <svg
          className="h-4 w-4 ml-1.5 mr-4 flex-none bg-gray-500 hover:bg-gray-600 dark:bg-white/50 dark:hover:bg-white/70"
          style={{
     maskImage:
       'url("https://mintlify.b-cdn.net/v6.5.1/solid/magnifying-glass.svg")',
     maskRepeat: 'no-repeat',
     maskPosition: 'center center',
    }}
        />

        Search or ask
      </button>
    </div>
  </div>
</div>

<div
  style={{marginTop: '2rem', marginBottom: '8rem', maxWidth: '70rem', marginLeft: 'auto',
marginRight: 'auto', paddingLeft: '1.25rem',
paddingRight: '1.25rem' }}
>
  <h2
    className="text-gray-900 dark:text-gray-200"
    style={{
 fontSize: '26px',
 fontWeight: '500',
 marginBottom: '2rem',
}}
  >
    Get started
  </h2>

  <Card title="API keys and sandbox" icon="cloud-arrow-down" iconType="solid" href="https://app.synctera.com/">
    Create a Synctera account to get your API key, access our sandbox, and explore the rest of our Console.

    <a href="https://app.synctera.com/" className="text-primary dark:text-primary-light" style={{fontWeight: "bold"}}> Sign up</a>
  </Card>

  <h2
    className="text-gray-900 dark:text-gray-200"
    style={{
 fontSize: '26px',
 fontWeight: '500',
 marginBottom: '2rem',
 marginTop: '2rem'
}}
  >
    Explore our documentation
  </h2>

  <CardGroup cols={2}>
    <Card title="API Guides" icon="book-open" iconType="solid" href="/docs/platform-overview">
      Learn everything you need to know about integrating with our APIs and how to make your use case come to life.

      <a href="/docs/platform-overview" className="text-primary dark:text-primary-light" style={{textDecoration: "underline", fontWeight: "bold"}}>View the API Guides</a>
    </Card>

    <Card title="API Reference" icon="clipboard" iconType="solid" href="/reference/introduction">
      Everything you need to make your project come to life can be found here.

      <a href="/reference/introduction" className="text-primary dark:text-primary-light" style={{textDecoration: "underline", fontWeight: "bold"}}>View the APIs</a>
    </Card>
  </CardGroup>

  <h2
    className="text-gray-900 dark:text-gray-200"
    style={{
 fontSize: '26px',
 fontWeight: '500',
 marginBottom: '2rem',
 marginTop: '2rem'
}}
  >
    Dive into our APIs
  </h2>

  <Tabs>
    <Tab title="Core">
      <CardGroup>
        <Card title="Personal Customers" icon="users" href="/docs/create-a-personal-customer" iconType="solid" horizontal>
          Creates and manages records for personal customers
        </Card>

        <Card title="Business Customers" icon="users" href="/docs/create-a-business" iconType="solid" horizontal>
          Creates and manages records for business customers
        </Card>

        <Card title="Accounts" icon="chart-pie" href="/docs/create-accounts-guide" iconType="solid" horizontal>
          Creates and manages customer accounts
        </Card>

        <Card title="Cards" icon="chart-pie" href="/docs/personal-cards" iconType="solid" horizontal>
          Issues, activates, and manages cards for customers
        </Card>
      </CardGroup>
    </Tab>

    <Tab title="Payments">
      <CardGroup>
        <Card title="Internal Transfers" icon="arrows-up-down" iconType="solid" href="/docs/internal-transfer-guide" horizontal>
          Transfer funds between two accounts in real-time
        </Card>

        <Card title="Payment Schedules" icon="calendar" iconType="solid" href="/docs/payment-schedules" horizontal>
          Create and manage scheduled payments for customers
        </Card>

        <Card title="ACH Payments" icon="credit-card" iconType="solid" href="/docs/ach-guide" horizontal>
          Issue cards, accept payments, and transfer money between accounts
        </Card>

        <Card title="mRDC (Remote Deposit Capture)" icon="camera" iconType="solid" href="/docs/create-mobile-deposit-guide" horizontal>
          Handles remote deposit capture (RDC) transactions
        </Card>
      </CardGroup>
    </Tab>

    <Tab title="Risk & Compliance">
      <CardGroup>
        <Card title="KYC/KYB Verification" icon="fingerprint" iconType="solid" href="/docs/kyc-kyb-verification" horizontal>
          Create and manage documentation for a customer and run verification checks
        </Card>

        <Card title="Document Verification" icon="file-check" iconType="solid" href="/docs/document-verification" horizontal>
          Verify documentation for a customer
        </Card>

        <Card title="Disclosures" icon="circle-check" iconType="solid" href="/docs/record-disclosure-acceptance" horizontal>
          Handles legally required disclosures to customers
        </Card>
      </CardGroup>
    </Tab>
  </Tabs>
</div>