WebberUI

Sticky Chapter Home

Chapter copy scrolls on the left while the pinned visual on the right changes scene; the progress dots jump between chapters.

ProInteractive homeinteractive-home7 sections
See it liveSee the plans

Install

npx shadcn@latest add "https://webberui.com/r/sticky-chapter-home.json?t=<install token>"

The whole page lands in app/templates/sticky-chapter-home/. You can also use a long-lived licence key instead: set the Authorization: Bearer <key> header in the registries block of components.json — better for CI or a project several people share. What you may do with the source is in the licence terms.

Sections it ships with

Sections inside one template share the same design tokens, so swapping and reordering them keeps the colours, spacing and animation rhythm consistent. Pick and combine them in the section composer.

  1. 1

    Nav Bar and Hero

    Brand nav bar, gradient headline and two action buttons, plus a mouse-tilt parallax product window and a customer logo row.

    hero
  2. 2

    Key Metrics Band

    Four columns of gradient figures: teams using it, monthly triggers, retention lift and uptime.

    stats
  3. 3

    Sticky Chapter Scroll

    Four chapters — capture, orchestrate, publish and insight — scroll on the left while the pinned visual on the right changes scene, with progress dots for navigation.

    timeline
  4. 4

    Feature Grid

    Six cards listing the fundamentals: millisecond triggers, enterprise-grade security, multi-language support and design-system alignment.

    features
  5. 5

    Customer Testimonials

    Three five-star quotes with gradient avatar badges and job titles, showing the results teams saw after rollout.

    testimonial
  6. 6

    Call to Action

    A gradient-glow card closes the page with two routes: the free plan and a conversation with sales.

    cta
  7. 7

    Footer

    Wordmark, company address, social links and four link columns: Product, Resources, Company and Legal.

    footer

What you get is source code

Not an npm package, not a zip file. Once installed, the page's TypeScript source sits in your repo: edit it however you like, no runtime dependency, no expiry mechanism. Your site keeps running even if ours goes down.

Browse the other 103 templates →