mirror of
https://github.com/tabler/tabler.git
synced 2026-10-19 06:14:22 +04:00
Paweł Kunaandcopilot-swe-agent[bot]
8962710163
Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
25 lines
948 B
Plaintext
25 lines
948 B
Plaintext
---
|
|
import Button from '@ui/Button.astro'
|
|
import ButtonList from '@ui/ButtonList.astro'
|
|
|
|
interface Props {
|
|
background?: string
|
|
class?: string
|
|
}
|
|
|
|
const { background, class: className } = Astro.props
|
|
|
|
const sectionClass = ['section', background && `section-${background}`, 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" ghost iconEnd="chevron-right" />
|
|
</ButtonList>
|
|
</div>
|
|
</section>
|