Business

A wellness landing page with an editorial layout, warm transitions and a large-format typographic identity.

Purpose: Business or informational site · Editorial experience · Product or service presentation
Sector: Business
Structure: 6 pages

Make it yours

US$6One-time payment · No subscription

Customize this design for your business or your next client.

Buy now

More designs. More possibilities.

Create for yourself and your clients with access to the Pro catalogue.

From US$19/month

See Pro plan

Already have access? Sign in

The video is a preview. The interactive demo comes with the purchase or with Pro.

What makes it special

Video hero
Scroll animation
FAQ

Looping vertical hero video with a poster and different photos for desktop and mobile
Floating three-card menu with a staggered opening (GSAP)
Headlines that appear letter by letter with blur
Ring gallery of experiences with drag and inertia
Dotted path drawn on scroll (ScrollTrigger + MotionPath)
Photos that tilt as the cursor moves
Typographic closing with rising letters
prefers-reduced-motion respected

What's included

Prompt to recreate and customize the design with AI.
Site code and files: images, fonts and licences.
Interactive demo and instructions.
Use on your own sites and final client projects.

Demo sections and screens (9)

Bar with the Ceruna logo, “Find a cuddler” and a visual three-card menu
Hero with vertical video, two-line headline and principle cards
Ring gallery of experiences with drag
“The experience”: editorial headline, cropped photograph and translucent panel with three ideas
What to expect, how it works and approach, with scroll animations
Boundaries and safety on a dark background
FAQ accordion
Full, centered “ceruna” typographic closing, measured to the width
Sessions, Safety, Science, Pricing and Practitioners pages

What you can customize

Name, logo, titles and descriptions (src/config/brand.ts and seo.json)
Copy for sessions, safety, science and practitioners
Experiences and their photos
Prices (shown once you confirm them)
Hero video, poster and photos
Color tokens and typefaces

How to start

Copy the prompt and download the files.
Take them to your AI tool and ask for the changes: brand, copy and images.
Review the result and publish it on your domain.

Download the package and copy the prompt: your AI tool works on sitio/ (a monorepo; the site is in apps/marketing). `npm ci`, build @spoon/api-client and @spoon/domain and run `VITE_SITE_MODE=public CERUNA_MARKETING_ONLY=1 node scripts/build-vercel.mjs` to get the same site as the demo. Change the brand and copy from src/config without touching the design. It is a marketing demo: it does not include working accounts, bookings or payments. Includes REPRODUCCION.md with the measurements and animations of the published version.

The result depends on your AI tool and the changes you make. The demo shows the visual direction.

Technical details & requirements

Requirements

Node.js 24 and npm 11 to install with the included lockfile (monorepo with workspaces).
Google Chrome only for the public build with prerendering (CHROME_PATH outside macOS); development with Vite does not need it.
Marketing demo: accounts, bookings, messages and payments require a backend and additional integration. It is not a working medical service.
Typefaces are loaded from Google Fonts and Fontshare.
Not included: AI tool (and its credits), domain and hosting.

Technologies

React
Vite
TypeScript
Tailwind CSS
GSAP
Motion

Implemented in the package you download.

React 19 · Vite 8 · TypeScript · Tailwind CSS 4 · GSAP 3 (ScrollTrigger, MotionPath) · framer-motion · Monorepo npm (workspaces, Node 24) · Prerender de páginas con Chrome headless

Suggested AI tools

ClaudeCodexCursor

Compatible with the design instructions; not a recorded test.

Tested compatibility: No recorded test yet.

Palette and typography

#f7f1e9#28192b#fdfaf5#a54a28#f2b966#256346

General Sans (titulares)
Figtree (texto, interfaz y logotipo)

Layout: Desktop 1440 · tablet 768 · mobile 390, no horizontal scroll; vertical hero 1080 × 1512

Licence & versions

Use it on your own sites and in final client projects, including commercial use. Do not resell or redistribute the prompt, the files or the site as a template. Read the licence

Provenance: Package v1.1.0: the monorepo that serves the approved demo (React/Vite marketing site, internal packages and lockfile), WebP photos, hero video, favicon and Ceruna identity; Figtree (OFL) and General Sans (ITF FFL) from their services. Notices in LICENCIAS-Y-AVISOS.md.

Version: v1.1.0 · Published Nov 4, 2026
Versions: v1.1.0 · 2026-11-05 — Version 1.1.0: redesigned “The experience” (editorial composition with a photograph and three ideas), continuous background with seamless “Safety & trust” and a full, centered footer wordmark measured to the width. Adds REPRODUCCION.md. The rest of the site is unchanged.
v1.0.0 · 2026-11-05 — First version: monorepo of the approved site with lockfile, photos, hero video, Ceruna identity, prompt, README and licenses.