{"version":3,"file":"static/chunks/pages/index-48dba5ccf622d145.js","mappings":"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","sources":["webpack://_N_E/","webpack://_N_E/./src/utils/copyToClipboard.ts","webpack://_N_E/./src/components/CopyButton.tsx","webpack://_N_E/./src/components/CodeBlock.tsx","webpack://_N_E/./src/components/CodeBlockWithLanguageSelector.tsx","webpack://_N_E/../node_modules/lucide-react/dist/esm/icons/book.js","webpack://_N_E/./src/sections/Hero/index.tsx","webpack://_N_E/./src/images/team/as.jpg","webpack://_N_E/./src/images/team/av.png","webpack://_N_E/./src/sections/Mission/index.tsx","webpack://_N_E/../node_modules/lucide-react/dist/esm/icons/waypoints.js","webpack://_N_E/./src/images/dashboard.png","webpack://_N_E/../node_modules/lucide-react/dist/esm/icons/monitor-play.js","webpack://_N_E/./src/sections/HowItWorks/demo.tsx","webpack://_N_E/./src/sections/HowItWorks/index.tsx","webpack://_N_E/./src/pages/index.tsx","webpack://_N_E/<anon>"],"sourcesContent":["\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/\",\n      function () {\n        return require(\"private-next-pages/index.tsx\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/\"])\n      });\n    }\n  ","export const copyToClipboard = (\n  text: string | number,\n  {\n    callback\n  }: {\n    callback?: () => void\n  } = {}\n) => {\n  async function copyToClipboard(textToCopy: string) {\n    // Navigator clipboard api needs a secure context (https)\n    if (navigator.clipboard && window.isSecureContext) {\n      await navigator.clipboard.writeText(textToCopy)\n    } else {\n      // Use the 'out of viewport hidden text area' trick\n      const textArea = document.createElement('textarea')\n      textArea.value = textToCopy\n\n      // Move textarea out of the viewport so it's not visible\n      textArea.style.position = 'absolute'\n      textArea.style.left = '-999999px'\n\n      document.body.prepend(textArea)\n      textArea.select()\n\n      try {\n        document.execCommand('copy')\n      } catch (error) {\n        console.error(error)\n      } finally {\n        textArea.remove()\n      }\n    }\n  }\n\n  copyToClipboard(String(text)).then(() => {\n    callback?.()\n  })\n}\n","import { FC, useState } from 'react'\nimport { copyToClipboard } from '~/utils/copyToClipboard'\nimport { Button } from '~/components/Button'\nimport { CopyCheck, CopyIcon } from 'lucide-react'\n\nexport const CopyButton: FC<{ text: string }> = ({ text }) => {\n  const [copied, setCopied] = useState(false)\n  const copy = () => {\n    setCopied(true)\n    copyToClipboard(text, {\n      callback: () => {\n        setTimeout(() => {\n          setCopied(false)\n        }, 800)\n      }\n    })\n  }\n  return (\n    <Button variant={'custom'} onClick={copy} size={'small'} className=\"\">\n      {copied ?\n        <CopyCheck />\n      : <CopyIcon />}\n    </Button>\n  )\n}\n","import { CSSProperties, PropsWithoutRef, forwardRef, ReactNode, Children } from 'react'\nimport { materialDark as codeTheme } from 'react-syntax-highlighter/dist/cjs/styles/prism'\nimport { Prism as SyntaxHighlighter } from 'react-syntax-highlighter'\nimport cx from 'classnames'\n\nimport { CopyButton } from '~/components/CopyButton'\n\nconst PreStyles: CSSProperties = {\n  textAlign: 'left',\n  whiteSpace: 'pre',\n  wordSpacing: 'normal',\n  wordBreak: 'normal',\n  overflowWrap: 'normal',\n  color: 'rgb(195, 206, 227)',\n  background: '#131313',\n  fontSize: '1em',\n  hyphens: 'none',\n  overflow: 'auto',\n  position: 'relative'\n}\n\nconst override = {\n  ...codeTheme,\n  'code[class*=\"language-\"]': {\n    ...codeTheme['code[class*=\"language-\"]'],\n    background: 'inherit',\n    fontFamily: 'var(--font-jet-brains-mono) !important'\n  }\n}\n\nexport const CodeBlock = forwardRef<\n  HTMLDivElement,\n  PropsWithoutRef<{\n    code: string\n    className?: string\n    wrapperClassName?: string\n    preClassName?: string\n    style?: CSSProperties\n    showLineNumbers?: boolean\n    language?: string\n    children?: ReactNode\n    copyButton?: boolean\n  }>\n>(\n  (\n    {\n      code,\n      className,\n      showLineNumbers = false,\n      preClassName,\n      wrapperClassName,\n      children: extra,\n      copyButton,\n      style,\n      language = 'javascript'\n    },\n    ref\n  ) => {\n    return (\n      <div className={cx('sm:text-[14px]', className)} ref={ref} style={style}>\n        <SyntaxHighlighter\n          language={language}\n          style={override}\n          showLineNumbers={showLineNumbers}\n          PreTag={({ children }) => (\n            <div\n              className={cx(wrapperClassName, 'flex items-start justify-between gap-2 rounded-xl')}\n              style={PreStyles}\n            >\n              <pre className={cx(preClassName, 'p-4')}>{children}</pre>\n              {Children.count(extra) || copyButton ?\n                <div className=\"flex h-full items-center gap-4 pr-4\">\n                  {extra}\n                  {copyButton && <CopyButton text={code} />}\n                </div>\n              : null}\n            </div>\n          )}\n        >\n          {code}\n        </SyntaxHighlighter>\n      </div>\n    )\n  }\n)\n\nCodeBlock.displayName = 'CodeBlock'\n","import { CSSProperties, PropsWithoutRef, forwardRef, ReactNode, useContext, useCallback } from 'react'\n\nimport { CodeBlock } from '~/components/CodeBlock'\nimport Image from 'next/image'\n\nimport cn from 'classnames'\nimport { CodingLanguage } from '~/contexts/CodingLanguage'\n\ntype CodeBlockWithLanguageSelectorProps = {\n  data: Record<string, string>\n  className?: string\n  wrapperClassName?: string\n  preClassName?: string\n  style?: CSSProperties\n  children?: ReactNode\n  copyButton?: boolean\n}\n\nconst PyLogo = ({ className }: { className: string }) => (\n  <Image\n    src=\"/images/python-logo.svg\"\n    alt=\"Python Logo\"\n    width={32}\n    height={32}\n    className={className}\n    priority\n  />\n)\nconst TsLogo = ({ className }: { className: string }) => (\n  <Image\n    priority\n    src=\"/images/typescript-logo.svg\"\n    alt=\"Typescript Logo\"\n    width={32}\n    height={32}\n    className={className}\n  />\n)\n\nconst langLogoMap = {\n  python: PyLogo,\n  typescript: TsLogo\n}\n\nconst Logo = ({ lang, className }: { lang: string; className: string }) => {\n  // @ts-ignore\n  const Comp = langLogoMap[lang]\n\n  return <Comp className={className} />\n}\n\nexport const CodeBlockWithLanguageSelector = forwardRef<\n  HTMLDivElement,\n  PropsWithoutRef<CodeBlockWithLanguageSelectorProps>\n>(({ data, className, preClassName, wrapperClassName, children: extra, copyButton, style }, ref) => {\n  const { language, setLanguage: setLang } = useContext(CodingLanguage)\n\n  const setLanguage = useCallback((lang: string) => setLang(lang), [language])\n\n  return (\n    <div className={cn(className, 'w-full rounded-xl bg-[#131313]')} ref={ref} style={style}>\n      <div className=\"text-content-contrast border-b-content2 mb-2 flex w-full cursor-pointer justify-between rounded-t-xl border-b bg-[#131313] text-center font-mono font-bold\">\n        {Object.keys(data).map((key) => (\n          <div\n            key={key}\n            onClick={() => setLanguage(key)}\n            className={cn('flex w-full grow items-center justify-center py-2 transition hover:grayscale-0', {\n              grayscale: key !== language,\n              'border-b': key === language,\n              'text-content3': key !== language\n            })}\n          >\n            {key} <Logo className=\"h-8 w-8 p-2\" lang={key} />\n          </div>\n        ))}\n      </div>\n\n      <CodeBlock\n        code={data[language]}\n        className={className}\n        preClassName={preClassName}\n        language={language}\n        wrapperClassName={cn(wrapperClassName, 'rounded-xl rounded-t-none ')}\n        copyButton={copyButton}\n      >\n        {extra}\n      </CodeBlock>\n    </div>\n  )\n})\n\nCodeBlockWithLanguageSelector.displayName = 'CodeBlockWithLanguageSelector'\n","/**\n * @license lucide-react v0.473.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20\",\n      key: \"k3hazp\"\n    }\n  ]\n];\nconst Book = createLucideIcon(\"Book\", __iconNode);\n\nexport { __iconNode, Book as default };\n//# sourceMappingURL=book.js.map\n","import Link from 'next/link'\nimport { BookIcon } from 'lucide-react'\n\nimport { Button, MainCta } from '~/components/Button'\nimport { links, socials } from '~/config/urls'\nimport { CodeBlock } from '~/components/CodeBlock'\nimport { GitHub } from '~/components/Icons/GitHub'\nimport { CodeBlockWithLanguageSelector } from '~/components/CodeBlockWithLanguageSelector'\nimport { useContext } from 'react'\nimport { CodingLanguage } from '~/contexts/CodingLanguage'\n\nconst code = `import RushDB from '@rushdb/javascript-sdk'\n\nconst db = new RushDB('API_TOKEN')\n\nconst user = await db.records.create('USER', {\n  name: 'Paul Schmitz',\n  lastActive: '2024-12-02T11:38:29Z',\n  verified: true,\n  size: 9.5,\n  favoriteTags: ['Daily Run', 'Foam']\n})\n\nawait db.records.find({\n  labels: ['USER'],\n  where: {\n    size: { $gte: 9 },\n    favoriteTags: {\n      $in: ['Foam']\n    }\n  }\n})`\n\nconst codePy = `from rushdb import RushDB\n\ndb = RushDB(\"API_TOKEN\")\n\nuser = db.records.create(\n    \"USER\",\n    {\n        \"name\": \"Paul Schmitz\",\n        \"lastActive\": \"2024-12-02T11:38:29Z\",\n        \"verified\": True,\n        \"size\": 9.5,\n        \"favoriteTags\": [\"Daily Run\", \"Foam\"]\n    }\n)\n\ndb.records.find(\n    {\n        \"labels\": [\"USER\"],\n        \"where\": {\n            \"size\": {\"$gte\": 9}, \n            \"favoriteTags\": {\"$in\": [\"Foam\"]}\n        }\n    }\n)\n`\n\nexport const Hero = () => {\n  const { language } = useContext(CodingLanguage)\n\n  return (\n    <>\n      <div id=\"hero\" className=\"hero absolute top-0 z-0 min-h-dvh w-full md:bg-cover\" />\n\n      <section className=\"container z-10 mt-[-97px] grid min-h-dvh place-content-center items-center md:mt-0\">\n        <div className=\"z-0 flex min-h-dvh flex-col\">\n          <div className=\"mb-4 mt-32 grid grow grid-cols-2 items-center gap-24 md:mt-0 md:grid-cols-1 md:gap-0 md:text-center\">\n            <div className=\"mb-8 items-center md:mt-24\">\n              <h1 role=\"heading\" className=\"typography-4xl !font-extrabold sm:text-2xl\">\n                Instant database\n                <br />\n                for modern apps<span className=\"hidden\"> - RushDB</span>\n              </h1>\n              <h2 className=\"text-content3 text-md mb-8 mt-10 !font-medium !tracking-normal md:mt-0 md:text-base\">\n                Focus on building features. RushDB handles the rest.\n              </h2>\n\n              <Link href={socials.github} target=\"__blank\" rel=\"noopener noreferrer\" aria-label=\"Github\">\n                <div className=\"bg-secondary m-auto mt-16 hidden w-fit items-center gap-4 rounded-full border p-2 px-4 md:flex\">\n                  <p className=\"hidden font-mono text-base font-bold md:block\">\n                    v{process.env.NEXT_PUBLIC_APP_VERSION}\n                  </p>\n                  <GitHub className=\"h-5 w-5\" />\n                </div>\n              </Link>\n              <div className=\"mt-16 flex gap-4 md:justify-center\">\n                <MainCta variant=\"accent\" size=\"small\" text=\"Create Project\" />\n                <Button as={Link} href={links.getStarted} variant=\"outline\" size=\"small\" className=\"bg-fill\">\n                  Docs <BookIcon />\n                </Button>\n              </div>\n            </div>\n\n            <div className=\"flex w-full items-center justify-start md:hidden md:flex-col\">\n              <CodeBlockWithLanguageSelector\n                data={{\n                  typescript: code,\n                  python: codePy\n                }}\n                className=\"grid md:hidden md:w-full lg:w-fit\"\n                preClassName=\"md:w-full\"\n              />\n            </div>\n          </div>\n          <div className=\"w-full justify-center self-end pb-16 text-center align-bottom md:hidden md:flex-col md:pb-4\">\n            <p className=\"text-content3 text-md mb-4 text-center !font-medium md:text-lg\">\n              RushDB is an open-source, graph-powered zero-config database\n            </p>\n            <CodeBlock\n              code={language === 'typescript' ? 'pnpm add @rushdb/javascript-sdk' : 'pip install rushdb'}\n              className=\"m-auto grid place-content-center md:w-full lg:w-fit\"\n              preClassName=\"md:w-full\"\n              copyButton={true}\n            >\n              <img\n                src={\n                  language === 'typescript' ?\n                    'https://img.shields.io/npm/v/@rushdb/javascript-sdk'\n                  : 'https://img.shields.io/pypi/v/rushdb'\n                }\n                alt=\"package-version\"\n                className=\"md:hidden\"\n              />\n            </CodeBlock>\n          </div>\n        </div>\n      </section>\n    </>\n  )\n}\n","export default {\"src\":\"/_next/static/media/as.cf57d429.jpg\",\"height\":512,\"width\":512,\"blurDataURL\":\"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoKCgoKCgsMDAsPEA4QDxYUExMUFiIYGhgaGCIzICUgICUgMy03LCksNy1RQDg4QFFeT0pPXnFlZXGPiI+7u/sBCgoKCgoKCwwMCw8QDhAPFhQTExQWIhgaGBoYIjMgJSAgJSAzLTcsKSw3LVFAODhAUV5PSk9ecWVlcY+Ij7u7+//CABEIAAgACAMBIgACEQEDEQH/xAAnAAEBAAAAAAAAAAAAAAAAAAAABQEBAAAAAAAAAAAAAAAAAAAAAf/aAAwDAQACEAMQAAAAnBf/xAAeEAACAQMFAAAAAAAAAAAAAAACAxEBBTEAEhMUQv/aAAgBAQABPwBFxtHbbsLkQKazkAoY4go9a//EABURAQEAAAAAAAAAAAAAAAAAAAAR/9oACAECAQE/AK//xAAWEQADAAAAAAAAAAAAAAAAAAAAAUH/2gAIAQMBAT8AcP/Z\",\"blurWidth\":8,\"blurHeight\":8};","export default {\"src\":\"/_next/static/media/av.ca230b27.png\",\"height\":640,\"width\":640,\"blurDataURL\":\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAIAAABLbSncAAAA00lEQVR42gHIADf/AEFuMkFrM3SodYCyhmGNZ1yCZ0prTCAtGwBuq2x0rWKDu3uMv5FznW51p4J0pnhLbkUAfbd6hcKBZ5tit5uJ27iljp19ZZxxRmdGAE5wRG+xZnyGWtevoN/As5V8cwBGIWWZXgAjDw1WXDmfoXrktqDis5+ehXEQYB9mmlgAFzMANCQAfXZUw51+wJeEdm9NS4U9ZJJSAEVSQEdZa4Z5fsypj66SemmCYGmmXHi1cAB0fox4gJVicIhSW29tZ2hMRWVkhXB9wHOhBlgV+eyD7QAAAABJRU5ErkJggg==\",\"blurWidth\":8,\"blurHeight\":8};","import as from '../../images/team/as.jpg'\nimport av from '../../images/team/av.png'\nimport Image from 'next/image'\n\nexport const Mission = () => {\n  return (\n    <section className=\"container mx-auto grid max-w-3xl content-center items-center gap-4 px-10 py-20\">\n      <div className=\"flex items-center justify-start gap-4 md:justify-between\">\n        <h3 className=\"typography-2xl md:typography-xl font-bold\">Team & Mission</h3>\n        <div className=\"flex\">\n          <Image src={av.src} alt=\"Artemiy\" width={60} height={60} priority className=\"rounded-full\" />\n          <Image\n            src={as.src}\n            alt=\"Andrey\"\n            width={60}\n            height={60}\n            priority\n            className=\"ml-[-10px] rounded-full\"\n          />\n        </div>\n      </div>\n      <p className=\"text-content3 mb2 text-md md:text-base\">\n        We're two engineers with 15+ years of combined experience at Yandex, 3Commas, and Sumsub. Throughout\n        our careers, we've seen how data management consistently holds teams back - from complex feature\n        additions to database operations and search functionality. Every project required meticulous data\n        planning, normalization, and custom retrieval solutions, creating unnecessary friction and delays.\n      </p>\n      <p className=\"text-content3 text-md md:text-base\">\n        RushDB exists to eliminate these barriers. Our mission is to make developers unstoppable by radically\n        simplifying data operations. We're building the foundation that lets engineering teams move at maximum\n        velocity - no more wrestling with databases, search implementations, or data restructuring. Just pure,\n        frictionless development focused on shipping features and scaling ideas.\n      </p>\n      <p className=\"text-content3 text-md md:text-base\">\n        Developer experience is our north star. We believe great software shouldn't be bottlenecked by data\n        infrastructure. By handling the complex data layer, we free developers to focus on what truly matters:\n        creating exceptional products that deliver real value.\n      </p>\n    </section>\n  )\n}\n","/**\n * @license lucide-react v0.473.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"circle\", { cx: \"12\", cy: \"4.5\", r: \"2.5\", key: \"r5ysbb\" }],\n  [\"path\", { d: \"m10.2 6.3-3.9 3.9\", key: \"1nzqf6\" }],\n  [\"circle\", { cx: \"4.5\", cy: \"12\", r: \"2.5\", key: \"jydg6v\" }],\n  [\"path\", { d: \"M7 12h10\", key: \"b7w52i\" }],\n  [\"circle\", { cx: \"19.5\", cy: \"12\", r: \"2.5\", key: \"1piiel\" }],\n  [\"path\", { d: \"m13.8 17.7 3.9-3.9\", key: \"1wyg1y\" }],\n  [\"circle\", { cx: \"12\", cy: \"19.5\", r: \"2.5\", key: \"13o1pw\" }]\n];\nconst Waypoints = createLucideIcon(\"Waypoints\", __iconNode);\n\nexport { __iconNode, Waypoints as default };\n//# sourceMappingURL=waypoints.js.map\n","export default {\"src\":\"/_next/static/media/dashboard.8ba373a7.png\",\"height\":989,\"width\":1894,\"blurDataURL\":\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAYAAACzzX7wAAAAh0lEQVR42g3LTQqCQBgG4LlDq4goaEzNsvkxkq8xZmhECDuC7aN7dGM3yvjms3+Yb7rY1u1CKvdLohTLzX40fAvD1+BRNjGqbv05Fz0RDYXSSPMTuvKOr6ngdisw3xgoqSCVhLMWJRHaXIa3lkHzaGDWV6MQ8zxkE5EJ15KQHC+fon7G+vESfxIJL5vIs5zXAAAAAElFTkSuQmCC\",\"blurWidth\":8,\"blurHeight\":4};","/**\n * @license lucide-react v0.473.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"M10 7.75a.75.75 0 0 1 1.142-.638l3.664 2.249a.75.75 0 0 1 0 1.278l-3.664 2.25a.75.75 0 0 1-1.142-.64z\",\n      key: \"1pctta\"\n    }\n  ],\n  [\"path\", { d: \"M12 17v4\", key: \"1riwvh\" }],\n  [\"path\", { d: \"M8 21h8\", key: \"1ev6f3\" }],\n  [\"rect\", { x: \"2\", y: \"3\", width: \"20\", height: \"14\", rx: \"2\", key: \"x3v2xh\" }]\n];\nconst MonitorPlay = createLucideIcon(\"MonitorPlay\", __iconNode);\n\nexport { __iconNode, MonitorPlay as default };\n//# sourceMappingURL=monitor-play.js.map\n","import { CSSProperties, PropsWithoutRef, forwardRef, ReactNode, useState } from 'react'\n\nimport { CodeBlock } from '~/components/CodeBlock'\n\nimport cn from 'classnames'\nimport { MonitorPlay } from 'lucide-react'\n\ntype DemoProps = {\n  className?: string\n  wrapperClassName?: string\n  preClassName?: string\n  style?: CSSProperties\n  children?: ReactNode\n  copyButton?: boolean\n}\n\nconst TsLogo = ({ className }: { className: string }) => (\n  <svg\n    fill=\"none\"\n    height=\"128\"\n    viewBox=\"0 0 128 128\"\n    width=\"128\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    className={className}\n  >\n    <rect fill=\"#3178c6\" height=\"128\" rx=\"6\" width=\"128\" />\n    <path\n      clipRule=\"evenodd\"\n      d=\"m74.2622 99.468v14.026c2.2724 1.168 4.9598 2.045 8.0625 2.629 3.1027.585 6.3728.877 9.8105.877 3.3503 0 6.533-.321 9.5478-.964 3.016-.643 5.659-1.702 7.932-3.178 2.272-1.476 4.071-3.404 5.397-5.786 1.325-2.381 1.988-5.325 1.988-8.8313 0-2.5421-.379-4.7701-1.136-6.6841-.758-1.9139-1.85-3.6159-3.278-5.1062-1.427-1.4902-3.139-2.827-5.134-4.0104-1.996-1.1834-4.246-2.3011-6.752-3.353-1.8352-.7597-3.4812-1.4975-4.9378-2.2134-1.4567-.7159-2.6948-1.4464-3.7144-2.1915-1.0197-.7452-1.8063-1.5341-2.3598-2.3669-.5535-.8327-.8303-1.7751-.8303-2.827 0-.9643.2476-1.8336.7429-2.6079s1.1945-1.4391 2.0976-1.9943c.9031-.5551 2.0101-.9861 3.3211-1.2929 1.311-.3069 2.7676-.4603 4.3699-.4603 1.1658 0 2.3958.0877 3.6928.263 1.296.1753 2.6.4456 3.911.8109 1.311.3652 2.585.8254 3.824 1.3806 1.238.5552 2.381 1.198 3.43 1.9285v-13.1051c-2.127-.8182-4.45-1.4245-6.97-1.819s-5.411-.5917-8.6744-.5917c-3.3211 0-6.4674.3579-9.439 1.0738-2.9715.7159-5.5862 1.8336-7.844 3.353-2.2578 1.5195-4.0422 3.4553-5.3531 5.8075-1.311 2.3522-1.9665 5.1646-1.9665 8.4373 0 4.1785 1.2017 7.7433 3.6052 10.6945 2.4035 2.9513 6.0523 5.4496 10.9466 7.495 1.9228.7889 3.7145 1.5633 5.375 2.323 1.6606.7597 3.0954 1.5486 4.3044 2.3668s2.1628 1.7094 2.8618 2.6736c.7.9643 1.049 2.06 1.049 3.2873 0 .9062-.218 1.7462-.655 2.5202s-1.1 1.446-1.9885 2.016c-.8886.57-1.9956 1.016-3.3212 1.337-1.3255.321-2.8768.482-4.6539.482-3.0299 0-6.0305-.533-9.0021-1.6-2.9715-1.066-5.7245-2.666-8.2591-4.799zm-23.5596-34.9136h18.2974v-11.5544h-51v11.5544h18.2079v51.4456h14.4947z\"\n      fill=\"#fff\"\n      fillRule=\"evenodd\"\n    />\n  </svg>\n)\nconst ReactLogo = ({ className }: { className: string }) => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"-11.5 -10.23174 23 20.46348\" className={className}>\n    <title>React Logo</title>\n    <circle cx=\"0\" cy=\"0\" r=\"2.05\" fill=\"#61dafb\" />\n    <g stroke=\"#61dafb\" strokeWidth=\"1\" fill=\"none\">\n      <ellipse rx=\"11\" ry=\"4.2\" />\n      <ellipse rx=\"11\" ry=\"4.2\" transform=\"rotate(60)\" />\n      <ellipse rx=\"11\" ry=\"4.2\" transform=\"rotate(120)\" />\n    </g>\n  </svg>\n)\n\nconst dbCode = `import RushDB from '@rushdb/javascript-sdk'\n\nexport const db = new RushDB('API-TOKEN')\n\n// get your token at app.rushdb.com`\n\nconst apiCode = `import { keepPreviousData, useQuery } from '@tanstack/react-query'\nimport { db } from '@/db'\nimport { useSearchQuery } from '@/context/search-query-context'\n\n// Fetch Records from RushDB\nexport function useRecords() {\n  const { where, labels, skip, limit } = useSearchQuery()\n\n  return useQuery({\n    queryKey: ['records', where, labels, skip, limit],\n    queryFn: () => db.records.find({ where, labels, skip, limit })\n  })\n}\n\n// Fetch Properties from RushDB\nexport function useProperties() {\n  const { where = {}, labels, skip, limit } = useSearchQuery()\n  \n  return useQuery({\n    queryKey: ['properties', where, labels, skip, limit],\n    queryFn: () => db.properties.find({ where, labels, skip, limit })\n  })\n}\n\n// Fetch Record's from Relationships\nexport function useRecordRelations(id: string) {\n  return useQuery({\n    queryKey: ['record-relations', id],\n    queryFn: () => db.records.relations(id)\n  })\n}\n\n// Fetch Property's values from RushDB\nexport function usePropertyValues(propertyId: string, query?: string) {\n  const { where = {}, labels } = useSearchQuery()\n\n  return useQuery({\n    queryKey: ['property-values', propertyId, where, labels, query],\n    queryFn: () => db.properties.values(propertyId, { query })\n  })\n}\n\n// Fetch Labels from RushDB\nexport function useLabels() {\n  const { where, skip, limit } = useSearchQuery()\n\n  return useQuery({\n    queryKey: ['labels', where, skip, limit],\n    queryFn: () => db.labels.find({ where, skip, limit })\n  })\n}\n`\n\nconst recordsCode = `\nimport { useState } from 'react'\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardFooter,\n  CardHeader,\n  CardTitle,\n} from '@/components/ui/card'\nimport { Button } from '@/components/ui/button'\nimport { RecordModal } from '@/components/record-modal'\nimport { db } from '@/db'\nimport { useRecords } from '@/hooks/use-records'\nimport { Loader } from 'lucide-react'\nimport { DBRecord } from '@rushdb/javascript-sdk'\n\nexport default function RecordsGrid() {\n  const [currentRecord, setCurrentRecord] = useState<DBRecord | undefined>()\n\n  const { data: records, isLoading, isFetching } = useRecords()\n\n  if (isLoading || isFetching) {\n    return (\n      <div className=\"flex-1 p-6 pl-80\">\n        <div className=\"pl-4 items-center grid w-full h-full animate-pulse text-center justify-center\">\n          <Loader className=\"animate-spin\" />\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"flex-1 p-6 pl-80\">\n      <div className=\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 pl-4\">\n        {records?.data?.map((record) => (\n          <Card key={record.__id} className=\"flex flex-col shadow-none\">\n            <CardHeader>\n              <CardTitle>{record.__label}</CardTitle>\n              <CardDescription>{record.__id}</CardDescription>\n            </CardHeader>\n            <CardContent className=\"flex-grow\">\n              <p className=\"\">{db.toInstance(record).date.toISOString()}</p>\n            </CardContent>\n            <CardFooter>\n              <Button\n                onClick={() => setCurrentRecord(record)}\n                className=\"w-full\"\n                variant=\"outline\"\n              >\n                Details\n              </Button>\n            </CardFooter>\n          </Card>\n        ))}\n      </div>\n      {currentRecord && (\n        <RecordModal\n          record={currentRecord}\n          isOpen={!!currentRecord}\n          onClose={() => setCurrentRecord(undefined)}\n        />\n      )}\n    </div>\n  )\n}`\n\nconst code = {\n  'db.ts': dbCode,\n  'api.ts': apiCode,\n  'Records.tsx': recordsCode\n}\n\nconst tabs = {\n  'Live Preview': MonitorPlay,\n  'db.ts': TsLogo,\n  'api.ts': TsLogo,\n  'Records.tsx': ReactLogo\n} as const\n\nconst Logo = ({ tab, className }: { tab: string; className: string }) => {\n  // @ts-ignore\n  const Comp = tabs[tab]\n\n  return <Comp className={className} />\n}\n\nexport const Demo = forwardRef<HTMLDivElement, PropsWithoutRef<DemoProps>>(\n  ({ className, preClassName, wrapperClassName, children: extra, copyButton, style }, ref) => {\n    const [tab, setTab] = useState<keyof typeof tabs>('Live Preview')\n\n    return (\n      <div className={cn(className, 'w-full rounded-xl bg-[#131313]')} ref={ref} style={style}>\n        <div className=\"text-content-contrast border-b-content2 mb-2 flex w-full cursor-pointer justify-between rounded-t-xl border-b bg-[#131313] text-center font-mono font-bold\">\n          {Object.keys(tabs).map((key) => (\n            <div\n              key={key}\n              onClick={() => setTab(key as keyof typeof tabs)}\n              className={cn('w-full grow py-2 transition hover:grayscale-0', {\n                grayscale: key !== tab,\n                'border-b': key === tab,\n                'text-content3': key !== tab\n              })}\n            >\n              {key} <Logo className=\"h-8 w-8 p-2\" tab={key} />\n            </div>\n          ))}\n        </div>\n\n        {tab === 'Live Preview' ?\n          <iframe src={'https://main.d2d2gymukglcvg.amplifyapp.com/'} className=\"h-[85vh] w-full\" />\n        : <CodeBlock\n            code={code[tab]}\n            className={className}\n            preClassName={preClassName}\n            wrapperClassName={cn(wrapperClassName, 'rounded-xl rounded-t-none ')}\n            copyButton={copyButton}\n            showLineNumbers={true}\n          />\n        }\n      </div>\n    )\n  }\n)\n\nDemo.displayName = 'Demo'\n","import { Button, MainCta } from '~/components/Button'\nimport Link from 'next/link'\nimport { links } from '~/config/urls'\nimport { BookIcon, Waypoints } from 'lucide-react'\nimport { CodeBlock } from '~/components/CodeBlock'\nimport Image from 'next/image'\n\nimport dashboard from '../../images/dashboard.png'\nimport { CodeBlockWithLanguageSelector } from '~/components/CodeBlockWithLanguageSelector'\nimport { useContext } from 'react'\nimport { CodingLanguage } from '~/contexts/CodingLanguage'\nimport { Demo } from '~/sections/HowItWorks/demo'\nimport { GitHub } from '~/components/Icons/GitHub'\n\nconst code1 = `import RushDB from '@rushdb/javascript-sdk'\n\nconst db = new RushDB('rushdb-api-key')\n\nawait db.records.createMany(\"COMPANY\", {\n  name: 'Google LLC',\n  address: '1600 Amphitheatre Parkway, Mountain View, CA 94043, USA',\n  foundedAt: '1998-09-04T00:00:00.000Z',\n  rating: 4.9,\n  DEPARTMENT: [{\n    name: 'Research & Development',\n    description: 'Innovating and creating advanced technologies for AI, cloud computing, and consumer devices.',\n    tags: ['AI', 'Cloud Computing', 'Research'],\n    profitable: true,\n    PROJECT: [{\n      name: 'Bard AI',\n      description: 'A state-of-the-art generative AI model for natural language understanding and creation.',\n      active: true,\n      budget: 1200000000,\n      EMPLOYEE: [{\n        name: 'Jeff Dean',\n        position: 'Head of AI Research',\n        email: 'jeff@google.com',\n        salary: 3000000`\n\nconst code1Py = `from rushdb import RushDB\n\ndb = RushDB(\"rushdb-api-key\")\n\ndb.records.create_many(\n    \"COMPANY\",\n    {\n        \"name\": \"Google LLC\",\n        \"address\": \"1600 Amphitheatre Parkway, Mountain View, CA 94043, USA\",\n        \"foundedAt\": \"1998-09-04T00:00:00.000Z\",\n        \"rating\": 4.9,\n        \"DEPARTMENT\": [\n            {\n                \"name\": \"Research & Development\",\n                \"description\": \"Innovating and creating advanced technologies for AI, cloud computing, and consumer devices.\",\n                \"tags\": [\"AI\", \"Cloud Computing\", \"Research\"],\n                \"profitable\": true,\n                \"PROJECT\": [\n                    {\n                        \"name\": \"Bard AI\",\n                        \"description\": \"A state-of-the-art generative AI model for natural language understanding and creation.\",\n                        \"active\": true,\n                        \"budget\": 1200000000,\n                        \"EMPLOYEE\": [\n                            {\n                                \"name\": \"Jeff Dean\",\n                                \"position\": \"Head of AI Research\",\n                                \"email\": \"jeff@google.com\",\n                                \"salary\": 3000000\"`\n\nconst code2 = `await db.records.find({\n  labels: ['COMPANY'],\n  where: {\n    stage: 'seed',\n    address: { $contains: 'USA' },\n    foundedAt: {\n      $year: { $lte: 2000 }\n    },\n    rating: {\n      $or: [{ $lt: 2.5 }, { $gte: 4.5 }]\n    },\n    EMPLOYEE: {\n      $alias: '$employee',\n      salary: {\n        $gte: 500_000\n      }\n    }\n  },\n  aggregate: {\n    employees: {\n      fn: 'collect',\n      alias: '$employee',\n      limit: 10\n    }\n  }\n})`\n\nconst code2Py = `db.records.find(\n    {\n        \"labels\": [\"COMPANY\"],\n        \"where\": {\n            \"stage\": \"seed\",\n            \"address\": {\"$contains\": \"USA\"},\n            \"foundedAt\": {\"$year\": {\"$lte\": 2000}},\n            \"rating\": {\n                \"$or\": [{\"$lt\": 2.5}, {\"$gte\": 4.5}]\n            },\n            \"EMPLOYEE\": {\n                \"$alias\": \"$employee\", \n                \"salary\": {\n                    \"$gte\": 500_000\n                }\n            },\n        },\n        \"aggregate\": {\n            \"employees\": {\n                \"fn\": \"collect\",\n                \"alias\": \"$employee\",\n                \"limit\": 10\n            }\n        },\n    }\n)`\n\nconst code3 = `// Property \\`name\\` [string]\nawait db.properties.values(\n  '0192397b-8579-7ce2-a899-01c59bad63f8'\n)\n// Response\n{\n  values: [\n    'Eleanor Whitaker',\n    'Marcus Donovan',\n    'Priya Kapoor',\n    'Julian Alvarez'\n  ],\n  type: 'string'\n}\n\n// Property \\`size\\` [number]\nawait db.properties.values(\n  '019412c0-2051-71fe-bc9d-26117b52c119'\n)\n// Response\n{\n  min: 5.5,\n  max: 12.5,\n  values: [5.5, 6, 6.5, 7, 7.5, 8, 8.5, ...],\n  type: 'number'\n}\n`\n\nconst code3Py = `# Property \\`name\\` [string]\ndb.properties.values(\n  \"0192397b-8579-7ce2-a899-01c59bad63f8\"\n)\n# Response\n{\n  \"values\": [\n    \"Eleanor Whitaker\",\n    \"Marcus Donovan\",\n    \"Priya Kapoor\",\n    \"Julian Alvarez\"\n  ],\n  \"type\": \"string\"\n}\n\n# Property \\`size\\` [number]\ndb.properties.values(\n  \"019412c0-2051-71fe-bc9d-26117b52c119\"\n)\n# Response\n{\n  \"min\": 5.5,\n  \"max\": 12.5,\n  \"values\": [5.5, 6, 6.5, 7, 7.5, 8, 8.5, ...],\n  \"type\": \"number\"\n}\n`\n\nconst codeDocker = `docker run -p 3000:3000 --name rushdb \\\\\n-e NEO4J_URL='bolt+s://your-neo4j-instance-url:7687' \\\\\n-e NEO4J_USERNAME='neo4j' \\\\\n-e NEO4J_PASSWORD='password' \\\\\nrushdb/platform`\n\nconst codeCompany = `Record\n---------------------\nname:        \"string\"\naddress:     \"string\"\nfoundedAt: \"datetime\"\nrating:      \"number\"`\n\nconst codeDepartment = `Record\n---------------------\nname:        \"string\"\ndescription: \"string\"\ntags:        \"string\"\nprofitable: \"boolean\"`\n\nconst codeProject = `Record\n---------------------\nname:        \"string\"\ndescription: \"string\"\nactive:     \"boolean\"\nbudget:      \"number\"`\n\nconst codeEmployee = `Record\n------------------\nname:     \"string\"\nposition: \"string\"\nemail:    \"string\"\nsalary:   \"number\"`\n\nconst codeProperty = `Property\n-------------------\nname: \"description\"\ntype:      \"string\"`\n\nconst codeAiIntegration = `import OpenAI from 'openai'\nimport RushDB from '@rushdb/javascript-sdk'\n\nconst db = new RushDB('rushdb-api-key')\nconst openai = new OpenAI({ apiKey: 'openai-api-key' })\n\nasync function generateAndStoreData() {\n  // Step 1: Call OpenAI API to generate some output\n  const prompt = '...'\n  const completion = await openai.chat.completions.create({\n    model: 'gpt-3.5-turbo',\n    messages: [{ role: 'user', content: prompt }],\n    response_format: { type: 'json_object' }\n  })\n\n  // Step 2: Extract the generated content\n  const generatedContent = completion.choices[0].message.content\n  const parsedContent = JSON.parse(generatedContent)\n\n  // Step 3: Store the output in RushDB\n  const record = await db.records.createMany(\n    'AI_RESPONSE',\n    parsedContent\n  )\n}`\n\nconst codeAiIntegrationPy = `import openai\nfrom rushdb import RushDB\n\ndb = RushDB(\"rushdb-api-key\")\nopenai.api_key = \"openai-api-key\"\n\n\ndef generate_and_store_data():\n    # Step 1: Call OpenAI API to generate some output\n    prompt = \"...\"\n    completion = await openai.ChatCompletion.create(\n        model=\"gpt-3.5-turbo\",\n        messages=[{\"role\": \"user\", \"content\": prompt}],\n        response_format={\"type\": \"json_object\"},\n    )\n\n    # Step 2: Extract the generated content\n    generated_content = completion[\"choices\"][0][\"message\"][\"content\"]\n    parsed_content = json.loads(generated_content)\n\n    # Step 3: Store the output in RushDB\n    record = await db.records.create_many(\"AI_RESPONSE\", parsed_content)`\n\nexport const HowItWorks = () => {\n  const { language } = useContext(CodingLanguage)\n\n  return (\n    <>\n      <section className=\"mt-[1px]\">\n        <div className=\"container\">\n          <div className=\"outline-stroke rounded-tl-[150px] text-center outline outline-1 outline-offset-0 md:rounded-tl-[80px]\">\n            <h3 className=\"typography-2xl md:typography-xl text px-6 pt-20\">Push any JSON or CSV data</h3>\n            <p className=\"text-content3 text-md px-6 pb-20 pt-8 !font-medium !tracking-normal md:text-base\">\n              RushDB intelligently maps relationships, types,\n              <br className=\"md:hidden\" /> and labels any input data, so you don’t have to.\n            </p>\n            <CodeBlock\n              code={language === 'typescript' ? code1 : code1Py}\n              className=\"h-2/3 place-content-center pb-0 md:w-full lg:w-full\"\n              wrapperClassName=\"rounded-bl-none rounded-br-none pb-0\"\n              preClassName=\"md:w-full pb-0\"\n            >\n              <div className=\"absolute bottom-0 left-0 h-1/2 w-full bg-gradient-to-b from-transparent to-[#131313]\"></div>\n            </CodeBlock>\n          </div>\n        </div>\n      </section>\n\n      <section className=\"outline-stroke outline outline-1 outline-offset-0\">\n        <div className=\"container grid w-full grid-flow-col grid-rows-2 gap-[1px] md:grid-flow-row md:grid-rows-3\">\n          <div className=\"outline-stroke row-span-2 w-full rounded-full rounded-tr-none p-8 outline outline-1 outline-offset-0 md:hidden md:p-6\"></div>\n\n          <div className=\"outline-stroke col-span-2 row-span-2 w-full rounded-b-[50px] p-8 outline outline-1 outline-offset-0 md:p-6\">\n            <div className=\"flex w-full flex-col items-start gap-4 md:gap-2\">\n              <span className=\"text-content font-mono text-xl font-bold md:text-lg\">32MB</span>\n              <div>\n                <p className=\"text-md text-content3 md:text-base\">In a single payload or...</p>\n                <p className=\"text-md text-content3 md:text-base\">\n                  <b>10 000+</b> products for online store\n                </p>\n                <p className=\"text-md text-content3 md:text-base\">\n                  <b>100 000+</b> financial transactions\n                </p>\n                <p className=\"text-md text-content3 md:text-base\">\n                  <b>1 000 000+</b> API logs\n                </p>\n              </div>\n            </div>\n          </div>\n          <div className=\"outline-stroke flex w-full flex-col gap-4 rounded-tr-[50px] p-8 outline outline-1 outline-offset-0 md:col-span-2 md:gap-2 md:p-6\">\n            <span className=\"text-content font-mono text-xl font-bold md:text-lg\">~0.25ms</span>{' '}\n            <p className=\"text-md text-content3 md:text-base\">Batch write speed per Record</p>\n          </div>\n          <div className=\"outline-stroke flex w-full flex-col gap-4 rounded-l-full p-8 outline outline-1 outline-offset-0 md:gap-2\">\n            <span className=\"text-content font-mono text-xl font-bold md:text-lg\">ACID Compliance</span>{' '}\n            <p className=\"text-md text-content3 md:text-base\">Ensures data integrity and reliability</p>\n          </div>\n\n          <div className=\"outline-stroke row-span-2 w-full rounded-full rounded-br-none p-8 outline outline-1 outline-offset-0 md:hidden\"></div>\n        </div>\n      </section>\n\n      <section className=\"border-b\">\n        <div className=\"container text-center\">\n          <h3 className=\"typography-2xl md:typography-xl text px-6 pt-20\">Automatic Data Normalization</h3>\n          <p className=\"text-content3 text-md px-6 pb-20 pt-8 !font-medium !tracking-normal md:text-base\">\n            Records are created with appropriate types and relationships between them,{' '}\n            <br className=\"md:hidden\" /> without any need for predefined models or schemas.\n          </p>\n          <div className=\"m-auto grid w-full max-w-3xl grid-flow-col grid-rows-2 gap-[1px] md:grid-rows-4\">\n            <div className=\"outline-stroke w-full rounded-bl-[80px] p-12 outline outline-1 outline-offset-0 md:p-6\">\n              <div className=\"flex w-full flex-col items-start gap-4\">\n                <div className=\"m-auto flex w-fit flex-wrap items-center gap-4 rounded-full border px-3 py-3 md:gap-2 md:p-2\">\n                  <div className=\"bg-accent-yellow h-6 w-6 rounded-full md:h-4 md:w-4\"></div>\n                  <span className=\"text-content text-md mr-2 font-mono font-bold md:text-xs\">COMPANY</span>\n                </div>\n                <CodeBlock code={codeCompany} className=\"m-auto\" preClassName=\"md:w-full\" />\n              </div>\n            </div>\n            <div className=\"outline-stroke w-full rounded-br-[80px] p-12 outline outline-1 outline-offset-0 md:p-6\">\n              <div className=\"flex w-full flex-col items-start gap-4\">\n                <div className=\"m-auto flex w-fit flex-wrap items-center gap-4 rounded-full border px-3 py-3 md:gap-2 md:p-2\">\n                  <div className=\"h-6 w-6 rounded-full bg-green-600 md:h-4 md:w-4\"></div>\n                  <span className=\"text-content text-md mr-2 font-mono font-bold md:text-xs\">PROJECT</span>\n                </div>\n                <CodeBlock code={codeProject} className=\"m-auto\" preClassName=\"md:w-full\" />\n              </div>\n            </div>\n            <div className=\"outline-stroke w-full rounded-r-[80px] p-12 outline outline-1 outline-offset-0 md:p-6\">\n              <div className=\"flex w-full flex-col items-start gap-4\">\n                <div className=\"m-auto flex w-fit flex-wrap items-center gap-4 rounded-full border px-3 py-3 md:gap-2 md:p-2\">\n                  <div className=\"bg-accent-orange h-6 w-6 rounded-full md:h-4 md:w-4\"></div>\n                  <span className=\"text-content text-md mr-2 font-mono font-bold md:text-xs\">DEPARTMENT</span>\n                </div>\n                <CodeBlock code={codeDepartment} className=\"m-auto\" preClassName=\"md:w-full\" />\n              </div>\n            </div>\n            <div className=\"outline-stroke w-full rounded-bl-[80px] rounded-tr-[80px] p-12 outline outline-1 outline-offset-0 md:p-6\">\n              <div className=\"flex w-full flex-col items-start gap-4\">\n                <div className=\"m-auto flex w-fit flex-wrap items-center gap-4 rounded-full border px-3 py-3 md:gap-2 md:p-2\">\n                  <div className=\"bg-accent-purple h-6 w-6 rounded-full md:h-4 md:w-4\"></div>\n                  <span className=\"text-content text-md mr-2 font-mono font-bold md:text-xs\">EMPLOYEE</span>\n                </div>\n                <CodeBlock code={codeEmployee} className=\"m-auto\" preClassName=\"md:w-full\" />\n              </div>\n            </div>\n          </div>\n        </div>\n      </section>\n\n      <section>\n        <div className=\"container text-center\">\n          <div className=\"outline-stroke rounded-t-[80px] py-20 outline outline-1 outline-offset-0 md:pb-8\">\n            <h3 className=\"typography-2xl md:typography-xl text px-6\">Query Smarter, Not Harder</h3>\n            <p className=\"text-content3 text-md px-6 pb-20 pt-8 !font-medium !tracking-normal md:text-base\">\n              Every Property gets its own \"container,\" smartly linked to other matching Records\n              <br className=\"md:hidden\" /> by name and type, making querying easy and performant.\n            </p>\n\n            <div className=\"flex w-full flex-row items-center justify-center gap-4 md:gap-1\">\n              <CodeBlock\n                code={codeProperty}\n                className=\"place-content-center gap-[1px]\"\n                preClassName=\"md:w-full\"\n              />\n              <Waypoints />\n              <div className=\"flex flex-col gap-4 md:gap-2\">\n                <div className=\"flex w-fit items-center gap-4 rounded-full border px-3 py-3 md:gap-2 md:p-2\">\n                  <div className=\"h-6 w-6 rounded-full bg-green-600 md:h-4 md:w-4\"></div>\n                  <span className=\"text-content text-md mr-2 font-mono font-bold md:text-xs\">PROJECT</span>\n                </div>\n                <div className=\"flex items-center gap-4 rounded-full border px-3 py-3 md:gap-2 md:p-2\">\n                  <div className=\"bg-accent-orange h-6 w-6 rounded-full md:h-4 md:w-4\"></div>\n                  <span className=\"text-content text-md mr-2 font-mono font-bold md:text-xs\">DEPARTMENT</span>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </section>\n\n      <section className=\"border-b border-t\">\n        <div className=\"container m-auto grid grid-cols-2 gap-[1px] md:grid-cols-1\">\n          <div className=\"outline-stroke flex h-full w-full flex-col justify-between rounded-bl-[80px] rounded-tr-[80px] pt-12 outline outline-1 outline-offset-0\">\n            <div className=\"mx-auto mb-8 max-w-xl md:px-6 md:text-center\">\n              <h4 className=\"mb-8 text-xl font-bold md:mb-4 md:text-lg\">Complex Queries, Simple Syntax</h4>\n              <p className=\"text-content3 text-md !font-medium !tracking-normal md:text-base\">\n                Find exactly what you need with ease. With automated on-the-fly data normalization, query\n                complex, deeply interconnected data without the acrobatics.\n              </p>\n            </div>\n            <CodeBlockWithLanguageSelector\n              data={{ typescript: code2, python: code2Py }}\n              className=\"mx-auto w-full max-w-xl\"\n              preClassName=\"md:w-full\"\n              wrapperClassName=\"rounded-bl-none rounded-br-none pb-0\"\n            ></CodeBlockWithLanguageSelector>\n          </div>\n\n          <div className=\"outline-stroke flex h-full w-full flex-col justify-between rounded-br-[80px] pt-12 outline outline-1 outline-offset-0\">\n            <div className=\"mx-auto mb-8 max-w-xl md:px-6 md:text-center\">\n              <h4 className=\"mb-8 text-xl font-bold md:mb-4 md:text-lg\">Build Powerful Filters & Search</h4>\n              <p className=\"text-content3 text-md !font-medium !tracking-normal md:text-base\">\n                List every variation. Filter with ease. Build catalogs and search experiences like a pro - no\n                backend, no fuss. All from a single API.\n              </p>\n            </div>\n            <CodeBlockWithLanguageSelector\n              data={{ typescript: code3, python: code3Py }}\n              className=\"mx-auto w-full max-w-xl\"\n              preClassName=\"md:w-full\"\n              wrapperClassName=\"rounded-bl-none rounded-br-none pb-0\"\n            ></CodeBlockWithLanguageSelector>\n          </div>\n        </div>\n      </section>\n\n      <section className=\"outline-stroke outline outline-1 outline-offset-0 md:hidden\" id=\"demo\">\n        <div className=\"container\">\n          <div className=\"outline-stroke rounded-t-[80px] outline outline-1 outline-offset-0\">\n            <h3 className=\"typography-2xl md:typography-xl text mb-8 pt-16 text-center\">\n              Live Demo: See RushDB in Action\n            </h3>\n            <p className=\"text-content3 text-md mb-8 text-center !font-medium !tracking-normal md:text-base\">\n              Experience the power of RushDB firsthand.\n            </p>\n\n            <Button\n              as={Link}\n              href={links.examples}\n              target=\"_blank\"\n              size=\"small\"\n              variant=\"outline\"\n              className=\"bg-fill m-auto mb-16 w-fit\"\n            >\n              Explore Examples <GitHub />\n            </Button>\n\n            <Demo />\n          </div>\n        </div>\n      </section>\n\n      <section className=\"outline-stroke outline outline-1 outline-offset-0\" id=\"use-cases\">\n        <div className=\"container\">\n          <div className=\"outline-stroke outline outline-1 outline-offset-0\">\n            <h3 className=\"typography-2xl md:typography-xl text py-16 text-center\">Use Cases</h3>\n\n            <div className=\"grid grid-cols-2 gap-[1px]\">\n              <div className=\"outline-stroke row-end-1 w-full rounded-b-[80px] p-12 outline outline-1 outline-offset-0 md:col-span-2 md:row-end-1 md:rounded-b-[50px] md:p-6\">\n                <h4 className=\"mb-8 text-xl font-bold md:mb-4 md:text-lg\">SaaS & Apps</h4>\n                <p className=\"text-content3 text-md md:text-base\">\n                  Building the next big thing shouldn't start with battling clumsy databases and other stuff.\n                  Focus on delivering features - RushDB takes care of the rest.\n                </p>\n              </div>\n              <div className=\"outline-stroke row-end-1 w-full rounded-r-[80px] p-12 outline outline-1 outline-offset-0 md:col-span-2 md:row-end-2 md:rounded-r-[50px] md:p-6\">\n                <h4 className=\"mb-8 text-xl font-bold md:mb-4 md:text-lg\">AI / ML & Research</h4>\n                <p className=\"text-content3 text-md md:text-base\">\n                  Having fast and reliable data storage for AI is challenging yet rewarding. RushDB helps you\n                  store structured and semi-structured data at scale.\n                </p>\n              </div>\n              <div className=\"col-span-2 row-span-1 grid grid-cols-2 items-center gap-24 md:mt-0 md:grid-cols-1 md:gap-0\">\n                <div className=\"mb-8 items-center p-20 md:p-6 md:pb-0\">\n                  <h4 className=\"mb-8 text-xl font-bold md:mb-4 md:text-lg\">\n                    Persistence for AI Era: Smart and Simple\n                  </h4>\n                  <p className=\"text-content3 text-md md:text-base\">\n                    RushDB handles the complexity - so you can focus on building. Just push JSON, query\n                    granularly, and let automatic labeling and type suggestions do the rest.\n                  </p>\n                </div>\n\n                <div className=\"flex w-full items-center justify-start py-20 pr-8 md:flex-col md:p-0\">\n                  <CodeBlockWithLanguageSelector\n                    data={{ typescript: codeAiIntegration, python: codeAiIntegrationPy }}\n                    className=\"mx-auto w-full\"\n                    preClassName=\"md:w-full\"\n                    wrapperClassName=\"md:rounded-bl-none md:rounded-br-none md:pb-0\"\n                  />\n                </div>\n              </div>\n\n              <div className=\"outline-stroke w-full rounded-t-[80px] p-12 outline outline-1 outline-offset-0 md:col-span-2 md:rounded-t-[50px] md:p-6\">\n                <h4 className=\"mb-8 text-xl font-bold md:mb-4 md:text-lg\">IoT Projects</h4>\n                <p className=\"text-content3 text-md md:text-base\">\n                  Don’t let infrastructure complexity slow down your IoT innovation. RushDB handles data\n                  ingestion and storage - so you can focus on building smarter solutions.\n                </p>\n              </div>\n              <div className=\"outline-stroke w-full rounded-l-[80px] rounded-br-[80px] p-12 outline outline-1 outline-offset-0 md:col-span-2 md:rounded-l-[50px] md:p-6\">\n                <h4 className=\"mb-8 text-xl font-bold md:mb-4 md:text-lg\">Search Engines</h4>\n                <p className=\"text-content3 text-md md:text-base\">\n                  RushDB makes filtering large datasets fast and efficient, handling data of any shape and\n                  complexity with search capabilities designed for performance.\n                </p>\n              </div>\n\n              <div className=\"outline-stroke w-full rounded-t-[80px] p-12 outline outline-1 outline-offset-0 md:col-span-2 md:rounded-t-[50px] md:p-6\">\n                <h4 className=\"mb-8 text-xl font-bold md:mb-4 md:text-lg\">Hobby Projects</h4>\n                <p className=\"text-content3 text-md md:text-base\">\n                  What’s more frustrating than losing your spark of inspiration to infrastructure hassle?\n                  RushDB lets you skip the grind and get back to building.\n                </p>\n              </div>\n\n              <div className=\"outline-stroke grid w-full items-center rounded-t-[80px] rounded-br-[80px] p-12 outline outline-1 outline-offset-0 md:hidden md:rounded-t-[50px] md:p-6\">\n                <p className=\"text-content3 text-md text-center md:text-base\">\n                  Create a project, grab your API token,\n                  <br />\n                  and start building in less than 30 seconds\n                </p>\n                <div className=\"m-auto flex w-full justify-center gap-4\">\n                  <MainCta size=\"small\" variant=\"accent\" text=\"Create Project\" />\n                  <Button\n                    as={Link}\n                    href={links.getStarted}\n                    size=\"small\"\n                    variant=\"outline\"\n                    className=\"bg-fill w-fit\"\n                  >\n                    Read the Docs <BookIcon />\n                  </Button>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </section>\n\n      <section className=\"mt-[1px] border-b\">\n        <div className=\"container text-center\">\n          <div className=\"outline-stroke outline outline-1 outline-offset-0\">\n            <h3 className=\"typography-2xl md:typography-xl text pt-20\">Fully Featured Dashboard</h3>\n            <p className=\"text-content3 text-md pb-20 pt-8 !font-medium !tracking-normal md:pb-8 md:text-base\">\n              That helps you navigate your data intuitively and fast\n            </p>\n            <Image\n              priority\n              src={dashboard.src}\n              alt=\"dashboard-preview\"\n              width={1894}\n              height={989}\n              className=\"w-full\"\n            />\n          </div>\n        </div>\n      </section>\n\n      <section className=\"border-b\">\n        <div className=\"container text-center\">\n          <div className=\"outline-stroke rounded-b-full py-20 outline outline-1 outline-offset-0 md:rounded-b-[100px]\">\n            <h3 className=\"typography-2xl md:typography-xl text mb-8\">Self-hosted? Simple.</h3>\n            <p className=\"text-content3 text-md !font-medium !tracking-normal md:text-base\">\n              1. Setup your Neo4j instance or use{' '}\n              <Link\n                href=\"https://neo4j.com/product/auradb/\"\n                target=\"_blank\"\n                className=\"underline decoration-dashed\"\n              >\n                Neo4j Aura\n              </Link>\n            </p>\n            <p className=\"text-content3 text-md mb-8 !font-medium !tracking-normal md:text-base\">\n              2. Run RushDB container with Neo4j credentials\n            </p>\n            <CodeBlock\n              language=\"bash\"\n              code={codeDocker}\n              className=\"mb-8 grid place-content-center gap-[1px] md:w-full lg:w-full\"\n              preClassName=\"md:w-full\"\n            />\n            <p className=\"text-content3 text-md !font-medium !tracking-normal md:text-base\">\n              That's it. RushDB is ready at <br className=\"hidden md:block\" />\n              <span className=\"bold font-mono font-bold\">localhost:3000</span> 🎉️\n            </p>\n\n            <Button\n              as={Link}\n              href={links.getStarted}\n              size=\"small\"\n              variant=\"outline\"\n              className=\"bg-fill m-auto mt-8 w-fit\"\n            >\n              Read the Docs <BookIcon />\n            </Button>\n          </div>\n        </div>\n      </section>\n\n      <section className=\"outline-stroke outline outline-1 outline-offset-0\">\n        <div className=\"container text-center\">\n          <div className=\"outline-stroke rounded-full py-20 outline outline-1 outline-offset-0 md:rounded-[100px]\">\n            <h3 className=\"typography-2xl md:typography-xl text mb-8\">\n              Not an infra fan?\n              <br className=\"hidden md:block\" /> Opt for <span className=\"text-accent\">RushDB Cloud</span>\n            </h3>\n            <p className=\"text-content3 text-md mb-8 !font-medium !tracking-normal md:text-base\">\n              2 Projects Free Forever. No Maintenance Required.\n              <br className=\"md:hidden\" />\n              Focus on building apps, not on managing infrastructure.\n            </p>\n            <div className=\"m-auto flex w-full justify-center gap-4\">\n              <MainCta size=\"small\" variant=\"accent\" text=\"Create Project\" />\n              <Button as={Link} href={links.pricing} size=\"small\" variant=\"outline\" className=\"bg-fill\">\n                Explore Plans\n              </Button>\n            </div>\n          </div>\n        </div>\n      </section>\n    </>\n  )\n}\n","import { Layout } from '~/components/Layout'\nimport { Hero } from '~/sections/Hero'\n\nimport { Mission } from '~/sections/Mission'\nimport { HowItWorks } from '~/sections/HowItWorks'\n\nexport default function Home() {\n  return (\n    <Layout>\n      <Hero />\n      <HowItWorks />\n      <Mission />\n    </Layout>\n  )\n}\n"],"names":["window","__NEXT_P","push","__webpack_require__","copyToClipboard","text","callback","arguments","length","textToCopy","navigator","clipboard","isSecureContext","writeText","textArea","document","createElement","value","style","position","left","body","prepend","select","execCommand","error","console","remove","String","then","CopyButton","param","copied","setCopied","useState","jsx_runtime","jsx","Button","variant","onClick","setTimeout","size","className","CopyCheck","CopyIcon","PreStyles","textAlign","whiteSpace","wordSpacing","wordBreak","overflowWrap","color","background","fontSize","hyphens","overflow","override","codeTheme","fontFamily","CodeBlock","forwardRef","ref","code","showLineNumbers","preClassName","wrapperClassName","children","extra","copyButton","language","div","cx","SyntaxHighlighter","PreTag","jsxs","pre","Children","count","displayName","langLogoMap","python","react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__","Image","src","alt","width","height","priority","typescript","Logo","lang","Comp","CodeBlockWithLanguageSelector","data","setLanguage","setLang","useContext","CodingLanguage","useCallback","cn","Object","keys","map","key","grayscale","Book","createLucideIcon","Z","d","Hero","Fragment","id","section","h1","role","br","span","h2","Link","href","socials","github","target","rel","aria-label","p","process","GitHub","MainCta","as","links","getStarted","BookIcon","img","Mission","h3","Waypoints","cy","r","MonitorPlay","x","y","rx","TsLogo","svg","fill","viewBox","xmlns","rect","path","clipRule","fillRule","tabs","title","circle","g","stroke","strokeWidth","ellipse","ry","transform","tab","Demo","setTab","iframe","HowItWorks","b","h4","examples","pricing","Home","Layout"],"sourceRoot":""}