New

Landing

A health and wellness landing page in lavender tones with its own illustrations and interactive 3D scenes.

Purpose: Landing page · Product or service presentation
Sector: Business
Structure: Single page

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

Scroll animation
3D scenes
Carousel
FAQ

Hero: animated violet folds with a custom shader that react to the pointer, with a poster when there is no WebGL or with reduced motion
Testimonials in a continuous, infinite loop, with pause on hover/focus and a Pause/Play button
Three pearlescent 3D objects (one canvas per slot), GSAP entrance and limited pointer response
Journey with a single scroll progress for the marker, label and ruler; labels ≥ 24 px from the dots
Specialist cards with a 3D hover of 3° at most
Text entrances with framer-motion and 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 (8)

Interactive violet hero with headline, CTA and glass testimonials
About us and three treatments with original illustrations
Benefits with three 3D scenes (care, technology, results)
Six-step journey synced with the scroll
Specialists with cards and a quote
Results figures, FAQ accordion and stories
Experts, testimonials and closing CTA
Footer with a large-format wordmark

What you can customize

Brand, palette, copy and contact details (src/config/site.ts)
Your own logo and favicon (required: the demo’s are external)
Photos and decorations
Journey stops, specialists, FAQ and testimonials
Hero background (custom folds or video)

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/ with REPRODUCCION.md, recreacion-spec.json and the screenshots as reference. `npm ci`, `npm run build` and `npm run preview` run the final version. Change the brand, logo and copy from src/config/site.ts without touching the scenes or the animations.

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

Technical details & requirements

Requirements

Node.js 20.19 or later and npm to install with the included lockfile.
A browser with WebGL for the hero and the 3D scenes (with a static fallback).
Demo template: people and testimonials are illustrative; it does not offer medical care or connected bookings.
The demo’s logo and favicon are loaded from the original template’s domain: replace them with your own.
Not included: AI tool (and its credits), domain and hosting.

Technologies

React
Vite
TypeScript
Tailwind CSS
Three.js
GSAP
Motion
WebGL

Implemented in the package you download.

React 19 · Vite 7 · TypeScript · Tailwind CSS 4 · GSAP 3 · Three.js (WebGL) · framer-motion

Suggested AI tools

ClaudeCodexCursor

Compatible with the design instructions; not a recorded test.

Tested compatibility: No recorded test yet.

Palette and typography

#faf9f6#333333#eaf1f0#e9dfe5#f6e7b4#6D4EA0#C5B5E8#211738

General Sans 400/500 (incluida)

Layout: Desktop from 1280 px (1728 canvas, scaled) · mobile and tablet with their own composition; tested at 1440, 768 and 390 px

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: final code of pilot 11 (dpl_8qDotd2mCgL1tb4pT66qH1JFqLtN) with the custom folds hero, looping carousel, original 3D objects and illustrations, photos, decorations and General Sans; no restricted third-party code. Notices in LICENCIAS-Y-AVISOS.md.

Version: v1.1.0 · Published Nov 4, 2026
Versions: v1.1.0 · 2026-11-05 — Reopening approved by Israel (Nov 5, 2026): violet folds hero with a custom shader; testimonial carousel in a continuous loop with accessible pause; three new 3D objects (closed geometry, pearlescent) with a single render per slot; treatment illustrations redrawn; journey labels no longer cross the dots.
v1.0.0 · 2026-11-05 — First version: corrected final code (custom hero, three illustrations, three 3D scenes, synced journey, cards and footer), assets, General Sans, measured specification, screenshots, prompt, README, REPRODUCCION and licenses.