Hero - Gradient Background

Eye-catching hero with gradient background and centered layout

Preview

Ship Your Product Faster

Join teams shipping with Ramp DS

Code

<SectionBlock
  padding="xl"
  background="gradient"
  alignment="center"
  titleSize="xl"
  title="Ship Your Product Faster"
  subtitle="Join teams shipping with Ramp DS"
  cta1={{ text: "Start Free Trial", variant: "default" }}
/>

Usage Notes

Import the SectionBlock component from @/components/ui/section-block
Customize props to match your design requirements
Use the children prop to add custom content
All variants support responsive design out of the box