export type HeroTemplateId = | "animated-gradient" | "particles" | "waves" | "noise" | "parallax" | "morphing-blobs" | "rays" | "grid" | "shapes" | "lines" | "orbits"; export interface HeroTemplate { id: HeroTemplateId; name: string; html: string; // full HTML snippet to insert inside } export const HERO_TEMPLATES: HeroTemplate[] = [ { id: "animated-gradient", name: "Animated Gradient", html: `

Welcome to OmniDev

Build full-stack web projects with AI in minutes.

Get Started Learn More
`.trim(), }, { id: "waves", name: "Waves", html: `

Beautiful Wave Hero

Effortless visuals with tailwind-only waves.

`.trim(), }, { id: "noise", name: "Noise Overlay", html: `

Noisy Hero

Subtle noise overlay for premium feel.

`.trim(), }, { id: "parallax", name: "Parallax Layers", html: `

Parallax Hero

Layered glow with depth illusion.

`.trim(), }, { id: "morphing-blobs", name: "Morphing Blobs", html: `

Morphing Blobs Hero

SVG animated blobs with gradient.

`.trim(), }, { id: "rays", name: "Rays / Aurora", html: `

Aurora Hero

Conic gradient rays for an Aurora feel.

`.trim(), }, { id: "grid", name: "Animated Grid", html: `

Grid Hero

Animated grid with light sweep.

`.trim(), }, { id: "shapes", name: "Floating Shapes", html: `

Floating Shapes

Gentle motion with CSS keyframes.

`.trim(), }, { id: "lines", name: "Moving Lines", html: `

Moving Lines Hero

Subtle animated lines create motion.

`.trim(), }, { id: "orbits", name: "Orbits", html: `

Orbit Hero

Concentric orbits with minimal styling.

`.trim(), }, ];