# Aptwork – AI automation SaaS landing page

> A dark, motion-rich landing page for an automation or AI SaaS: a three.js data-terrain hero, workflows that actually run, a pinned 3D feature deck, pricing and FAQ. Next.js 16, Tailwind 4, GSAP.

- Kind: Landing page
- Price: comes with the Pro plan
- License: UpFork Standard License. Use it in unlimited personal and commercial projects. Don't resell or redistribute it on its own.
- Developer: UpFork
- Tags: automation, ai, saas, nextjs, threejs, gsap, 3d, dark-mode
- Latest release: 1.0.0 (Any system)
- Published: 2026-10-03
- Updated: 2026-10-03
- Page: https://upfork.dev/products/aptwork

## How to get it

Install it into a React + Tailwind project with the shadcn CLI:

```bash
npx shadcn@latest add @upfork/aptwork
```

Every install uses the member's personal CLI token (UPFORK_TOKEN), made on their UpFork account page. It comes with UpFork's Pro plan and the plans after it.

## About

**Aptwork** is a landing page template for an automation or AI SaaS: a cinematic, scroll-driven single page where the product demonstrates itself.

## Highlights

- **3D data-terrain hero** (three.js, custom shaders): about 45,000 dots form a landscape of light that flows toward the viewer, data pins fire like workflow runs, and the field ripples under the pointer. Runs at 60 fps on an integrated laptop GPU.
- **Workflows that actually run**: product windows where steps light up, data travels along the edges and the execution log fills in, on a pinned, snapping scroll.
- **A pinned 3D feature deck**: a live code step, and a flow where one step fails, is re-run on its own and the run carries on.
- Split-letter headlines, a sideways rail with a radial fill, pluckable strings that play a note, a 3D integrations fly-through, avatar testimonials, a pricing toggle with counting prices, an FAQ and a "Talk to sales" dialog with validation.

## What's included

- Header with mega menus and a mobile drawer, hero, use-case switcher, principles and proof, building-blocks rail, AI bento, build & debug deck, integrations, results, enterprise, testimonials, pricing, FAQ and footer.
- Every word in one file (`data/site.ts`), the workflows as data (`data/workflows.ts`), two colour presets for the 3D scene (ember and ocean), and design tokens in one CSS file.
- A README that shows how to re-skin it, replace the copy and wire up the contact form.

## Stack

Next.js 16 (App Router, TypeScript) · React 19 · Tailwind CSS 4 · GSAP 3 (ScrollTrigger, SplitText, Flip) · Lenis · three.js · lucide-react

## Quality

- Responsive from 360 px phones to wide desktops, with no horizontal scroll.
- Keyboard-accessible menus, dialog and accordion; `prefers-reduced-motion` is honoured everywhere.
- three.js loads after the page has painted, animations pause off screen, and the static assets are under 1 MB.

## Requirements

Node.js 20.9+ and pnpm: `pnpm install`, then `pnpm dev`.

All names, companies, people and figures are fictional placeholders.

## Screenshots

![Aptwork – AI automation SaaS landing page, 1](https://upfork.dev/media/01a1009a-7625-77e0-beeb-f5b43bcb26f6)
![Aptwork – AI automation SaaS landing page, 2](https://upfork.dev/media/01a1009a-8da9-79e3-bbf3-63ee8e9df87b)
![Aptwork – AI automation SaaS landing page, 3](https://upfork.dev/media/01a1009a-a3cc-7763-8d49-c4855fe9163f)
![Aptwork – AI automation SaaS landing page, 4](https://upfork.dev/media/01a1009a-c678-7b63-bfa4-285f7b1d826b)
![Aptwork – AI automation SaaS landing page, 5](https://upfork.dev/media/01a1009a-e5bc-7e6d-8170-c471fb1b4163)
![Aptwork – AI automation SaaS landing page, 6](https://upfork.dev/media/01a1009b-0c11-7665-b964-ba5054236bb0)
![Aptwork – AI automation SaaS landing page, 7](https://upfork.dev/media/01a1009b-a1aa-7d63-bc7f-7baacb19b751)