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
- 01
Fade-loop video stage
hero-bg.mp4 fades out before end and restarts for a seamless loop feel.
- 02
Oversized Power AI type
Clamp headline up to 220px with blur vignette behind the wordmark.
- 03
Nav + logo marquee
Features / Solutions / Plans / Learning, Sign Up, and partner LogoMarquee.
- 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


