Ramp

FAQ Section

Frequently asked questions section with accordion-style content

Preview

Frequently Asked Questions

Everything you need to know about Ramp

Code

<SectionBlock
  padding="lg"
  alignment="center"
  titleSize="lg"
  title="Frequently Asked Questions"
  subtitle="Everything you need to know about Ramp"
>
  <Accordion type="single" collapsible className="w-full max-w-3xl mx-auto">
    <AccordionItem value="1">
      <AccordionTrigger>What is Ramp?</AccordionTrigger>
      <AccordionContent>
        Ramp is a comprehensive energy management platform that helps you monitor,
        optimize, and control your energy systems from a single dashboard.
      </AccordionContent>
    </AccordionItem>
    <AccordionItem value="2">
      <AccordionTrigger>How does pricing work?</AccordionTrigger>
      <AccordionContent>
        We offer flexible pricing based on your usage and requirements.
        Contact our sales team for a custom quote.
      </AccordionContent>
    </AccordionItem>
    <AccordionItem value="3">
      <AccordionTrigger>Is there a free trial?</AccordionTrigger>
      <AccordionContent>
        Yes! We offer a 14-day free trial with full access to all features.
      </AccordionContent>
    </AccordionItem>
  </Accordion>
</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