docs: move homepage to nextra (#263)

## Motivation

<!-- List motivation and changes here -->

- removed docusaurus as it didn't meet our a11y guidelines and had
several performance issues
- nextra offers some additional flexibility and fits our general next.js
stack
- use tailwind to get a better feel for it, as we will soon release some
tailwind starter templates for captain apps
- extended documentation in form of readme files
- scoped typedoc for cleaner sidebar navigation

## Issues closed

<!-- List closed issues here -->

.github/workflows/publish-homepage.yml

@@ -42,4 +42,4 @@ jobs:
         uses: peaceiris/actions-gh-pages@v3
         with:
           github_token: ${{ secrets.GITHUB_TOKEN }}
-          publish_dir: ./homepage/build
+          publish_dir: ./homepage/out

.gitignore

@@ -26,4 +26,9 @@ playwright-report
 
 
 # homepage
-homepage/docs
+homepage/out
+homepage/pages/captain-core/client/atoms
+homepage/pages/captain-core/client/ions
+homepage/pages/captain-core/client/organisms
+homepage/pages/captain-core/electron
+homepage/pages/captain-core/shared

README.md

@@ -27,11 +27,11 @@ apps effortlessly on your own computer.
 ---
 
 <!-- releases -->
-<p align="center">
+<div align="center">
   <a href="https://github.com/blib-la/captain/releases/download/v1.0.0-alpha.62/Captain-Setup-1.0.0-alpha.62.exe">
     <img alt="Windows" src="https://img.shields.io/badge/Windows-Download Now-2c2?style=for-the-badge"/>
   </a>
-</p>
+</div>
 <!-- releasesstop -->
 
 <div align="center">

homepage/components/home.tsx

@@ -0,0 +1,133 @@
+import Link from "next/link";
+import type { ReactElement } from "react";
+
+import SvgCommunity from "../assets/illustrations/community.svg";
+import SvgEasyPeasy from "../assets/illustrations/easy-peasy.svg";
+import SvgOnlineCourses from "../assets/illustrations/online-courses.svg";
+import SvgSale from "../assets/illustrations/sale.svg";
+import SvgTools from "../assets/illustrations/tools.svg";
+import SvgYourAI from "../assets/illustrations/your-ai.svg";
+import { tw } from "../utils/tw";
+
+interface CardData {
+	id: string;
+	title: string;
+	description: string;
+	media: ReactElement;
+}
+
+export type CardProperties = Omit<CardData, "id">;
+const cardData: CardData[] = [
+	{
+		id: "1",
+		title: "Craft Your AI Adventures",
+		media: <SvgYourAI />,
+		description:
+			"Unleash your creativity with Captain! Design your AI, tailor it to your needs, and bring your unique digital creations to life right on your computer. Whether you're a developer, an artist, or just curious, Captain makes AI accessible and fun for everyone.",
+	},
+	{
+		id: "2",
+		title: "AI Made Simple",
+		media: <SvgEasyPeasy />,
+		description:
+			"Step into the world of AI without the complexity. Captain guides you through a smooth, step-by-step process that turns the intricate world of artificial intelligence into a straightforward journey. Build, test, and deploy AI apps with ease – no PhD required!",
+	},
+	{
+		id: "3",
+		title: "Discover the Marketplace",
+		media: <SvgSale />,
+		description:
+			"Dive into Captain's bustling marketplace where creativity meets opportunity. Explore a vast array of apps, tools, and resources. Shop for ready-made AI solutions or sell your own creations to a community eager to see what you've crafted.",
+	},
+	{
+		id: "4",
+		title: "Tailor-Made Tools",
+		media: <SvgTools />,
+		description:
+			"Customize your AI experience with drag-and-drop simplicity. Captain's flexible environment lets you tweak tools and settings to fit your specific needs, making your AI truly yours. It’s your workshop, where every tool is adjustable.",
+	},
+	{
+		id: "5",
+		title: "Join the Community",
+		media: <SvgCommunity />,
+		description:
+			"Step into a vibrant community of innovators and creators. Share ideas, collaborate on projects, and get feedback from peers. Captain is not just a platform; it's a community hub where knowledge grows and connections are made.",
+	},
+	{
+		id: "6",
+		title: "Expand Your Skills",
+		media: <SvgOnlineCourses />,
+		description:
+			"Whether you're a beginner or a seasoned pro, Captain offers resources to boost your AI skills. From in-depth tutorials to community workshops, get the insights and support you need to become an AI expert.",
+	},
+];
+
+export function Card({ title, media, description }: CardProperties) {
+	return (
+		<div className="w-full flex sm:w-1/2 lg:w-1/3 p-2">
+			<div className="w-full flex-1 p-4 bg-gray-100 dark:bg-gray-900">
+				<header>
+					<h3 className="text-lg mb-4 font-bold">{title}</h3>
+				</header>
+				<div
+					className={tw`
+					relative
+					aspect-video
+					-mx-2 [_&_svg]:absolute
+					[_&_svg]:inset-0
+					[_&_svg]:h-full
+					[_&_svg]:w-full
+					[_&_svg]:pointer-events-none
+				`}
+				>
+					{media}
+				</div>
+				<p className="my-4">{description}</p>
+			</div>
+		</div>
+	);
+}
+
+export function Cards() {
+	return (
+		<div className="flex flex-wrap py-4 -m-2">
+			{cardData.map(card => (
+				<Card
+					key={card.id}
+					title={card.title}
+					media={card.media}
+					description={card.description}
+				/>
+			))}
+		</div>
+	);
+}
+
+export function Hero() {
+	return (
+		<section className="relative w-full h-[70dvh] md:h-[50vh] text-center flex flex-col justify-center items-center">
+			<h1 className="text-4xl md:text-6xl font-bold">Captain: Bring Your Ideas to Life</h1>
+			<h2 className="text-xl md:text-2xl mt-8">A platform that evolves to your needs</h2>
+			<div className="mt-8">
+				<Link
+					href="https://github.com/blib-la/captain"
+					target="_blank"
+					className={tw`
+								inline-block
+								py-2
+								px-4
+
+								bg-teal-600
+								hover:bg-teal-700
+								active:bg-teal-800
+								text-white
+
+								font-bold
+							`}
+				>
+					Download Captain
+				</Link>
+			</div>
+		</section>
+	);
+}

homepage/components/logo.tsx

@@ -0,0 +1,122 @@
+export function Logo() {
+	return (
+		<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14.18 17.94" height={40}>
+			<g>
+				<path
+					fill="#046261"
+					d="M4.73 11.11c-.6 2.35.51 4.25 2.16 5.82l.02.11v.84c-.2-.05-.59-.39-.76-.54-.43-.38-.88-.91-1.24-1.36-1.41-.04-3.69-.61-4.61-1.75-.32-.4-.49-.95.05-1.25.13-.07 1.86-.66 2.36-.87.7-.29 1.36-.66 2.03-1.01Z"
+				/>
+				<path
+					fill="#061f1c"
+					d="M13.8 12.96c.86.47.06 1.34-.43 1.73-1.05.83-2.76 1.24-4.08 1.29-.34.43-1.5 1.73-1.96 1.9v-1c1.65-1.59 2.71-3.44 2.16-5.8.58.31 1.16.64 1.77.91.65.29 2.42.89 2.54.96Z"
+				/>
+				<path
+					fill="#101916"
+					d="M10.05 6.61s-.04-.01-.09.06c0 .33 0 .68-.12 1-.01.04-.15.32-.16.33-.06.04-.12.02-.19.02.06-.23.31-2.29.01-2.44-.81-.03-1.62.02-2.43.02-.72 0-1.68-.05-2.32-.02-.11 0-.22-.04-.28.07-.1.03.04-.11.06-.12.12-.04 2.43.1 2.53.02.01-.01.02-.28.01-.29-.09-.12-2.64.07-2.99-.01V5.2c.65.09 2.24 0 2.99 0 .73 0 2.54.04 2.99 0 .05 0 .23-.06.28-.09.06.73.17.91-.29 1.5Z"
+				/>
+				<path
+					fill="#6c5042"
+					d="M10.05 6.61c.16.41.13.75-.21 1.05.11-.32.13-.66.12-1 .06-.07.09-.05.09-.06Z"
+				/>
+				<path
+					fill="#abbcb6"
+					d="M9.26 10.64c.03.14.09.41.23.45.55 2.36-.5 4.21-2.16 5.8v1s-.06.1-.19.02c-.04-.25-.03-.52-.02-.77.02-1.03.03-2.05.02-3.08-.02-.02-.04-.03-.05-.06.35-.63.69-1.27 1.08-1.88.1-.15.31-.38.42-.55.18-.27.36-.62.49-.81.06-.09.06-.17.16-.12Z"
+				/>
+				<path
+					fill="#cdd9d3"
+					d="M7.12 17.13c0 .26-.02.52.02.77-.09 0-.15 0-.23-.02v-.84c.07-.03.16.02.21.09Z"
+				/>
+				<path
+					fill="#f7faf8"
+					d="M4.76 5.58c.06.6 0 2.12.05 2.5.06.5.56 1.22 1.14 1.02.24-.08.34-.72 1.14-.21v.4c-.14.02-.28.07-.42.09-.23.04-.47.04-.69.12-.05.05.97.29 1.18.28l-.02 1.76c-.24 0-.57 0-.8-.05-.38-.08-.73-.34-1.08-.5.21.38.48.72.7 1.09.19.3 1.03 1.69 1.1 1.83.01.03.05.09.05.09 0 .03.03.04.05.06 0 1.03 0 2.05-.02 3.08-.05-.07-.14-.12-.21-.09l-.02-.11c-1.64-1.58-2.76-3.48-2.16-5.82.02-.08.18-.38.16-.43-1.11-.99-.49-2.14-.47-2.71 0-.14-.02-.29-.05-.42.03-.6-.07-1.22.07-1.8 0-.03.02-.06.02-.09.06-.11.17-.07.28-.07Z"
+				/>
+				<path
+					fill="#0a3933"
+					d="M4.1 5.2v.05c.34.08 2.89-.11 2.98.01 0 .01 0 .28-.01.29-.1.07-2.41-.06-2.53-.02-.02 0-.16.15-.06.12 0 .03-.02.06-.02.09l-.59-.42c0-.08-.01-.14.02-.14.07.02.14.01.21.02Z"
+				/>
+				<path
+					fill="#05514c"
+					d="M4.45 5.74c-.14.59-.04 1.2-.07 1.8-.04-.19-.16-.38-.19-.57-.01-.08.02-.37 0-.4-.02-.03-.08 0-.09-.01-.4-.22-.24-.87-.23-1.24l.59.42Z"
+				/>
+				<path
+					fill="#c7b5a6"
+					d="M4.38 7.55c.03.14.05.28.05.42-.14-.09-.43-.77-.45-.9-.04-.36.08-.32.12-.5.02 0 .08-.01.09.01.02.03-.01.32 0 .4.03.19.15.39.19.57Z"
+				/>
+				<path
+					fill="#061f1c"
+					d="M12.04 2.77c-.06.67-.89 1.25-1.5 1.29-.61-.66-2.58-.84-3.47-.84 0-.07.03-.12 0-.19l.02-.02c.44-.05.76-.27.98-.64.37-.86-.08.32-.98.29 0-.09 0-.17-.02-.26h.05c.79-.08.9-1.53.05-1.57V0c.62 0 1.18.07 1.77.26.58.18 2.18.97 2.6 1.36.32.3.55.7.5 1.15Z"
+				/>
+				<path
+					fill="#046261"
+					d="M7.17 0v.82h-.05c-.9.04-.84 1.5-.05 1.57.03.09.02.17.02.26-.42-.01-.79-.27-1.05-.57.13.52.47.93 1.03.95.03.07 0 .11 0 .19-.86 0-2.94.14-3.46.87-.03 0-.2-.08-.25-.09-.57-.18-1.18-.63-1.2-1.29-.02-.95 1.19-1.6 1.93-1.97C5.12.23 6.04 0 7.17 0Z"
+				/>
+				<path
+					fill="#061f1c"
+					d="M10.47 4.5c.1.13.01.3-.13.35-.31.12-2.71 0-3.27.05 0 0 0-.03-.02-.02V3.87h.02c.65 0 1.32.05 1.96.16.24.04 1.32.31 1.44.47Z"
+				/>
+				<path
+					fill="#f7faf8"
+					d="M3.72 4.48c.01.05-.15.34.27.4.4.06 2.37-.04 3.06 0 .03 0 .02.02.02.02.01.03 0 .22 0 .3-.75 0-2.34.09-2.98 0-.07-.01-.14 0-.21-.02l-.07-.04c.02-.23-.29-.53-.09-.67Z"
+				/>
+				<path
+					fill="#046261"
+					d="M7.05 3.87v1.01c-.69-.04-2.65.06-3.06 0-.42-.06-.26-.35-.27-.4v-.02c.99-.48 2.24-.59 3.33-.59Z"
+				/>
+				<path
+					fill="#abbcb6"
+					d="m10.54 4.05-.07.45c-.12-.16-1.2-.43-1.44-.47-.64-.12-1.31-.16-1.96-.16 0-.22-.01-.44 0-.66.89 0 2.86.19 3.47.84Z"
+				/>
+				<path
+					fill="#f7faf8"
+					d="M7.08 3.21c-.01.22 0 .44 0 .66h-.02c-1.09 0-2.34.11-3.33.59-.09-.49-.17-.28-.35-.47.05.02.21.1.25.09.52-.72 2.6-.87 3.46-.87ZM7.12.82v1.57h-.05c-.8-.07-.85-1.53.05-1.57Z"
+				/>
+				<path fill="#abbcb6" d="M7.17.82c.85.04.74 1.49-.05 1.57V.82h.05Z" />
+				<path
+					fill="#f7faf8"
+					d="M7.1 2.65V3l-.02.02c-.56-.02-.91-.43-1.03-.95.27.3.64.56 1.05.57Z"
+				/>
+				<path fill="#b5d4d0" d="M7.1 3v-.35c.9.03 1.35-1.15.98-.29-.23.38-.54.6-.98.64Z" />
+				<path
+					fill="#82624e"
+					d="M9.49 8.02c-.08.32-.42.9-.74 1.03-.92.37-.68-.8-1.68-.16V5.61c.81 0 1.62-.05 2.43-.02.3.15.05 2.21-.01 2.44Z"
+				/>
+				<path
+					fill="#c7b5a6"
+					d="M7.08 5.6v3.28c-.79-.51-.89.13-1.14.21-.58.2-1.07-.52-1.14-1.02-.05-.37.01-1.89-.05-2.5.64-.02 1.6.02 2.32.02Z"
+				/>
+				<path
+					fill="#82624e"
+					d="M9.09 10.76c-.13.19-.31.54-.49.81-.11.17-.33.4-.42.55-.36.26-.72.53-1.12.73-.01-.16-.02-.32-.05-.48l-.68-.88c.23.05.56.05.8.05.73-.01 1.41-.29 1.97-.77Z"
+				/>
+				<path
+					fill="#c7b5a6"
+					d="m6.33 11.48.68.88c.02.16.04.32.05.48v.02l-1.1-.8c-.23-.37-.49-.71-.7-1.09.35.16.7.42 1.08.5Z"
+				/>
+				<path
+					fill="#061f1c"
+					d="M7.1 13.99s-.03-.07-.05-.09c-.01-.34.02-.69 0-1.03v-.02c.4-.2.76-.47 1.12-.73-.39.61-.73 1.25-1.08 1.88Z"
+				/>
+				<path
+					fill="#046261"
+					d="M7.05 12.87c.02.34-.01.69 0 1.03-.07-.14-.92-1.53-1.1-1.83l1.1.8Z"
+				/>
+				<path
+					fill="#9cbfb9"
+					d="M9.26 10.64c-.11-.05-.1.03-.16.12-.56.48-1.23.76-1.97.77l.02-1.76c.31 0 .74-.16 1.03-.27-.25-.06-.59-.17-.84-.2-.08 0-.17-.04-.26-.02v-.4c1-.63.76.53 1.68.16.32-.13.66-.71.74-1.03.07 0 .12.02.19-.02.08.03.16.57.16.71.04.77-.13 1.29-.63 1.88.02.02.04.03.05.06Z"
+				/>
+				<path
+					fill="#6c5042"
+					d="M7.15 9.77v-.33c.11 0 .26 0 .19-.14.25.03.59.13.84.2-.3.11-.73.26-1.03.27Z"
+				/>
+				<path
+					fill="#271c11"
+					d="M7.33 9.3c.07.13-.08.14-.19.14-.07 0-.39-.05-.49-.07.14-.02.28-.08.42-.09.09-.02.18.01.26.02Z"
+				/>
+				<path
+					fill="#c7b5a6"
+					d="M6.65 9.38c.11.02.42.07.49.07v.33c-.21 0-1.24-.23-1.18-.28.22-.08.46-.08.69-.12Z"
+				/>
+			</g>
+		</svg>
+	);
+}