Content Section

General content section with title and custom content slot

Preview

Why Choose Ramp?

Discover the features that make Ramp the leading energy management platform

Real-time Monitoring

Track energy usage, production, and costs in real-time

Smart Optimization

AI-powered recommendations to reduce energy costs

Easy Integration

Connect with existing systems and devices seamlessly

Code

<SectionBlock
  padding="lg"
  alignment="left"
  titleSize="lg"
  title="Why Choose Ramp?"
  subtitle="Discover the features that make Ramp the leading energy management platform"
>
  <div className="grid gap-6 md:grid-cols-2 lg:grid-cols-3 mt-8">
    {/* Add your custom content here */}
  </div>
</SectionBlock>

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