Components
Loading preview...
Here is Feature Sections component
@prebuiltui
npx shadcn@latest add https://21st.dev/r/prebuiltui/feature-sectionsexport default function Example() {
return (
<>
<style>{`
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
* {
font-family: 'Poppins', sans-serif;
}
`}</style>
<div className="px-4 md:px-8">
<p className="bg-gradient-to-r from-slate-800 to-[#4D6EA3] text-transparent bg-clip-text text-2xl md:text-3xl text-left font-medium max-w-2xl">
Why do 500+ companies choose to integrate our features?
</p>
<div className="flex flex-col-reverse md:flex-row items-center justify-center gap-6 mt-6">
<img
src="https://raw.githubusercontent.com/prebuiltui/prebuiltui/main/assets/features/image-6.svg"
alt="features showcase"
className="w-full md:w-1/2 h-auto"
/>
<img
src="https://raw.githubusercontent.com/prebuiltui/prebuiltui/main/assets/features/image-5.svg"
alt="features showcase"
className="w-full md:w-1/2 h-auto"
/>
</div>
</div>
</>
);
}