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

# Solana Mobile Docs

export const HeroCard = ({img, href, title, description}) => {
  return <a href={href} rel="noopener noreferrer" className="flex flex-col gap-4 not-prose group no-underline">
      <div className="w-full h-30 overflow-hidden rounded-xl bg-transparent">
        <img noZoom src={img} className="w-full h-full object-cover rounded-xl" alt={title} />
      </div>
      <div className="flex flex-col gap-3">
        <h2 className="text-md font-semibold text-gray-900 dark:text-gray-200 group-hover:text-primary-light dark:group-hover:text-primary-dark transition-colors mb-[-8px]">
          {title}
        </h2>
        <p className="text-gray-500 dark:text-gray-400 text-sm font-medium">
          {description}
        </p>
      </div>
    </a>;
};

<div className="relative w-full flex items-center justify-center" style={{ height: '35rem', overflow: 'hidden'}}>
  <div id="background-div" class="absolute inset-0 dark:hidden" style={{height: "35rem", backgroundImage: "url('https://mintlify-assets.b-cdn.net/solana-hero-bg-white.svg')", backgroundSize: "cover", backgroundPosition: "center", backgroundRepeat: "no-repeat"}} />

  <div id="background-div" class="absolute inset-0 hidden dark:block" style={{height: "35rem", backgroundImage: "url('https://mintlify-assets.b-cdn.net/solana-hero-bg-dark.svg')", backgroundSize: "cover", backgroundPosition: "center", backgroundRepeat: "no-repeat"}} />

  <div style={{ position: 'absolute', textAlign: 'center', padding: '0 1rem' }}>
    <div
      className="text-white"
      style={{
   fontWeight: '600',
   fontSize: '3.5rem',
   margin: '0',
   width: '100%',
   marginTop: '1rem',
   lineHeight: '1.1'
  }}
    >
      Build for the dApp Store
    </div>

    <p className="text-[#FAFAFA] dark:text-[#FAFAFA] text-lg" style={{  fontWeight: '500' , maxWidth: '40rem', margin: '0 auto', marginTop: '0.5rem'}}>
      Launch your app for the Seeker and get distribution <br /> to 100k+ crypto power users
    </p>

    <div className="flex items-center justify-center" style={{ maxWidth: '800px', margin: '0 auto' }}>
      <button
        type="button"
        className="hidden w-full lg:flex items-center text-sm leading-6 py-4 pl-4 pr-4 text-gray-500 rounded-full"
        id="home-search-entry"
        style={{
    marginTop: '2rem',
    maxWidth: '40rem',
    background: '#FFF',
    boxShadow: '0px 1px 4px 0px rgba(8, 9, 10, 0.25), 0px 0px 0px 4px rgba(255, 255, 255, 0.20)',
    cursor: 'pointer',
    textAlign: 'left',
  }}
        onClick={()=> document.getElementById('search-bar-entry').click()}
      >
        <svg
          className="h-4 w-4 ml-1.5 flex-none bg-primary hover:bg-gray-600 dark:bg-primary-dark 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>

<div
  style={{marginTop: '2rem', marginBottom: '8rem', maxWidth: '70rem', marginLeft: 'auto',
marginRight: 'auto', paddingLeft: '1.25rem',
paddingRight: '1.25rem' }}
>
  <div className="not-prose mt-6 pb-20 dark:hidden">
    <h2 className="text-3xl font-medium text-gray-900 dark:text-gray-200 mb-6">Start Building</h2>

    <CardGroup cols={3}>
      <HeroCard title="Documentation" img="https://mintlify-assets.b-cdn.net/solana-docs-img.svg" href="/get-started/overview" description="Build mobile apps with our SDK and developer tools." />

      <HeroCard title="Publish on the dApp Store" img="https://mintlify-assets.b-cdn.net/solana-apps-img.svg" href="/dapp-store/intro" description="Publish your dApp on the Solana dApp Store." />

      <HeroCard title="Add Mobile Wallet Adapter" img="https://mintlify-assets.b-cdn.net/solana-warning-img.svg" href="/get-started/mobile-wallet-adapter" description="Connect your app to wallets, including Seeker's Seed Vault Wallet." />
    </CardGroup>
  </div>

  <div className="not-prose mb-10 hidden dark:block">
    <h2 className="text-3xl font-medium text-gray-900 dark:text-gray-200 mb-6">Start Building</h2>

    <CardGroup cols={3}>
      <HeroCard title="Documentation" img="https://mintlify-assets.b-cdn.net/solana-docs-dark.svg" href="/get-started/overview" description="Build mobile apps with our SDK and developer tools." />

      <HeroCard title="Publish on the dApp Store" img="https://mintlify-assets.b-cdn.net/solana-apps-dark.svg" href="/dapp-store/intro" description="Publish your dApp on the Solana dApp Store." />

      <HeroCard title="Add Mobile Wallet Adapter" img="https://mintlify-assets.b-cdn.net/solana-warning-dark.svg" href="/get-started/mobile-wallet-adapter" description="Connect your app to wallets, including Seeker's Seed Vault Wallet." />
    </CardGroup>
  </div>

  <div className="not-prose mt-10 mb-10">
    <h2 className="text-3xl font-medium text-gray-900 dark:text-gray-200 mb-6">Resources</h2>

    <CardGroup cols={3}>
      <Card title="Support on Discord" icon="discord" href="/get-started/community" color="EF5C6F">
        Connect with the Solana Mobile developer community.
      </Card>

      <Card title="Recipes" icon="layer-group" href="/recipes/overview" color="EF5C6F">
        Step-by-step guides for common development tasks.
      </Card>

      <Card title="Sample Apps" icon="code" href="/sample-apps/sample_app_overview" color="EF5C6F">
        Browse reference apps built with the Solana Mobile Stack.
      </Card>
    </CardGroup>
  </div>
</div>