Components
A stunning dark-themed hero section featuring animated beam effects, glassmorphic UI elements, and an interactive code input area. Perfect for AI-powered developer tools, SaaS landing pages, and modern tech portfolios.
Loading preview...
import React from 'react';
import AICodeHeroSection from '../components/ui/ai-code-hero-section';
const HeroDemo = () => {
const handleSubmit = (text: string) => {
console.log('Submitted:', text);
};
return (
<div className="min-h-screen w-full bg-zinc-950">
<AICodeHeroSection
badgeText="New v2.0 Assembly"
title="AI-Powered Code & Architecture Design"
description="Kreona Studio is your source for high-quality, scalable web assembly. Generate components, create designs, and chat with AI in seconds."
buttonText="Start Building Free"
placeholder="ASK: Generate a complex component architecture..."
onSubmit={handleSubmit}
/>
</div>
);
};
export default HeroDemo;