---
import Button from '@ui/Button.astro'
import ButtonList from '@ui/ButtonList.astro'

interface Props {
  class?: string
}

const { class: className } = Astro.props

const sectionClass = ['section', className]
---

<section class:list={sectionClass}>
  <div class="container-narrow text-center">
    <h3 class="h1">Enhance your efficiency with our application,<br />available for use immediately.</h3>
    <p class="text-secondary">Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt, ipsa? Voluptates sunt, ipsum esse quis obcaecati atque placeat consectetur beatae, tenetur ducimus iure minima expedita recusandae doloribus nam. Pariatur, facilis?</p>
    <ButtonList class="justify-content-center mt-6">
      <Button text="Get started" color="primary" />
      <Button text="Learn more" variant="ghost" iconEnd="chevron-right" />
    </ButtonList>
  </div>
</section>