> ## Documentation Index
> Fetch the complete documentation index at: https://similarweb-zp8zf.mintlify.site/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" style={{backgroundImage: 'url(https://s3.amazonaws.com/static-q.similarweb.com/features/assets/city-corner.png)', backgroundSize: 'contain', backgroundPosition: 'right', backgroundRepeat: 'no-repeat' }} />

  <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'
  }}
    >
      welcome to similarweb docs
    </div>

    <p
      className="text-white dark:prose-invert"
      style={{
    margin: '0 auto',
    marginBottom: '2rem',
    fontWeight: '400',
    fontSize: '16px',
    maxWidth: '42rem',
    textAlign: 'center'
  }}
    >
      how can we help?
    </p>

    <div className="flex items-center justify-center">
      <button
        type="button"
        className="hidden w-full lg:flex items-center text-sm leading-6 rounded-xl py-1.5 pl-2.5 pr-3 shadow-sm text-gray-400 dark:text-white/50 bg-white 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={{
    maxWidth: '28rem',
  }}
        onClick={openSearch}
      >
        <svg
          className="h-4 w-4 ml-1.5 flex-none bg-primary hover:bg-gray-600 dark:bg-primary-light dark:hover:bg-white/70 text-white"
          style={{
    marginRight: '0.5rem',
     maskImage:
       'url("https://mintlify.b-cdn.net/v6.5.1/solid/magnifying-glass.svg")',
     maskRepeat: 'no-repeat',
     maskPosition: 'center center',
    }}
        />

        <span className="text-gray-500">
          Search or ask
        </span>
      </button>
    </div>
  </div>
</div>

<div
  style={{marginTop: '2rem', marginBottom: '8rem', maxWidth: '70rem', marginLeft: 'auto',
marginRight: 'auto', paddingLeft: '1.25rem',
paddingRight: '1.25rem' }}
>
  <CardGroup cols={3}>
    <Card title="Getting Started" icon="rocket" iconType="solid" href="/docs/similarweb-web-traffic-api" horizontal={true} />

    <Card title="Batch API" icon="layer-group" iconType="solid" href="/docs/set-up-your-batch-api" horizontal={true} />

    <Card title="Rest API" icon="code-simple" iconType="solid" href="/keywords" horizontal={true} />
  </CardGroup>

  <CardGroup cols={2}>
    <Card title="Recipes" icon="book" iconType="solid" href="/recipes/overview" horizontal={true} />

    <Card title="Changelog" icon="road" iconType="solid" href="/changelog" horizontal={true} />
  </CardGroup>
</div>