Components
Loading preview...
A hero section with a radial circle background pattern
@shadcnblockscom
npx shadcn@latest add https://21st.dev/r/shadcnblockscom/shadcnblocks-com-hero115import { Wifi, Zap } from "lucide-react";
import { Hero115 } from "@/components/blocks/shadcnblocks-com-hero115"
const demoData = {
icon: <Wifi className="size-6" />,
heading: "Blocks built with Shadcn & Tailwind",
description:
"Finely crafted components built with React, Tailwind and Shadcn UI. Developers can copy and paste these blocks directly into their project.",
button: {
text: "Discover Features",
icon: <Zap className="ml-2 size-4" />,
url: "https://www.shadcnblocks.com",
},
trustText: "Trusted by 25.000+ Businesses Worldwide",
imageSrc: "https://www.shadcnblocks.com/images/block/placeholder-1.svg",
imageAlt: "placeholder",
};
function Hero115Demo() {
return <Hero115 {...demoData} />;
}
export { Hero115Demo };