diff --git a/packages/website/app/assets/banner.png b/packages/website/app/assets/banner.png
deleted file mode 100644
index 17351e4..0000000
Binary files a/packages/website/app/assets/banner.png and /dev/null differ
diff --git a/packages/website/app/assets/blob-comfy.png b/packages/website/app/assets/blob-comfy.png
deleted file mode 100644
index 4c09920..0000000
Binary files a/packages/website/app/assets/blob-comfy.png and /dev/null differ
diff --git a/packages/website/app/assets/cursor-ibeam.png b/packages/website/app/assets/cursor-ibeam.png
deleted file mode 100644
index 44e5411..0000000
Binary files a/packages/website/app/assets/cursor-ibeam.png and /dev/null differ
diff --git a/packages/website/app/assets/cursor.png b/packages/website/app/assets/cursor.png
deleted file mode 100644
index f097a66..0000000
Binary files a/packages/website/app/assets/cursor.png and /dev/null differ
diff --git a/packages/website/app/assets/dots-background.svg b/packages/website/app/assets/dots-background.svg
deleted file mode 100644
index c041603..0000000
--- a/packages/website/app/assets/dots-background.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
diff --git a/packages/website/app/assets/favicon.png b/packages/website/app/assets/favicon.png
deleted file mode 100644
index 09ac92b..0000000
Binary files a/packages/website/app/assets/favicon.png and /dev/null differ
diff --git a/packages/website/app/entry.client.tsx b/packages/website/app/entry.client.tsx
deleted file mode 100644
index 596d785..0000000
--- a/packages/website/app/entry.client.tsx
+++ /dev/null
@@ -1,4 +0,0 @@
-import { hydrate } from "react-dom"
-import { RemixBrowser } from "@remix-run/react"
-
-hydrate(, document)
diff --git a/packages/website/app/entry.server.tsx b/packages/website/app/entry.server.tsx
deleted file mode 100644
index 309eee8..0000000
--- a/packages/website/app/entry.server.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { renderToString } from "react-dom/server"
-import type { EntryContext } from "@remix-run/node"
-import { RemixServer } from "@remix-run/react"
-
-export default function handleRequest(
- request: Request,
- responseStatusCode: number,
- responseHeaders: Headers,
- remixContext: EntryContext,
-) {
- const markup = renderToString(
- ,
- )
-
- responseHeaders.set("Content-Type", "text/html")
-
- return new Response("" + markup, {
- status: responseStatusCode,
- headers: responseHeaders,
- })
-}
diff --git a/packages/website/app/modules/app/app-footer.tsx b/packages/website/app/modules/app/app-footer.tsx
deleted file mode 100644
index c92bede..0000000
--- a/packages/website/app/modules/app/app-footer.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import { HeartIcon } from "@heroicons/react/solid"
-import clsx from "clsx"
-import { ExternalLink } from "~/modules/dom/external-link"
-import { linkClass, maxWidthContainer } from "~/modules/ui/components"
-
-export function AppFooter() {
- return (
-
- )
-}
diff --git a/packages/website/app/modules/app/app-logo.tsx b/packages/website/app/modules/app/app-logo.tsx
deleted file mode 100644
index 3043616..0000000
--- a/packages/website/app/modules/app/app-logo.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import * as React from "react"
-
-export function AppLogo(props: React.SVGProps) {
- return (
-
- )
-}
diff --git a/packages/website/app/modules/dom/external-link.tsx b/packages/website/app/modules/dom/external-link.tsx
deleted file mode 100644
index a589fac..0000000
--- a/packages/website/app/modules/dom/external-link.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import type { ComponentPropsWithoutRef } from "react"
-
-export function ExternalLink({
- children,
- ...props
-}: ComponentPropsWithoutRef<"a">) {
- return (
-
- {children}
-
- )
-}
diff --git a/packages/website/app/modules/dom/portal.tsx b/packages/website/app/modules/dom/portal.tsx
deleted file mode 100644
index ce96a61..0000000
--- a/packages/website/app/modules/dom/portal.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import type { ReactNode } from "react"
-import { useEffect, useRef } from "react"
-import { createPortal } from "react-dom"
-
-export function Portal({ children }: { children: ReactNode }) {
- const containerRef = useRef()
-
- if (!containerRef.current && typeof document !== "undefined") {
- containerRef.current = document.createElement("react-portal")
- document.body.append(containerRef.current)
- }
-
- useEffect(() => () => containerRef.current!.remove(), [])
-
- return containerRef.current ? (
- createPortal(children, containerRef.current)
- ) : (
- <>{children}
- )
-}
diff --git a/packages/website/app/modules/helpers/raise.ts b/packages/website/app/modules/helpers/raise.ts
deleted file mode 100644
index 45fdfe2..0000000
--- a/packages/website/app/modules/helpers/raise.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export function raise(error: unknown): never {
- throw error instanceof Error ? error : new Error(String(error))
-}
diff --git a/packages/website/app/modules/landing/landing-animation.tsx b/packages/website/app/modules/landing/landing-animation.tsx
deleted file mode 100644
index 6ef88a5..0000000
--- a/packages/website/app/modules/landing/landing-animation.tsx
+++ /dev/null
@@ -1,195 +0,0 @@
-import clsx from "clsx"
-import { useEffect, useRef, useState } from "react"
-import blobComfyUrl from "~/assets/blob-comfy.png"
-import cursorIbeamUrl from "~/assets/cursor-ibeam.png"
-import cursorUrl from "~/assets/cursor.png"
-
-const defaultState = {
- chatInputText: "",
- chatInputCursorVisible: true,
- messageVisible: false,
- count: 0,
- cursorLeft: "25%",
- cursorBottom: "-15px",
-}
-
-const delay = (ms: number) => new Promise((resolve) => setTimeout(resolve, ms))
-
-const animationFrame = () =>
- new Promise((resolve) => requestAnimationFrame(resolve))
-
-export function LandingAnimation() {
- const [state, setState] = useState(defaultState)
- const chatInputRef = useRef(null)
- const addRef = useRef(null)
- const deleteRef = useRef(null)
- const cursorRef = useRef(null)
-
- useEffect(() => {
- const animateClick = (element: HTMLElement) =>
- element.animate(
- [{ transform: `translateY(2px)` }, { transform: `translateY(0px)` }],
- 300,
- )
-
- let running = true
-
- void (async () => {
- while (running) {
- setState(defaultState)
- await delay(700)
-
- for (const letter of "/counter") {
- setState((state) => ({
- ...state,
- chatInputText: state.chatInputText + letter,
- }))
- await delay(100)
- }
-
- await delay(1000)
-
- setState((state) => ({
- ...state,
- messageVisible: true,
- chatInputText: "",
- }))
- await delay(1000)
-
- setState((state) => ({
- ...state,
- cursorLeft: "70px",
- cursorBottom: "40px",
- }))
- await delay(1500)
-
- for (let i = 0; i < 3; i++) {
- setState((state) => ({
- ...state,
- count: state.count + 1,
- chatInputCursorVisible: false,
- }))
- animateClick(addRef.current!)
- await delay(700)
- }
-
- await delay(500)
-
- setState((state) => ({
- ...state,
- cursorLeft: "140px",
- }))
- await delay(1000)
-
- animateClick(deleteRef.current!)
- setState((state) => ({ ...state, messageVisible: false }))
- await delay(1000)
-
- setState(() => ({
- ...defaultState,
- chatInputCursorVisible: false,
- }))
- await delay(500)
- }
- })()
-
- return () => {
- running = false
- }
- }, [])
-
- useEffect(() => {
- let running = true
-
- void (async () => {
- while (running) {
- // check if the cursor is in the input
- const cursorRect = cursorRef.current!.getBoundingClientRect()
- const chatInputRect = chatInputRef.current!.getBoundingClientRect()
-
- const isOverInput =
- cursorRef.current &&
- chatInputRef.current &&
- cursorRect.top + cursorRect.height / 2 > chatInputRect.top
-
- cursorRef.current!.src = isOverInput ? cursorIbeamUrl : cursorUrl
-
- await animationFrame()
- }
- })()
-
- return () => {
- running = false
- }
- })
-
- return (
-
-
-
-
-
-
-
-
comfybot
-
this button was clicked {state.count} times
-
-
- +1
-
-
- 🗑 delete
-
-
-
-
-
-
-
- {state.chatInputText || (
-
- Message #showing-off-reacord
-
- )}
-
-
-
-
-