hero-ai-gradient

Overview

An advanced hero section featuring an animated colorful plasma background, glassmorphism floating cards, and compelling typography tailored for AI and data-driven products.

Features

• Plasma Animation: Smooth, hypnotic CSS background animation for a premium feel
• Glassmorphism: Beautiful translucent floating cards that react to hover
• Responsive Design: Cards elegantly hide on mobile to keep focus on the main CTA
• Subtle Interactions: Hover FX that create depth and interactivity

Installation

import { HeroAiGradient } from "@/components/heroes/hero-ai-gradient.tsx";

export default function Page() {
  return <HeroAiGradient />;
}