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

export const IntroCard = ({icon, title, href}) => {
  return <a href={href} style={{
    display: "inline-flex",
    alignItems: "center",
    justifyContent: "center",
    gap: "6px",
    padding: "8px 16px",
    borderRadius: "24px",
    backgroundColor: "transparent",
    textDecoration: "none",
    height: "34px",
    width: "fit-content",
    border: "1px solid #d4d4d8"
  }} className="intro-card border hover:!border-primary dark:hover:!border-primary-light transition-colors">
      <Icon icon={icon} color="#fffdff" iconType="solid" className="w-[18px] h-[18px]" />
      <span style={{
    fontSize: "14px",
    fontWeight: 600,
    lineHeight: 1,
    color: "#fffdff"
  }}>
        {title}
      </span>
    </a>;
};

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={{backgroundImage: 'url(https://cdn.prod.website-files.com/671cedc8d0131ab95037c9a2/671d0398ea1fea578bc72d66_cta-bg.svg)', backgroundSize: 'contain', backgroundPosition: 'right', backgroundRepeat: 'no-repeat', opacity: 0.85 }} />

  <div style={{ position: 'absolute', textAlign: 'center', padding: '0 1rem' }}>
    <div
      className="text-gray-900 dark:text-gray-200"
      style={{
   fontWeight: '600',
   fontSize: '55px',
   letterSpacing: '-2px',
   margin: '0',
   fontFamily: 'DM Sans',
   color: 'white'
  }}
    >
      Lendflow Documentation
    </div>

    <p
      className="text-white dark:prose-invert"
      style={{
    margin: '0 auto',
    fontWeight: '400',
    fontSize: '16px',
    maxWidth: '42rem',
    textAlign: 'center'
  }}
    >
      Welcome to the Lendflow API developer hub. You'll find comprehensive guides and documentation to help you start working with Lendflow API Docs as quickly as possible, as well as support if you get stuck. Let's jump right in!
    </p>

    <div className="flex flex-col items-center justify-center">
      <div className="flex items-center justify-center" style={{ width: '100%' }}>
        <button
          type="button"
          className="hidden w-full lg:flex items-center text-sm leading-6 rounded-full py-2 pl-3 pr-3 shadow-sm text-gray-500 bg-white"
          id="home-search-entry"
          style={{
        marginTop: '2rem',
        maxWidth: '100rem',
        width: '90%',
        margin: '2rem auto 0',
        boxShadow: '0px 1px 4px 0px rgba(8, 9, 10, 0.25), 0px 0px 0px 4px rgba(255, 255, 255, 0.20)'
      }}
          onClick={openSearch}
        >
          <svg
            className="h-4 w-4 ml-1.5 flex-none bg-primary hover:bg-gray-600 dark:bg-gray-600 dark:hover:bg-white/70"
            style={{
          marginRight: '0.5rem',
          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 style={{ maxWidth: '650px', margin: '0 auto', marginTop: '1rem' }}>
      <div className="flex items-center justify-center gap-3">
        <IntroCard icon="book-open" title="Get Started" href="/api-docs/docs" />

        <IntroCard icon="code" title="API Documentation" href="/api-docs/reference" />
      </div>
    </div>
  </div>
</div>

<div
  style={{marginTop: '2rem', marginBottom: '8rem', maxWidth: '70rem', marginLeft: 'auto',
marginRight: 'auto', paddingLeft: '1.25rem',
paddingRight: '1.25rem' }}
>
  <CardGroup cols={2}>
    <Card title="Lendflow API docs" icon="book">
      [Lendflow Validations for Data Collection](/api-docs/reference/lendflow-validations-for-application-stage)

      [Lendflow Requested Products](/api-docs/reference/lendflow-requested-products)

      [Get Application Links](/api-reference/workflow-management/get-application-links)

      <br />

      [View More…](/api-docs/reference/lendflow-validations-for-application-stage)
    </Card>

    <Card title="Getting Started" icon="rocket">
      [Introduction](/api-docs/docs/introduction)

      [Errors](/api-docs/docs/errors)
    </Card>

    <Card title="Golden API Path" icon="arrow-progress">
      [Submit a New Application via the API](/api-docs/docs/submit-a-new-application-via-the-api)

      [Golden Path for Funders](/api-docs/docs/golden-path-for-funder-utilize-webhook-notifications-retrieve-data-and-submit-offers)

      <br />

      [View More…](/api-docs/docs/submit-a-new-application-via-the-api)
    </Card>

    <Card title="Offers" icon="list">
      [Offer Field Requirements by Products](/api-docs/docs/offer-field-requirements-by-products)
    </Card>

    <Card title="Documents" icon="files">
      [Uploading Documents](/api-docs/docs/uploading-documents-1)

      [Downloading Documents](/api-docs/docs/downloading-documents-1)
    </Card>

    <Card title="API" icon="code">
      [Mapping API Fields](/api-docs/docs/prequalification-api-parameters-legend)
    </Card>

    <Card title="Sample Payloads" icon="cube">
      [Generating Sample Payloads](/api-docs/docs/generating-sample-payloads)

      [Sandbox Sample Deal Data](/api-docs/docs/sandbox-deal-data)
    </Card>

    <Card title="Data Services" icon="database">
      [Email Integration](/api-docs/docs/email-integration)

      [Know Your Customer (KYC)](/api-docs/docs/socure-2)

      [Know Your Business (KYB)](/api-docs/docs/experian-business-facts)

      <br />

      [View More…](/api-docs/docs/email-integration)
    </Card>
  </CardGroup>
</div>