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

# Ocean Docs

<div className="relative w-full flex items-center justify-center h-[26rem] overflow-hidden" style={{ background: "linear-gradient(to bottom right, #001b7a, #000000)" }}>
  <div className="absolute inset-0 h-full bg-contain bg-no-repeat bg-right opacity-90" style={{ backgroundImage:"url(https://mintcdn.com/ocean-d06e24b5/4f8R7js0Ug9Wt5uk/images/hero.png?fit=max&auto=format&n=4f8R7js0Ug9Wt5uk&q=85&s=6a24094a50f48b95a70f924f2348c708)" }} />

  <div className="absolute text-center px-4">
    <div className="text-7xl font-bold w-full lg:mt-12 mt-24 text-black dark:text-white max-w-[800px]">
      <span className="text-[#ffffff]">Ocean </span>

      <span className="text-[#ffffff]">Documentation</span>
    </div>
  </div>
</div>

<div className="max-w-5xl mx-auto px-5 sm:px-10 mb-16">
  <div className="text-center mb-12">
    <h2 className="text-4xl font-bold mb-4 dark:text-white"><br /><br />Get Started with Ocean Security</h2>

    <p className="text-lg text-gray-600 dark:text-gray-300">Choose your integration path and get up and running in minutes</p>
  </div>

  <div className="grid grid-cols-1 md:grid-cols-3 gap-6 mb-16">
    <Card title="Quick Start" icon="rocket" href="documentation/getting-started">Set up Ocean Security in 5 minutes with our guided wizard</Card>

    <Card title="API Reference" icon="code" href="api-reference/introduction"> Explore our complete API documentation and examples </Card>

    <Card title="Coming Soon: Walkthroughs" icon="play"> Watch step-by-step video guides for common use cases </Card>
  </div>
</div>