Components
Hero Section with Animation This is a responsive hero section designed to capture user attention. It features a two-column layout with animated text and an image, which gracefully stacks on smaller screens.
Loading preview...
import { AnimatedHero } from "@/components/ui/hero-section-6";
export default function AnimatedHeroDemo() {
return (
<div className="w-full bg-background text-foreground">
<AnimatedHero
title="A platform that was built to move"
description="Transform the way your company moves and feeds its people with our integrated business solutions."
buttonText="Get started for free"
// A placeholder image that resembles the style from the screenshot
imageUrl="https://i.pinimg.com/originals/bb/c2/a3/bbc2a39b80d283dc936d426be1868e3c.gif"
imageAlt="Illustration of a person working at a desk"
onButtonClick={() => alert("Button clicked!")}
/>
</div>
);
}