This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

#cara install
npm i utscopy

#setelah di install import komponen
import { Button, Card, Header, Footer, Sidebar } from "utscopy";

#contoh pemanggilan komponen
1.  <Button variant="primary" size="medium" shape="default">
        Primary Button
    </Button>

2.  <Card
        title="YG U Soul"
        content="Interior Gedung Entertainment Big 3 di Korea Selatan"
        variant="image"
        imageUrl="https://img.era.id/mHAIL0nV-JsK2GBVfNKEOxdSAj3AUgIvThE38LKX9cM/rs:fill:1280:720/g:sm/bG9jYWw6Ly8vcHVibGlzaGVycy8zODY5MS8yMDIwMDkyMzE1MDUtbWFpbi5qcGVn.jpg"
        footerText="@ygofficial"
        style={{ width: '100%' }}
    />

3.  <Header 
        variant="default"
        currentTheme="${currentTheme}"
        onThemeChange={handleThemeChange}
        logoSrc="https://upload.wikimedia.org/wikipedia/commons/3/31/YG_Entertainment_logo.png"
        logoAlt="YG Logo"
    />

4.  <Sidebar 
        variant="grouped" 
        groups={[
          { title: 'UI Components', items: ['Button', 'Card'] },
          { title: 'Layout', items: ['Header', 'Footer'] },
        ]}
    />

5.  <Footer variant="social" />

Components

Button (primary, secondary, danger, outline)
Card (basic, featured, image, accent)
Header (default, center, color, gradient)
Sidebar (default, compact, grouped, collapsible)
Footer (default, simple, social, darkSplit)