import { Meta } from '@storybook/blocks';
import { Source } from '@storybook/addon-docs';
import logo from '../../.storybook/assets/logo.svg';

<Meta title="Introduction" />

<h1>
  <img
    src={logo}
    alt="Mozaic-Vue logo"
    style={{ height: '48px', marginRight: '8px', verticalAlign: 'middle' }}
  />
  <span style={{ fontSize: '32px' }}>Vue.js library</span>
</h1>

This project contains **Vue.js** components that implements the **ADEO Design system** guidelines.

## 🪄 Introduction

ADEO Design system is a global and collaborative design system
that facilitates the designer and developer experience,
enabling them to create universal interfaces
perfectly aligned with the business strategy of Adeo.

## 🎨 Getting Started

Ready to begin using Mozaic in your project?\
Our Getting Started guide will walk you through the basics, \
from setting up the system to implementing core components in your application.

Whether you're new to Mozaic or just need a refresher, \
this guide has everything you need to hit the ground running.

Read how to **[Setup your application](/docs/getting-started--docs)**!

## 🤝 Contributing

Be part of something bigger!

**Mozaic-Vue** is made possible by an incredible community that finds issues and creates pull requests.\
It is our job to enable you to create amazing applications.

To do so, see our **[contributing process](/docs/contributing--docs)**.

## ℹ️ Support

If you have any questions or need assistance,\
we are here to help.

Whether you're troubleshooting, looking for documentation,\
or need to get in touch with our team,\
you'll find all the resources you need to get the most out of **Mozaic-Vue**.

Visit our **[Support page](/docs/support--docs)** for more information.