diff --git a/docs/src/app/continue/page.tsx b/docs/src/app/continue/page.tsx index c39bb993..b4f54a0a 100644 --- a/docs/src/app/continue/page.tsx +++ b/docs/src/app/continue/page.tsx @@ -1,8 +1,8 @@ -import { ArrowRightIcon, DownloadIcon } from 'lucide-react'; import { cookies } from 'next/headers'; -import Image from 'next/image'; import Link from 'next/link'; import { redirect } from 'next/navigation'; +import { SplashButtonLabel, splashPrimaryButton } from '@/app/d/[encoded]/splash-buttons'; +import { SlideEyebrow, SlideHeading, SlideLead, SlidePageShell } from '@/components/slide-page'; import { decideContinue, NONCE_PARAM, @@ -37,69 +37,46 @@ export default async function ContinuePage({ searchParams }: ContinuePageProps) } return ( -
- + +
+ Welcome to OpenKnowledge -
-
-

- Welcome to OpenKnowledge -

+ You’re all set. -

- You’re all set. -

+ + OpenKnowledge is a local-first, markdown-native knowledge base where you and your AI + agents co-create. Open the app to create your first project, or connect an existing GitHub + repository. + -

- OpenKnowledge is a local-first, markdown-native knowledge base where you and your AI - agents co-create. Open the app to create your first project, or connect an existing - GitHub repository. -

+
+ + Read the getting-started guide + +
+
-
- +
+

Were you sent a share link?

+

+ Click the link again and choose{' '} + Open in OpenKnowledge to jump straight to it. +
+ Don’t have the app yet?{' '} + - Read the getting-started guide -

- - + Download it for macOS + + . +

-
-
+ + ); } diff --git a/docs/src/components/slide-page.tsx b/docs/src/components/slide-page.tsx new file mode 100644 index 00000000..37472b58 --- /dev/null +++ b/docs/src/components/slide-page.tsx @@ -0,0 +1,67 @@ +import Link from 'next/link'; +import type { ComponentProps, ReactNode } from 'react'; +import { DotTexture } from '@/app/(home)/dot-texture'; +import { SiteFooter } from '@/app/(home)/footer'; +import { OkWordmark } from '@/components/ok-wordmark'; +import { cn } from '@/lib/utils'; + +export function SlidePageShell({ children }: { children: ReactNode }) { + return ( +
+ + +
+
+ + {/* Link already names the control; hide the wordmark's own label to + avoid a doubled "OpenKnowledge" announcement. */} +
+
+ +
+
{children}
+
+ +
+ +
+
+ ); +} + +export function SlideEyebrow({ className, ...props }: ComponentProps<'p'>) { + return ( +

+ ); +} + +export function SlideHeading({ className, ...props }: ComponentProps<'h1'>) { + return ( +

+ ); +} + +export function SlideLead({ className, ...props }: ComponentProps<'p'>) { + return

; +}