@squadhouse/components

Biblioteca compartilhada de componentes para o SquadHouse.

🚀 Instalação

npm install @squadhouse/components

📦 Uso

Renderização Completa

import { LandingPageRenderer } from '@squadhouse/components';

function MyPage() {
  return (
    <LandingPageRenderer 
      schema={pageSchema}
      isPreview={false}
      highlightedSection={null}
      domain="cliente.com"
      clientId="123"
    />
  );
}

Componentes Individuais

import { Hero, Features, Pricing } from '@squadhouse/components';

function CustomPage() {
  return (
    <div>
      <Hero section={heroSection} theme={theme} />
      <Features section={featuresSection} theme={theme} />
      <Pricing section={pricingSection} theme={theme} />
    </div>
  );
}

🎨 Modo Preview

Para usar no editor/admin:

<LandingPageRenderer 
  schema={schema}
  isPreview={true}
  highlightedSection={2} // Destacar seção específica
/>

🔧 Desenvolvimento

# Instalar dependências
npm install

# Build
npm run build

# Desenvolvimento
npm run dev

# Testes
npm test

📁 Estrutura

src/
├── components/          # Componentes utilitários
├── sections/           # Seções de landing page
├── types/              # Tipos TypeScript
└── LandingPageRenderer.tsx