[
    {
        "_id": {
            "$oid": "6821c0a10000000000000001"
        },
        "active": true,
        "type": "page",
        "lang": "de",
        "translationKey": "home",
        "name": "Startseite",
        "path": "/",
        "blocks": [
            {
                "type": "hero",
                "headline": "Moderne Webprojekte. Blitzschnell umgesetzt.",
                "headlineH1": true,
                "subline": "Tibi CMS Starter — Svelte 5, Tailwind CSS 4, SSR und eine API, die einfach funktioniert.",
                "containerWidth": "full",
                "callToAction": {
                    "buttonText": "Features entdecken",
                    "buttonLink": "#features",
                    "buttonTarget": ""
                },
                "heroImage": {
                    "image": "6821c0a10000000000000201"
                }
            },
            {
                "type": "features",
                "headline": "Was dieses Template kann",
                "tagline": "Highlights",
                "anchorId": "features",
                "padding": {
                    "top": "lg",
                    "bottom": "lg"
                },
                "featureBoxes": [
                    {
                        "icon": "lightning",
                        "title": "Svelte 5 Runes",
                        "text": "Reaktives UI mit $state, $derived und $effect — kein Boilerplate, maximale Performance."
                    },
                    {
                        "icon": "palette",
                        "title": "Tailwind CSS 4",
                        "text": "Utility-first Styling mit Custom-Theme, Dark-Mode-ready und blitzschnellen Builds."
                    },
                    {
                        "icon": "database",
                        "title": "Tibi CMS API",
                        "text": "Collections, Hooks, Medialib — alles über eine REST-API. Mit Mock-Modus für offline-Entwicklung."
                    },
                    {
                        "icon": "globe",
                        "title": "Mehrsprachig",
                        "text": "Mehrsprachigkeit aus der Box: URL-basierte Sprachauswahl, Lazy-Loaded Locales, SSR-kompatibel."
                    },
                    {
                        "icon": "monitor",
                        "title": "SSR via goja",
                        "text": "Server-Side Rendering in Go — schnelle Erstauslieferung, SEO-freundlich, mit Cache-Invalidierung."
                    },
                    {
                        "icon": "flask",
                        "title": "Playwright Tests",
                        "text": "E2E, API, Visual Regression und Video-Tours — alles vorkonfiguriert und ready to go."
                    }
                ]
            },
            {
                "type": "richtext",
                "headline": "So funktioniert's",
                "tagline": "Workflow",
                "anchorId": "workflow",
                "padding": {
                    "top": "lg",
                    "bottom": "sm"
                },
                "image": "6821c0a10000000000000202",
                "imagePosition": "right",
                "text": "<p>Starte die Entwicklungsumgebung mit <code>make docker-up && make docker-start</code>. Der esbuild-Watcher kompiliert Änderungen in Echtzeit, BrowserSync lädt den Browser automatisch neu.</p><p>Für Offline-Entwicklung aktiviere den Mock-Modus mit <code>MOCK=1</code> in der <code>.env</code>. Content wird über die Tibi-API geladen und mit dem BlockRenderer dargestellt.</p><p>Jeder Block-Typ (Hero, Richtext, Accordion, Kontaktformular) ist eine eigene Svelte-Komponente — <strong>erweiterbar und austauschbar</strong>.</p>"
            },
            {
                "type": "accordion",
                "headline": "Häufige Fragen",
                "tagline": "FAQ",
                "anchorId": "faq",
                "padding": {
                    "top": "sm",
                    "bottom": "lg"
                },
                "accordionItems": [
                    {
                        "question": "Wie starte ich ein neues Projekt mit diesem Template?",
                        "answer": "<p>Klone das Repository, passe <code>.env</code> an und starte mit <code>make docker-up && make docker-start</code>. Die Demo-Inhalte kannst du einfach durch echte Inhalte ersetzen.</p>",
                        "open": true
                    },
                    {
                        "question": "Brauche ich einen laufenden Tibi-Server für die Entwicklung?",
                        "answer": "<p>Nein! Mit <code>MOCK=1</code> in der <code>.env</code> werden API-Aufrufe gegen lokale JSON-Dateien aufgelöst. So kannst du Frontend-Features ohne Backend entwickeln.</p>"
                    },
                    {
                        "question": "Wie füge ich eine neue Seite hinzu?",
                        "answer": "<p>Erstelle einen neuen Content-Eintrag in der Collection (oder in <code>mocking/content.json</code> für Mock-Modus) mit dem gewünschten Pfad und Blöcken. Die App rendert ihn automatisch über den BlockRenderer.</p>"
                    },
                    {
                        "question": "Kann ich eigene Block-Typen erstellen?",
                        "answer": "<p>Ja! Erstelle eine neue Svelte-Komponente und registriere den Typ im BlockRenderer. Das Type-Interface <code>ContentBlockEntry</code> in <code>global.d.ts</code> kannst du entsprechend erweitern.</p>"
                    }
                ]
            }
        ],
        "meta": {
            "title": "Tibi Svelte Starter — Modernes CMS-Template",
            "description": "Svelte 5, Tailwind CSS 4, SSR, i18n und Playwright-Tests — das perfekte Starterkit.",
            "keywords": [
                "svelte",
                "tibi",
                "cms",
                "starter",
                "template"
            ]
        }
    },
    {
        "_id": {
            "$oid": "6821c0a10000000000000002"
        },
        "active": true,
        "type": "page",
        "lang": "en",
        "translationKey": "home",
        "name": "Home",
        "path": "/",
        "blocks": [
            {
                "type": "hero",
                "headline": "Modern web projects. Lightning fast.",
                "headlineH1": true,
                "subline": "Tibi CMS Starter — Svelte 5, Tailwind CSS 4, SSR and an API that just works.",
                "containerWidth": "full",
                "callToAction": {
                    "buttonText": "Explore features",
                    "buttonLink": "#features",
                    "buttonTarget": ""
                },
                "heroImage": {
                    "image": "6821c0a10000000000000201"
                }
            },
            {
                "type": "features",
                "headline": "What this template offers",
                "tagline": "Features",
                "anchorId": "features",
                "padding": {
                    "top": "lg",
                    "bottom": "lg"
                },
                "featureBoxes": [
                    {
                        "icon": "lightning",
                        "title": "Svelte 5 Runes",
                        "text": "Reactive UI with $state, $derived and $effect — no boilerplate, maximum performance."
                    },
                    {
                        "icon": "palette",
                        "title": "Tailwind CSS 4",
                        "text": "Utility-first styling with custom theme, dark-mode-ready and blazing fast builds."
                    },
                    {
                        "icon": "database",
                        "title": "Tibi CMS API",
                        "text": "Collections, hooks, media library — all via REST API. With mock mode for offline development."
                    },
                    {
                        "icon": "globe",
                        "title": "Built-in i18n",
                        "text": "Multi-language out of the box: URL-based language selection, lazy-loaded locales, SSR-compatible."
                    },
                    {
                        "icon": "monitor",
                        "title": "SSR via goja",
                        "text": "Server-side rendering in Go — fast initial delivery, SEO-friendly, with cache invalidation."
                    },
                    {
                        "icon": "flask",
                        "title": "Playwright Tests",
                        "text": "E2E, API, visual regression and video tours — all preconfigured and ready to go."
                    }
                ]
            },
            {
                "type": "richtext",
                "headline": "How it works",
                "tagline": "Workflow",
                "anchorId": "workflow",
                "padding": {
                    "top": "lg",
                    "bottom": "sm"
                },
                "image": "6821c0a10000000000000202",
                "imagePosition": "right",
                "text": "<p>Start the dev environment with <code>make docker-up && make docker-start</code>. The esbuild watcher compiles changes in real-time, BrowserSync auto-reloads the browser.</p><p>For offline development, enable mock mode with <code>MOCK=1</code> in <code>.env</code>. Content is loaded via the Tibi API and rendered with the BlockRenderer.</p><p>Each block type (Hero, Richtext, Accordion, Contact Form) is its own Svelte component — <strong>extensible and swappable</strong>.</p>"
            },
            {
                "type": "accordion",
                "headline": "Frequently Asked Questions",
                "tagline": "FAQ",
                "anchorId": "faq",
                "padding": {
                    "top": "sm",
                    "bottom": "lg"
                },
                "accordionItems": [
                    {
                        "question": "How do I start a new project with this template?",
                        "answer": "<p>Clone the repository, adjust <code>.env</code> and start with <code>make docker-up && make docker-start</code>. Simply replace the demo content with your real content.</p>",
                        "open": true
                    },
                    {
                        "question": "Do I need a running Tibi server for development?",
                        "answer": "<p>No! With <code>MOCK=1</code> in <code>.env</code>, API calls are resolved against local JSON files. This lets you develop frontend features without a backend.</p>"
                    },
                    {
                        "question": "How do I add a new page?",
                        "answer": "<p>Create a new content entry in the collection (or in <code>mocking/content.json</code> for mock mode) with the desired path and blocks. The app renders it automatically via the BlockRenderer.</p>"
                    },
                    {
                        "question": "Can I create custom block types?",
                        "answer": "<p>Yes! Create a new Svelte component and register the type in BlockRenderer. You can extend the <code>ContentBlockEntry</code> type interface in <code>global.d.ts</code> accordingly.</p>"
                    }
                ]
            }
        ],
        "meta": {
            "title": "Tibi Svelte Starter — Modern CMS Template",
            "description": "Svelte 5, Tailwind CSS 4, SSR, i18n and Playwright tests — the perfect starter kit.",
            "keywords": [
                "svelte",
                "tibi",
                "cms",
                "starter",
                "template"
            ]
        }
    },
    {
        "_id": {
            "$oid": "6821c0a10000000000000003"
        },
        "active": true,
        "type": "page",
        "lang": "de",
        "translationKey": "about",
        "name": "Über das Template",
        "path": "/ueber-uns",
        "blocks": [
            {
                "type": "hero",
                "headline": "Über das Template",
                "headlineH1": true,
                "subline": "Gebaut für Teams, die schnell professionelle Webprojekte umsetzen wollen.",
                "containerWidth": "full",
                "heroImage": {
                    "image": "6821c0a10000000000000203"
                }
            },
            {
                "type": "richtext",
                "headline": "Warum dieses Template?",
                "padding": {
                    "top": "lg",
                    "bottom": "md"
                },
                "text": "<p>Das Tibi Svelte Starter vereint bewährte Patterns aus dutzenden Projekten in einem sofort einsetzbaren Fundament:</p><ul><li><strong>API-Layer</strong> mit Request-Deduplication, Loading-States und Caching</li><li><strong>Widget-Bibliothek</strong> mit Button, Input, Select, Carousel, Pagination und mehr</li><li><strong>Block-Rendering</strong> für CMS-gesteuerte Seiten mit beliebig erweiterbaren Typen</li><li><strong>Testing-Setup</strong> mit Playwright für E2E, API und visuelle Regressionstests</li></ul>"
            },
            {
                "type": "richtext",
                "headline": "Technologie-Stack",
                "padding": {
                    "top": "md",
                    "bottom": "lg"
                },
                "image": "6821c0a10000000000000204",
                "imagePosition": "left",
                "text": "<p>Jede Komponente wurde sorgfältig ausgewählt:</p><ul><li><strong>Svelte 5</strong> — Reaktives Framework mit Runes-API</li><li><strong>Tailwind CSS 4</strong> — Utility-first CSS mit @theme</li><li><strong>esbuild</strong> — Extrem schneller Bundler</li><li><strong>Tibi CMS</strong> — Headless CMS mit Go-Backend</li><li><strong>goja SSR</strong> — Server-Side Rendering in Go</li><li><strong>Playwright</strong> — Modernes Testing-Framework</li></ul>"
            }
        ],
        "meta": {
            "title": "Über das Template — Tibi Svelte Starter",
            "description": "Architektur und Tech-Stack des Tibi Svelte Starter Templates.",
            "keywords": [
                "svelte",
                "über uns",
                "template",
                "architektur"
            ]
        }
    },
    {
        "_id": {
            "$oid": "6821c0a10000000000000004"
        },
        "active": true,
        "type": "page",
        "lang": "en",
        "translationKey": "about",
        "name": "About the Template",
        "path": "/about",
        "blocks": [
            {
                "type": "hero",
                "headline": "About the Template",
                "headlineH1": true,
                "subline": "Built for teams who want to ship professional web projects fast.",
                "containerWidth": "full",
                "heroImage": {
                    "image": "6821c0a10000000000000203"
                }
            },
            {
                "type": "richtext",
                "headline": "Why this template?",
                "padding": {
                    "top": "lg",
                    "bottom": "md"
                },
                "text": "<p>The Tibi Svelte Starter combines proven patterns from dozens of projects into an immediately usable foundation:</p><ul><li><strong>API layer</strong> with request deduplication, loading states and caching</li><li><strong>Widget library</strong> with Button, Input, Select, Carousel, Pagination and more</li><li><strong>Block rendering</strong> for CMS-driven pages with extensible types</li><li><strong>Testing setup</strong> with Playwright for E2E, API and visual regression tests</li></ul>"
            },
            {
                "type": "richtext",
                "headline": "Technology Stack",
                "padding": {
                    "top": "md",
                    "bottom": "lg"
                },
                "image": "6821c0a10000000000000204",
                "imagePosition": "left",
                "text": "<p>Every component was carefully chosen:</p><ul><li><strong>Svelte 5</strong> — Reactive framework with Runes API</li><li><strong>Tailwind CSS 4</strong> — Utility-first CSS with @theme</li><li><strong>esbuild</strong> — Extremely fast bundler</li><li><strong>Tibi CMS</strong> — Headless CMS with Go backend</li><li><strong>goja SSR</strong> — Server-side rendering in Go</li><li><strong>Playwright</strong> — Modern testing framework</li></ul>"
            }
        ],
        "meta": {
            "title": "About the Template — Tibi Svelte Starter",
            "description": "Architecture and tech stack of the Tibi Svelte Starter Template.",
            "keywords": [
                "svelte",
                "about",
                "template",
                "architecture"
            ]
        }
    },
    {
        "_id": {
            "$oid": "6821c0a10000000000000005"
        },
        "active": true,
        "type": "page",
        "lang": "de",
        "translationKey": "contact",
        "name": "Kontakt",
        "path": "/kontakt",
        "blocks": [
            {
                "type": "hero",
                "headline": "Kontakt",
                "headlineH1": true,
                "subline": "Fragen, Feedback oder Projektanfragen? Schreib uns!",
                "containerWidth": "full",
                "heroImage": {
                    "image": "6821c0a10000000000000205"
                }
            },
            {
                "type": "contact-form",
                "headline": "Nachricht senden",
                "padding": {
                    "top": "lg",
                    "bottom": "lg"
                }
            }
        ],
        "meta": {
            "title": "Kontakt — Tibi Svelte Starter",
            "description": "Nimm Kontakt mit uns auf.",
            "keywords": [
                "kontakt",
                "anfrage"
            ]
        }
    },
    {
        "_id": {
            "$oid": "6821c0a10000000000000006"
        },
        "active": true,
        "type": "page",
        "lang": "en",
        "translationKey": "contact",
        "name": "Contact",
        "path": "/contact",
        "blocks": [
            {
                "type": "hero",
                "headline": "Contact",
                "headlineH1": true,
                "subline": "Questions, feedback or project inquiries? Get in touch!",
                "containerWidth": "full",
                "heroImage": {
                    "image": "6821c0a10000000000000205"
                }
            },
            {
                "type": "contact-form",
                "headline": "Send a message",
                "padding": {
                    "top": "lg",
                    "bottom": "lg"
                }
            }
        ],
        "meta": {
            "title": "Contact — Tibi Svelte Starter",
            "description": "Get in touch with us.",
            "keywords": [
                "contact",
                "inquiry"
            ]
        }
    }
]