CTA - Primary

Prominent call-to-action section with primary background color

Preview

Ready to get started?

Join thousands of energy managers using Ramp today

Code

<SectionBlock
  padding="xl"
  background="primary"
  alignment="center"
  titleSize="lg"
  title="Ready to get started?"
  subtitle="Join thousands of energy managers using Ramp today"
  cta1={{ text: "Start Free Trial", variant: "secondary" }}
  cta2={{ text: "Contact Sales", variant: "outline" }}
/>

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