Skip to content

Commit 185dd8c

Browse files
steipetesteipete
committed
feat: redesign landing page with Astro
- Convert from plain HTML to Astro - Add lobster-themed design with animated SVG mascot - Four CTAs: Discord, Docs, GitHub, ClawdHub - Quick start section with terminal snippet - GitHub Actions workflow for Pages deployment - Clash Display + Satoshi typography - Deep space + bioluminescent color palette
1 parent 52b37e8 commit 185dd8c

File tree

11 files changed

+1429
-117
lines changed

11 files changed

+1429
-117
lines changed

‎.github/workflows/deploy.yml‎

Lines changed: 49 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,49 @@
1+
name: Deploy to GitHub Pages
2+
3+
on:
4+
push:
5+
branches: [main]
6+
workflow_dispatch:
7+
8+
permissions:
9+
contents: read
10+
pages: write
11+
id-token: write
12+
13+
concurrency:
14+
group: pages
15+
cancel-in-progress: false
16+
17+
jobs:
18+
build:
19+
runs-on: ubuntu-latest
20+
steps:
21+
- name: Checkout
22+
uses: actions/checkout@v4
23+
24+
- name: Setup Bun
25+
uses: oven-sh/setup-bun@v2
26+
with:
27+
bun-version: latest
28+
29+
- name: Install dependencies
30+
run: bun install
31+
32+
- name: Build
33+
run: bun run build
34+
35+
- name: Upload artifact
36+
uses: actions/upload-pages-artifact@v3
37+
with:
38+
path: ./dist
39+
40+
deploy:
41+
environment:
42+
name: github-pages
43+
url: ${{ steps.deployment.outputs.page_url }}
44+
runs-on: ubuntu-latest
45+
needs: build
46+
steps:
47+
- name: Deploy to GitHub Pages
48+
id: deployment
49+
uses: actions/deploy-pages@v4

‎.gitignore‎

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
# Dependencies
2+
node_modules/
3+
4+
# Build output
5+
dist/
6+
7+
# Environment
8+
.env
9+
.env.local
10+
.env.*.local
11+
12+
# Editor
13+
.vscode/
14+
.idea/
15+
*.swp
16+
*.swo
17+
18+
# OS
19+
.DS_Store
20+
Thumbs.db
21+
22+
# Astro
23+
.astro/
24+
25+
# Debug
26+
npm-debug.log*
27+
yarn-debug.log*
28+
yarn-error.log*

‎README.md‎

Lines changed: 22 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,23 @@
1-
# clawdbot.com
1+
# clawd.bot
22

3-
Landing page for `clawdbot.com` (GitHub Pages).
3+
Landing page for [Clawdbot](https://github.com/clawdbot/clawdbot) — your personal AI assistant.
4+
5+
**Live**: [clawdbot.com](https://clawdbot.com)
6+
7+
## Development
8+
9+
```bash
10+
bun install
11+
bun run dev
12+
```
13+
14+
## Build
15+
16+
```bash
17+
bun run build
18+
bun run preview
19+
```
20+
21+
## Deploy
22+
23+
Automatically deployed to GitHub Pages on push to `main`.

‎astro.config.mjs‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
import { defineConfig } from 'astro/config';
2+
3+
export default defineConfig({
4+
site: 'https://clawdbot.com',
5+
output: 'static',
6+
build: {
7+
assets: 'assets'
8+
}
9+
});

‎bun.lock‎

Lines changed: 736 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎index.html‎

Lines changed: 0 additions & 115 deletions
This file was deleted.

‎package.json‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
{
2+
"name": "clawd-bot-landing",
3+
"type": "module",
4+
"version": "1.0.0",
5+
"scripts": {
6+
"dev": "astro dev",
7+
"build": "astro build",
8+
"preview": "astro preview"
9+
},
10+
"dependencies": {
11+
"astro": "^5.1.1"
12+
}
13+
}

CNAME renamed to public/CNAME

File renamed without changes.

‎src/layouts/Layout.astro‎

Lines changed: 91 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,91 @@
1+
---
2+
interface Props {
3+
title: string;
4+
description?: string;
5+
}
6+
7+
const { title, description = "Clawdbot — Your personal AI assistant, running on your own devices." } = Astro.props;
8+
---
9+
10+
<!doctype html>
11+
<html lang="en">
12+
<head>
13+
<meta charset="UTF-8" />
14+
<meta name="viewport" content="width=device-width, initial-scale=1" />
15+
<meta name="description" content={description} />
16+
<meta name="color-scheme" content="dark" />
17+
<link rel="canonical" href="https://clawdbot.com/" />
18+
19+
<!-- Open Graph -->
20+
<meta property="og:title" content={title} />
21+
<meta property="og:description" content={description} />
22+
<meta property="og:type" content="website" />
23+
<meta property="og:url" content="https://clawdbot.com/" />
24+
25+
<!-- Fonts: Clash Display + Satoshi from Fontshare -->
26+
<link href="https://api.fontshare.com/v2/css?f[]=clash-display@700,600,500&f[]=satoshi@400,500,700&display=swap" rel="stylesheet">
27+
28+
<title>{title}</title>
29+
30+
<style is:global>
31+
:root {
32+
/* Deep space palette with lobster accents */
33+
--bg-deep: #050810;
34+
--bg-surface: #0a0f1a;
35+
--bg-elevated: #111827;
36+
37+
/* Lobster coral spectrum */
38+
--coral-bright: #ff4d4d;
39+
--coral-mid: #e63946;
40+
--coral-dark: #991b1b;
41+
42+
/* Bioluminescent cyan */
43+
--cyan-bright: #00e5cc;
44+
--cyan-mid: #14b8a6;
45+
--cyan-glow: rgba(0, 229, 204, 0.4);
46+
47+
/* Text */
48+
--text-primary: #f0f4ff;
49+
--text-secondary: #8892b0;
50+
--text-muted: #5a6480;
51+
52+
/* Borders */
53+
--border-subtle: rgba(136, 146, 176, 0.15);
54+
--border-accent: rgba(255, 77, 77, 0.3);
55+
56+
/* Fonts */
57+
--font-display: 'Clash Display', system-ui, sans-serif;
58+
--font-body: 'Satoshi', system-ui, sans-serif;
59+
--font-mono: 'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;
60+
}
61+
62+
*, *::before, *::after {
63+
box-sizing: border-box;
64+
margin: 0;
65+
padding: 0;
66+
}
67+
68+
html {
69+
scroll-behavior: smooth;
70+
}
71+
72+
body {
73+
font-family: var(--font-body);
74+
background: var(--bg-deep);
75+
color: var(--text-primary);
76+
line-height: 1.6;
77+
min-height: 100vh;
78+
-webkit-font-smoothing: antialiased;
79+
-moz-osx-font-smoothing: grayscale;
80+
}
81+
82+
::selection {
83+
background: var(--coral-bright);
84+
color: var(--bg-deep);
85+
}
86+
</style>
87+
</head>
88+
<body>
89+
<slot />
90+
</body>
91+
</html>

0 commit comments

Comments
 (0)