| 22 | } |
| 23 | |
| 24 | function Content() { |
| 25 | return ( |
| 26 | <div className="z-10 grid min-h-[80vh] w-[90vw] grid-rows-[auto_1fr_auto] gap-4 px-6 sm:p-6 sm:mt-[104px] sm:min-h-[85vh] sm:w-[76vw]"> |
| 27 | <div className="col-span-2 flex items-center justify-between"> |
| 28 | <div className={cn('flex items-center', inter.className)}> |
| 29 | <div className="mr-4 hidden size-4 rounded-full bg-muted-foreground/70 sm:block"></div> |
| 30 | <span className="text-sm text-muted-foreground/70 2xl:text-[1vw] 2xl:leading-[1vw]"> |
| 31 | dev local-first |
| 32 | </span> |
| 33 | </div> |
| 34 | |
| 35 | <div className={cn('flex items-center', inter.className)}> |
| 36 | <span className="text-sm text-muted-foreground/70 2xl:text-[1vw] 2xl:leading-[1vw]"> |
| 37 | deploy serverless |
| 38 | </span> |
| 39 | <div className="ml-4 hidden size-4 rounded-full bg-muted-foreground/70 sm:block"></div> |
| 40 | </div> |
| 41 | </div> |
| 42 | |
| 43 | <div className="col-span-2"></div> |
| 44 | |
| 45 | <div className="col-span-2 flex w-full flex-col-reverse items-center justify-between lg:flex-row lg:items-start"> |
| 46 | <div className={cn('self-end lg:max-w-[60%]', inter.className)}> |
| 47 | <div |
| 48 | className="text-center text-sm lg:text-left |
| 49 | |
| 50 | 2xl:text-[1vw] 2xl:leading-[1.5vw]" |
| 51 | > |
| 52 | <div className="flex items-center justify-center lg:justify-start"> |
| 53 | <div className="mr-4 hidden size-4 rounded-full bg-muted-foreground/70 sm:block"></div> |
| 54 | <span className="text-sm text-muted-foreground/70 2xl:text-[1vw] 2xl:leading-[1vw]"> |
| 55 | <strong className="mr-2 text-white"> |
| 56 | BaseAI |
| 57 | </strong> |
| 58 | <span className="text-muted-foreground/90"> |
| 59 | The first Web AI Framework. |
| 60 | </span> |
| 61 | </span> |
| 62 | </div> |
| 63 | <p className="mt-4 text-sm text-muted-foreground/90 2xl:text-[1vw] 2xl:leading-[1.5vw]"> |
| 64 | The easiest way to build serverless autonomous AI |
| 65 | agents with memory. Start building local-first, |
| 66 | agentic pipes, tools, and memory. Deploy serverless |
| 67 | with one command. |
| 68 | </p> |
| 69 | </div> |
| 70 | |
| 71 | <div className="mt-4 flex justify-center space-x-2 lg:justify-start "> |
| 72 | <Anchor |
| 73 | variant="default" |
| 74 | href="/docs" |
| 75 | aria-label="Get Started" |
| 76 | > |
| 77 | <IconDocs className="size-4" /> |
| 78 | <span className={inter.className}>Get Started</span> |
| 79 | </Anchor> |
| 80 | <Anchor |
| 81 | variant="secondary" |