Power AI
Hero & InteractionNew

Power AI

The most powerful AI ever deployed in talent acquisition.

Free

Quick facts

Pages
1
Version
v1.0.0
Last update
Nov 9, 2026
Who can download
Free (signed in)

Made with

  • React
  • Vite
  • TypeScript
  • Tailwind CSS
  • Lucide

Overview

Power AI is a full-viewport AI talent-acquisition marketing hero by SonoJS. Built with Vite, React 19, TypeScript, Tailwind CSS 4, Lucide, and Geist / General Sans. Soft-fade hero-bg.mp4 stage (crossfade restart), Power AI logo nav with Features / Solutions / Plans / Learning and Sign Up, oversized Power + gradient AI headline, The most powerful AI ever deployed in talent acquisition subcopy, Schedule a Consult CTA, and a bottom LogoMarquee of partner marks. Demo AI chrome only - no hiring backend. Vite build ready for Cloudflare Workers.

Highlights

  1. 01

    Fade-loop video stage

    hero-bg.mp4 fades out before end and restarts for a seamless loop feel.

  2. 02

    Oversized Power AI type

    Clamp headline up to 220px with blur vignette behind the wordmark.

  3. 03

    Nav + logo marquee

    Features / Solutions / Plans / Learning, Sign Up, and partner LogoMarquee.

  4. 04

    Vite and fork-ready

    Vite 8 + React 19 + TypeScript + Tailwind 4 + Lucide - npm run build to dist/.

You get

  • Full Vite + React 19 + TypeScript source (Power AI)
  • Index page + HeroNavbar + LogoMarquee + Button UI
  • Tailwind CSS 4 via @tailwindcss/vite
  • src/assets/hero-bg.mp4 + logo assets
  • lucide-react + @fontsource/geist-sans

Details

Version
v1.0.0
Last update
Nov 9, 2026
Pages
1
Category
Hero & Interaction

You need

  • Node.js 20 or newer
  • Vite 8
  • React 19
  • Tailwind CSS 4
  • Lucide React

Related products

View all

Otis

Free

Grab his cartoon face and pull it like taffy: stretch, wobble, new expression, patience bar.

Juicy

Free

3D juice can carousel - scroll to spin, flavour themes, floating fruit, water ripple.

SkyElite

Free

Full-bleed private-jet video hero - Premium. Accessible. Book Now.