Components
An animated modern responsive hero section for a startup or saas with webgl visuals, post processing, bold styling, hover effects, and CTA
Loading preview...
import HeroSection from "@/components/ui/hero-section";
// Demo Component
const HeroDemo: React.FC = () => {
const handleGetStarted = () => {
console.log('Get Started clicked!');
// navigation logic
};
const handleWatchDemo = () => {
console.log('Watch Demo clicked!');
// demo logic
};
return (
<div className="w-full">
<HeroSection
headline="Launch Your Digital Future"
description="Experience the next generation of web technology with stunning visuals, smooth animations, and cutting-edge design that captivates your audience."
primaryButtonText="Get Started Free"
secondaryButtonText="Watch Demo"
onPrimaryClick={handleGetStarted}
onSecondaryClick={handleWatchDemo}
/>
</div>
);
};
export default HeroDemo;