Components
Loading preview...
Hero
@kinfe123
npx shadcn@latest add https://21st.dev/r/kinfe123/hero-section-darkimport { HeroSection } from "@/components/blocks/hero-section-dark"
function HeroSectionDemo() {
return (
<HeroSection
title="Welcome to Our Platform"
subtitle={{
regular: "Transform your ideas into ",
gradient: "beautiful digital experiences",
}}
description="Transform your ideas into reality with our comprehensive suite of development tools and resources."
ctaText="Get Started"
ctaHref="/signup"
bottomImage={{
light: "https://www.launchuicomponents.com/app-light.png",
dark: "https://www.launchuicomponents.com/app-dark.png",
}}
gridOptions={{
angle: 65,
opacity: 0.4,
cellSize: 50,
lightLineColor: "#4a4a4a",
darkLineColor: "#2a2a2a",
}}
/>
)
}
export { HeroSectionDemo }