open-index/open-npm huggingface dataset:
npm package: @riligar/components-kit
Description: <p align="center">     <a href="https://www.npmjs.com/package/@riligar/components-kit" target="_blank"><img src="https://img.shields.io/npm/v/@riligar/components-kit.svg" alt="npm version" /></a>     <a href="https://www.npmjs.com/package/@riligar/compone
Latest version: 1.10.1

# Components Kit

<p align="center">
    <a href="https://www.npmjs.com/package/@riligar/components-kit" target="_blank"><img src="https://img.shields.io/npm/v/@riligar/components-kit.svg" alt="npm version" /></a>
    <a href="https://www.npmjs.com/package/@riligar/components-kit" target="_blank"><img src="https://img.shields.io/npm/dm/@riligar/components-kit.svg" alt="npm downloads" /></a>
    <a href="https://www.npmjs.com/package/@riligar/components-kit" target="_blank"><img src="https://img.shields.io/npm/l/@riligar/components-kit.svg" alt="license" /></a>
    <a href="/llms.txt" target="_blank"><img src="https://img.shields.io/badge/llms.txt-available-blue" alt="llms.txt" /></a>
</p>

A premium React component library built with Mantine and Zen Design principles.

## Installation

```bash
bun add @riligar/components-kit
```

## Setup

Ensure you have `@mantine/core` and `@mantine/hooks` installed. Import the global CSS in your application entry point:

```javascript
import "@riligar/components-kit/style.css";
```

## Basic Usage

```jsx
import {
  Hero,
  FeatureSplit,
  FeaturesGrid,
  Pricing,
  FAQ,
  Footer,
} from "@riligar/components-kit";

function App() {
  return (
    <>
      <Hero
        title="O fim do código e dos plugins."
        subtitle="Tecnologia RiLiGar"
        description="Suas Landing Pages no ar em 2 minutos."
      />
      {/* ... other components */}
      <Footer />
    </>
  );
}
```

## Available Components

- **Layout & Structure**: `Header`, `Footer`, `Navbar`, `Layout`.
- **Marketing Sections**: `Hero`, `SocialProof`, `FeatureSplit`, `FeaturesGrid`, `Comparison`.
- **Conversion & Pricing**: `Pricing`, `FAQ`, `Testimonials`, `CTABanner`, `TrustBadge`.
- **Primitives**: `SectionHeader`, `MediaBlock`, `CTAButton`.

## AI Documentation

This project follows the [llms.txt](https://llmstxt.org/) standard. You can find machine-readable documentation for AI assistants (like Copilot, Cursor, or Gemini) in the root directory:

- [llms.txt](/llms.txt): A concise map of the project, design principles (Zen Aesthetics), and component APIs.

---

## Development

```bash
# Install dependencies
bun install

# Start development server (demo)
cd demo && bun run dev

# Build the library
bun run build
```

## License

MIT © RiLiGar