Components
Loading preview...
Basic feature section with heading, description and buttons. Image on left
@shadcnblockscom
npx shadcn@latest add https://21st.dev/r/shadcnblockscom/feature-2import { Feature2 } from "@/components/ui/feature-2";
const DemoOne = () => {
return (
<Feature2
title="Blocks built with Shadcn & Tailwind"
description="Hundreds of finely crafted components built with React, Tailwind and Shadcn UI. Developers can copy and paste these blocks directly into their project."
imageSrc="https://shadcnblocks.com/images/block/placeholder-1.svg"
imageAlt="placeholder hero"
buttonPrimary={{
label: "Get Started",
href: "https://shadcnblocks.com"
}}
buttonSecondary={{
label: "Learn More",
href: "https://shadcnblocks.com"
}}
/>
);
};
export { DemoOne };