Introduction - Supermemory

export const HeroCard = ({ imageUrl, title, description, href }) => { return ( <a className="group flex flex-col h-full rounded-lg overflow-hidden hover:shadow-lg transition-all duration-300 border border-gray-100 dark:border-zinc-800 hover:border-gray-200 dark:hover:border-zinc-700" href={href}> <div className="overflow-hidden">

  </div>
  <div className="p-6">
    <h3 className="text-xl font-semibold text-gray-900 dark:text-zinc-50">{title}</h3>
    <p className="mt-3 text-gray-600 dark:text-zinc-400">{description}</p>
  </div>
</a>

) }

<div className="relative pb-12"> <div className="px-4 py-16 lg:py-32 max-w-4xl mx-auto"> <h1 className="text-5xl font-bold text-center text-gray-900 dark:text-zinc-50 tracking-tight"> supermemory <span className="text-primary font-medium">[docs]</span> </h1>

<p className="max-w-2xl mx-auto px-4 mt-6 text-xl text-center text-gray-600 dark:text-zinc-400 leading-relaxed">
  Meet the memory API for the AI era — <span className="font-medium">scalable</span>, <span className="font-medium">powerful</span>, <span className="font-medium">affordable</span>, and <span className="font-medium">production-ready</span>.
</p>

<div className="mt-16 lg:mt-20 grid sm:grid-cols-2 gap-8">
  <HeroCard
    imageUrl="https://imagedelivery.net/_Zs8NCbSWCQ8-iurXrWjBg/40fe287e-b392-4bd6-9fc5-128ef674ca00/public"
    title="Memory APIs"
    description="Use our hyper fast, scalable and composable APIs for memory and RAG"
    href="/intro"
  />

  <HeroCard
    imageUrl="https://imagedelivery.net/_Zs8NCbSWCQ8-iurXrWjBg/9af9572c-9f8d-42d8-f7d0-503a5f87a300/public"
    title="User profiles"
    description="One line to add memory to your app. Supercharge your LLM with supermemory's intelligent context management."
    href="/concepts/user-profiles"
  />

  <HeroCard
    imageUrl="https://imagedelivery.net/_Zs8NCbSWCQ8-iurXrWjBg/abcc107d-7271-4acf-a9a2-90ad7a6f2000/public"
    title="SDKs"
    description="Use supermemory with your favorite tools and platforms seamlessly."
    href="/integrations/supermemory-sdk"
  />

  <HeroCard
    imageUrl="https://imagedelivery.net/_Zs8NCbSWCQ8-iurXrWjBg/eda8b2fd-9633-4e93-c6bd-10b44be75e00/public"
    title="Cookbooks"
    description="Get started with supermemory with tutorials and examples"
    href="/cookbook/overview"
  />
</div>

</div> </div>