Pages Editor

export interface CustomPage {
  id: string;
  slug: string;          // URL path (e.g., 'quienes-somos')
  title: string;
  status: 'Published' | 'Draft';
  sections: PageSection[];
  seo: SEOConfig;
}

export interface PageSection {
  id: string;
  type: 'Text' | 'Image' | 'Gallery' | /* ... */;
  content: any; // Flexible per section type
  order: number;
  settings?: {
    backgroundColor?: string;
    padding?: 'small' | 'medium' | 'large';
    containerSize?: 'narrow' | 'standard' | 'full';
  };
}

{
  "id": "s_hero_about",
  "type": "Hero",
  "order": 0,
  "content": {
    "title": "Quiénes Somos",
    "subtitle": "Una comunidad global dedicada al desenvolvimiento espiritual",
    "imageUrl": "https://example.com/hero.jpg",
    "ctaText": "Ver Sedes",
    "ctaLink": "/about/locations"
  }
}

{
  "id": "s_stats_about",
  "type": "Stats",
  "order": 2,
  "content": {
    "items": [
      {
        "label": "Año de Fundación",
        "value": "1937",
        "icon": "Calendar"
      },
      {
        "label": "Países con presencia",
        "value": "20+",
        "icon": "Globe"
      }
    ]
  }
}

## Heading Level 2

### Heading Level 3

This is a paragraph with **bold text** and *italic text*.

- Bullet point 1
- Bullet point 2
- Bullet point 3

1. Numbered item
2. Numbered item

[Link text](https://example.com)

> Blockquote text

"settings": {
  "backgroundColor": "#f8fafc"
}