idlefusion.github.com/README at master · idlefusion/idlefusion.github.com · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
# Idle Fusion — Website

Marketing and app-landing site for [Idle Fusion](https://idlefusion.com), a digital agency specializing in iOS app and web development consulting.

## Tech stack

- **[Astro 5](https://astro.build)** — static site generator with file-based routing
- **[Tailwind CSS 3](https://tailwindcss.com)** — utility-first styling
- **TypeScript** — strict mode
- **[Cloudflare Pages](https://pages.cloudflare.com)** — hosting and deployment via Wrangler

## Development

```bash
npm install
npm run dev       # http://localhost:4321
npm run build     # production build → dist/
npm run preview   # preview the built site
npm run deploy    # build + push to Cloudflare Pages
```

## Structure

```
src/
  components/     # Reusable Astro components
  content/        # Content collections (benefits, portfolio, testimonials, faq, team, process)
  layouts/        # BaseLayout.astro — single base layout
  pages/          # File-based routes
    index.astro   # Main landing page
    contact.astro # Contact page
    apps/         # Individual iOS app landing pages
  styles/
    global.css    # "Midnight Studio" design system (CSS custom properties)
public/           # Static assets (images, favicons, manifests)
```

## Design system

The site uses a "Midnight Studio" design language — editorial and sophisticated — defined entirely via CSS custom properties in `src/styles/global.css`.

- **Fonts:** Crimson Pro (headings) + Work Sans (body)
- **Accent:** Telegram blue (`#0088cc`)
- **Palette:** `--ink`, `--paper`, `--stone`, `--mist` semantic tokens
- **Dark mode:** toggled via `.dark` class on `<html>` (saved to `localStorage`)

## Content

Site content (services, portfolio, testimonials, FAQ) lives in `src/content/` as Markdown files with YAML frontmatter. Schemas are validated with Zod in `src/content/config.ts`.

## Deployment

Deployed to `idlefusion.com` and `www.idlefusion.com` via Cloudflare Pages. Configuration in `wrangler.toml`.