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

# storekit documentation: online ordering guides and APIs

> Launch and grow online ordering with storekit. Guides for menu setup, payments, fulfillment, integrations, webhooks, and developer APIs.

<div className="relative min-h-screen flex flex-col" style={{background: '#1a1a1a'}}>
  <div className="absolute inset-0" style={{background: 'linear-gradient(180deg, #1a1a1a 0%, #2d2d2d 100%)'}} />

  <div className="absolute inset-0 opacity-[0.04]" style={{backgroundImage: `url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")`, backgroundRepeat: 'repeat'}} />

  <div className="relative z-10 flex-1 flex flex-col items-center justify-center px-6 py-16 lg:py-24">
    <div className="max-w-4xl mx-auto text-center">
      <h1 className="text-4xl lg:text-5xl font-bold text-white tracking-tight mb-6">
        How can we help?
      </h1>

      <p className="text-xl text-gray-300 max-w-2xl mx-auto mb-12">
        Everything you need to set up online ordering, manage your menu, accept payments, and grow your hospitality business.
      </p>
    </div>

    <div className="w-full max-w-5xl mx-auto grid sm:grid-cols-2 gap-4 lg:gap-6 px-4">
      <a href="/getting-started/quick-start-guide" className="group relative flex flex-col p-6 rounded-2xl border border-white/10 hover:border-[#6366f1]/50 transition-all" style={{background: 'rgba(255,255,255,0.05)'}}>
        <h3 className="font-semibold text-white mb-2">Quick Start Guide</h3>
        <p className="text-sm text-gray-400">Get your store live in minutes with our step-by-step setup guide.</p>
      </a>

      <a href="/guides/menu/overview" className="group relative flex flex-col p-6 rounded-2xl border border-white/10 hover:border-[#6366f1]/50 transition-all" style={{background: 'rgba(255,255,255,0.05)'}}>
        <h3 className="font-semibold text-white mb-2">Menu Management</h3>
        <p className="text-sm text-gray-400">Build your menu with products, modifiers, and availability controls.</p>
      </a>

      <a href="/guides/integrations/overview" className="group relative flex flex-col p-6 rounded-2xl border border-white/10 hover:border-[#6366f1]/50 transition-all" style={{background: 'rgba(255,255,255,0.05)'}}>
        <h3 className="font-semibold text-white mb-2">Integrations</h3>
        <p className="text-sm text-gray-400">Connect your POS, delivery providers, and marketing tools.</p>
      </a>

      <a href="/developers/webhooks/overview" className="group relative flex flex-col p-6 rounded-2xl border border-white/10 hover:border-[#6366f1]/50 transition-all" style={{background: 'rgba(255,255,255,0.05)'}}>
        <h3 className="font-semibold text-white mb-2">Developers</h3>
        <p className="text-sm text-gray-400">Build custom integrations with webhooks and our API.</p>
      </a>
    </div>
  </div>
</div>