@eventcatalog/core 3.29.1 → 3.30.0

package/eventcatalog/src/styles/theme.css

@@ -117,17 +117,21 @@
    */
 
   /* Header - deep black with cool border */
-  --ec-header-bg: 13 17 23; /* #0d1117 - GitHub dark bg */
+  --ec-header-bg: 9 13 13; /* #090d0d */
   --ec-header-text: 240 246 252; /* #f0f6fc - soft white */
-  --ec-header-border: 33 38 45; /* #21262d - subtle border */
+  --ec-header-border: 24 27 32; /* #181b20 - subtle border */
+
+  /* Primary brand color */
+  --ec-primary: 168 85 247; /* #a855f7 (purple-500) */
+  --ec-primary-hover: 147 51 234; /* #9333ea (purple-600) */
 
   /* Accent colors - used for selections, highlights, interactive elements */
-  --ec-accent: 192 132 252; /* #c084fc (purple-400) */
-  --ec-accent-hover: 168 85 247; /* #a855f7 (purple-500) */
+  --ec-accent: 168 85 247; /* #a855f7 (purple-500) */
+  --ec-accent-hover: 147 51 234; /* #9333ea (purple-600) */
   --ec-accent-subtle: 88 28 135 / 0.3; /* purple-900/30 */
   --ec-accent-text: 216 180 254; /* #d8b4fe (purple-300) */
-  --ec-accent-gradient-from: 192 132 252; /* #c084fc (purple-400) */
-  --ec-accent-gradient-to: 168 85 247; /* #a855f7 (purple-500) */
+  --ec-accent-gradient-from: 168 85 247; /* #a855f7 (purple-500) */
+  --ec-accent-gradient-to: 147 51 234; /* #9333ea (purple-600) */
 
   /* Buttons - accent color for better visibility */
   --ec-button-bg: 147 51 234; /* #9333ea - purple-600 */
@@ -144,9 +148,9 @@
   --ec-icon-color: 139 148 158; /* #8b949e */
   --ec-icon-hover: 240 246 252; /* #f0f6fc */
 
-  /* Sidebar / Vertical Nav (icon bar) - darkest surface */
-  --ec-sidebar-bg: 13 17 23; /* #0d1117 */
-  --ec-sidebar-bg-gradient: 22 27 34; /* #161b22 */
+  /* Sidebar / Vertical Nav (icon bar) */
+  --ec-sidebar-bg: 21 21 26; /* #15151a */
+  --ec-sidebar-bg-gradient: 21 21 26; /* #15151a */
   --ec-sidebar-border: 33 38 45; /* #21262d */
   --ec-sidebar-text: 139 148 158; /* #8b949e */
   --ec-sidebar-active-bg: 48 54 61; /* #30363d - subtle highlight */
@@ -154,7 +158,7 @@
   --ec-sidebar-hover-bg: 33 38 45; /* #21262d */
 
   /* Nested sidebar content */
-  --ec-content-bg: 13 17 23; /* #0d1117 */
+  --ec-content-bg: 21 21 26; /* #15151a - lifted surface for nested sidebar */
   --ec-content-text: 201 209 217; /* #c9d1d9 - softer than pure white */
   --ec-content-text-muted: 139 148 158; /* #8b949e */
   --ec-content-text-secondary: 170 178 186; /* #aab2ba - sidebar children text */
@@ -173,10 +177,10 @@
   --ec-group-icon-text: 201 209 217; /* #c9d1d9 */
 
   /* Main content/docs area - base dark surface */
-  --ec-page-bg: 13 17 23; /* #0d1117 */
+  --ec-page-bg: 9 13 13; /* #090d0d */
   --ec-page-text: 240 246 252; /* #f0f6fc */
   --ec-page-text-muted: 163 172 182; /* #a3acb6 */
-  --ec-page-border: 33 38 45; /* #21262d */
+  --ec-page-border: 24 27 32; /* #181b20 - more subtle */
 
   /* Card/elevated surfaces - for depth */
   --ec-card-bg: 22 27 34; /* #161b22 */
@@ -262,3 +266,55 @@
 :root[data-theme="dark"] .ec-themed-icon {
   filter: invert(1);
 }
+
+/*
+ * Expressive Code (code blocks) — match the EventCatalog editor look:
+ * single rounded container, generous padding, no scrollbar gutter when wrapping.
+ */
+.expressive-code {
+  margin: 1rem 0;
+  --ec-codeFontSize: 0.88em;
+}
+
+.expressive-code .frame {
+  box-shadow: none !important;
+  background: transparent !important;
+}
+
+.expressive-code .frame pre {
+  border: 1px solid rgb(var(--ec-page-border)) !important;
+  border-radius: 0.5rem !important;
+  padding: 0 !important;
+  overflow: hidden !important;
+  scrollbar-width: none !important;
+}
+
+.expressive-code .frame pre > code {
+  padding: 1rem 0 !important;
+  background: var(--code-background);
+}
+
+.expressive-code .frame pre::-webkit-scrollbar,
+.expressive-code .frame pre::-webkit-scrollbar-track,
+.expressive-code .frame pre::-webkit-scrollbar-thumb {
+  display: none !important;
+  width: 0 !important;
+  height: 0 !important;
+  background: transparent !important;
+}
+
+.expressive-code .frame .copy button {
+  border-radius: 0.375rem;
+}
+
+/* Hide the "Copied!" tooltip and instead swap the copy icon for a checkmark
+   while feedback is active. Reverts back to the copy icon automatically when
+   the feedback element is removed. */
+.expressive-code .frame .copy .feedback {
+  display: none !important;
+}
+
+.expressive-code .frame .copy:has(.feedback) button::after {
+  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>") !important;
+  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>") !important;
+}

package/eventcatalog/src/types/react-syntax-highlighter.d.ts

@@ -1 +1,14 @@
+declare module 'react-syntax-highlighter' {
+  import type { ComponentType } from 'react';
+
+  export interface SyntaxHighlighterProps {
+    [key: string]: any;
+  }
+
+  export const Prism: ComponentType<SyntaxHighlighterProps>;
+  const SyntaxHighlighter: ComponentType<SyntaxHighlighterProps>;
+
+  export default SyntaxHighlighter;
+}
+
 declare module 'react-syntax-highlighter/dist/esm/styles/prism/material-light';

package/package.json

@@ -7,7 +7,7 @@
   },
   "license": "SEE LICENSE IN LICENSE",
   "type": "module",
-  "version": "3.29.1",
+  "version": "3.30.0",
   "publishConfig": {
     "access": "public"
   },

package/eventcatalog/public/logo.svg

@@ -1,14 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 200">
-  <!-- Background shape -->
-  <rect x="50" y="50" width="200" height="100" rx="20" fill="#4a86e8" />
-  
-  <!-- Flow waves -->
-  <path d="M80 90 Q100 70, 120 90 Q140 110, 160 90 Q180 70, 200 90 Q220 110, 240 90" 
-        fill="none" stroke="#ffffff" stroke-width="8" stroke-linecap="round" />
-  
-  <!-- Shopping cart icon -->
-  <circle cx="220" cy="110" r="10" fill="#ffffff" />
-  <circle cx="180" cy="110" r="10" fill="#ffffff" />
-  <path d="M160 80 L170 110 L230 110 L240 80 Z" fill="none" stroke="#ffffff" stroke-width="3" />
-  <path d="M170 80 L245 80" fill="none" stroke="#ffffff" stroke-width="3" />
-</svg>

package/eventcatalog/src/enterprise/plans/index.astro

@@ -1,319 +0,0 @@
----
-import VerticalSideBarLayout from '@layouts/VerticalSideBarLayout.astro';
-import {
-  Rocket,
-  Users,
-  Bot,
-  ScrollText,
-  Component,
-  Cpu,
-  Code,
-  LifeBuoy,
-  ExternalLink,
-  Network,
-  Github,
-  Flag,
-} from 'lucide-react';
----
-
-<VerticalSideBarLayout title="EventCatalog Pro" showNestedSideBar={false}>
-  <div class="min-h-[calc(100vh-60px)] bg-[rgb(var(--ec-page-bg))]">
-    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16">
-      {/* Hero Section */}
-      <div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center mb-16">
-        <div>
-          <div
-            class="inline-flex items-center px-4 py-2 rounded-full bg-purple-100 text-purple-700 dark:bg-purple-900/30 dark:text-purple-300 font-medium text-sm mb-6"
-          >
-            <Rocket className="w-4 h-4 mr-2" />
-            Upgrade your Catalog
-          </div>
-          <h1 class="text-4xl font-bold text-[rgb(var(--ec-page-text))] tracking-tight mb-4">Supercharge your EventCatalog</h1>
-          <p class="text-xl text-[rgb(var(--ec-page-text-muted))] mb-8">
-            Unlock advanced features like automated docs (e.g OpenAPI, AsyncAPI), Custom documentation, AI assistant, and catalog
-            federation — all designed to help you scale without complexity.
-          </p>
-
-          {/* Integration Sources */}
-          <div class="mb-8">
-            <p class="text-sm font-medium text-[rgb(var(--ec-page-text-muted))] mb-4">Generate documentation from:</p>
-            <div class="grid grid-cols-2 md:grid-cols-3 gap-4">
-              <a
-                href="https://www.eventcatalog.dev/integrations/openapi"
-                class="flex items-center space-x-2 bg-[rgb(var(--ec-content-hover))] rounded-lg px-4 py-2 hover:bg-[rgb(var(--ec-content-active))] transition-colors duration-150"
-              >
-                <img src="/icons/openapi.svg" alt="OpenAPI" class="w-6 h-6" />
-                <span class="text-sm font-medium text-[rgb(var(--ec-page-text))]">OpenAPI</span>
-              </a>
-              <a
-                href="https://www.eventcatalog.dev/integrations/asyncapi"
-                class="flex items-center space-x-2 bg-[rgb(var(--ec-content-hover))] rounded-lg px-4 py-2 hover:bg-[rgb(var(--ec-content-active))] transition-colors duration-150"
-              >
-                <img src="/icons/asyncapi.svg" alt="AsyncAPI" class="w-6 h-6" />
-                <span class="text-sm font-medium text-[rgb(var(--ec-page-text))]">AsyncAPI</span>
-              </a>
-              <a
-                href="https://www.eventcatalog.dev/integrations"
-                class="flex items-center space-x-2 bg-[rgb(var(--ec-content-hover))] rounded-lg px-4 py-2 hover:bg-[rgb(var(--ec-content-active))] transition-colors duration-150"
-              >
-                <Component className="w-6 h-6 text-purple-600 dark:text-purple-400" />
-                <span class="text-sm font-medium text-[rgb(var(--ec-page-text))]">And more...</span>
-              </a>
-            </div>
-          </div>
-
-          <div class="flex flex-col sm:flex-row gap-4 mb-8">
-            <a
-              href="https://www.eventcatalog.cloud"
-              target="_blank"
-              class="inline-flex items-center justify-center px-6 py-3 border border-transparent text-base font-medium rounded-lg text-white bg-purple-600 hover:bg-purple-700 transition-colors duration-150"
-            >
-              Try for free
-              <svg class="ml-2 w-4 h-4" viewBox="0 0 20 20" fill="currentColor">
-                <path
-                  fill-rule="evenodd"
-                  d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z"
-                  clip-rule="evenodd"></path>
-              </svg>
-            </a>
-            <a
-              href="https://www.eventcatalog.dev"
-              target="_blank"
-              class="inline-flex items-center justify-center px-6 py-3 border border-[rgb(var(--ec-page-border))] text-base font-medium rounded-lg text-[rgb(var(--ec-page-text))] bg-[rgb(var(--ec-card-bg))] hover:bg-[rgb(var(--ec-content-hover))] transition-colors duration-150"
-            >
-              View documentation
-            </a>
-          </div>
-          <p class="text-sm text-[rgb(var(--ec-page-text-muted))]">Try free for 14 days, no credit card required</p>
-        </div>
-
-        <div class="relative">
-          <img
-            src="/images/eventcatalog-upgrade.png"
-            alt="EventCatalog Pro"
-            class="w-full rounded-xl shadow-lg border border-[rgb(var(--ec-page-border))]"
-          />
-        </div>
-      </div>
-
-      {/* Why upgrade section */}
-      <div class="mb-16">
-        <h2 class="text-2xl font-semibold text-[rgb(var(--ec-page-text))] mb-8">Why upgrade EventCatalog?</h2>
-        <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
-          <div class="bg-[rgb(var(--ec-card-bg))] rounded-xl p-6 shadow-xs border border-[rgb(var(--ec-page-border))]">
-            <div class="w-12 h-12 bg-purple-100 dark:bg-purple-900/30 rounded-lg flex items-center justify-center mb-4">
-              <ScrollText className="w-6 h-6 text-purple-600 dark:text-purple-400" />
-            </div>
-            <h3 class="text-lg font-semibold text-[rgb(var(--ec-page-text))] mb-2">A living source of truth</h3>
-            <p class="text-[rgb(var(--ec-page-text-muted))]">
-              Keep docs in sync with your systems, ensuring your team always has accurate information.
-            </p>
-          </div>
-
-          <div class="bg-[rgb(var(--ec-card-bg))] rounded-xl p-6 shadow-xs border border-[rgb(var(--ec-page-border))]">
-            <div class="w-12 h-12 bg-purple-100 dark:bg-purple-900/30 rounded-lg flex items-center justify-center mb-4">
-              <Users className="w-6 h-6 text-purple-600 dark:text-purple-400" />
-            </div>
-            <h3 class="text-lg font-semibold text-[rgb(var(--ec-page-text))] mb-2">Shared system understanding</h3>
-            <p class="text-[rgb(var(--ec-page-text-muted))]">
-              Align teams and reduce tribal knowledge with centralized architecture documentation.
-            </p>
-          </div>
-
-          <div class="bg-[rgb(var(--ec-card-bg))] rounded-xl p-6 shadow-xs border border-[rgb(var(--ec-page-border))]">
-            <div class="w-12 h-12 bg-purple-100 dark:bg-purple-900/30 rounded-lg flex items-center justify-center mb-4">
-              <Component className="w-6 h-6 text-purple-600 dark:text-purple-400" />
-            </div>
-            <h3 class="text-lg font-semibold text-[rgb(var(--ec-page-text))] mb-2">Architecture that scales</h3>
-            <p class="text-[rgb(var(--ec-page-text-muted))]">
-              Grow without losing context of complexity, making architectural decisions easy to find.
-            </p>
-          </div>
-        </div>
-      </div>
-
-      {/* Documentation Journey Section */}
-      <div class="mb-16">
-        <h2 class="text-2xl font-semibold text-[rgb(var(--ec-page-text))] mb-4">Scales with your team and architecture</h2>
-        <p class="text-[rgb(var(--ec-page-text-muted))] mb-8 max-w-3xl">
-          From scattered documentation to a well-governed system, EventCatalog helps you control complexity with well governed
-          documentation for your teams. Choose the plan that fits your needs.
-        </p>
-
-        <div class="relative py-8">
-          {/* Journey Line */}
-          <div
-            class="absolute top-1/2 left-0 w-full h-1 bg-purple-200 dark:bg-purple-900/50 transform -translate-y-1/2 hidden md:block"
-          >
-          </div>
-
-          <div class="grid grid-cols-1 md:grid-cols-4 gap-8 relative">
-            {/* Stage 1 */}
-            <div class="bg-[rgb(var(--ec-card-bg))] rounded-xl p-6 shadow-xs border border-[rgb(var(--ec-page-border))] relative">
-              <div
-                class="w-12 h-12 bg-purple-100 dark:bg-purple-900/30 rounded-full flex items-center justify-center mb-4 mx-auto md:absolute md:-top-6 md:left-1/2 md:transform md:-translate-x-1/2"
-              >
-                <Github className="w-6 h-6 text-purple-600 dark:text-purple-400" />
-              </div>
-              <h3 class="text-lg font-semibold text-[rgb(var(--ec-page-text))] mb-2 text-center">Community Edition</h3>
-              <p class="text-[rgb(var(--ec-page-text-muted))] text-sm text-center">
-                You're just beginning to document services, domains, and events.
-              </p>
-            </div>
-
-            {/* Stage 2 */}
-            <div class="bg-[rgb(var(--ec-card-bg))] rounded-xl p-6 shadow-xs border border-[rgb(var(--ec-page-border))] relative">
-              <div
-                class="w-12 h-12 bg-purple-100 dark:bg-purple-900/30 rounded-full flex items-center justify-center mb-4 mx-auto md:absolute md:-top-6 md:left-1/2 md:transform md:-translate-x-1/2"
-              >
-                <Flag className="w-6 h-6 text-purple-600 dark:text-purple-400" />
-              </div>
-              <h3 class="text-lg font-semibold text-[rgb(var(--ec-page-text))] mb-2 text-center">Starter Plan</h3>
-              <p class="text-[rgb(var(--ec-page-text-muted))] text-sm text-center">
-                For teams formalizing their architecture documentation
-              </p>
-            </div>
-
-            {/* Stage 3 */}
-            <div class="bg-[rgb(var(--ec-card-bg))] rounded-xl p-6 shadow-xs border border-[rgb(var(--ec-page-border))] relative">
-              <div
-                class="w-12 h-12 bg-purple-100 dark:bg-purple-900/30 rounded-full flex items-center justify-center mb-4 mx-auto md:absolute md:-top-6 md:left-1/2 md:transform md:-translate-x-1/2"
-              >
-                <Network className="w-6 h-6 text-purple-600 dark:text-purple-400" />
-              </div>
-              <h3 class="text-lg font-semibold text-[rgb(var(--ec-page-text))] mb-2 text-center">Scale Plan</h3>
-              <p class="text-[rgb(var(--ec-page-text-muted))] text-sm text-center">
-                Built for teams scaling across domains and integrating with external systems
-              </p>
-            </div>
-
-            {/* Stage 4 */}
-            <div class="bg-[rgb(var(--ec-card-bg))] rounded-xl p-6 shadow-xs border border-[rgb(var(--ec-page-border))] relative">
-              <div
-                class="w-12 h-12 bg-purple-100 dark:bg-purple-900/30 rounded-full flex items-center justify-center mb-4 mx-auto md:absolute md:-top-6 md:left-1/2 md:transform md:-translate-x-1/2"
-              >
-                <Rocket className="w-6 h-6 text-purple-600 dark:text-purple-400" />
-              </div>
-              <h3 class="text-lg font-semibold text-[rgb(var(--ec-page-text))] mb-2 text-center">Enterprise Plan</h3>
-              <p class="text-[rgb(var(--ec-page-text-muted))] text-sm text-center">
-                Designed for organizations building and governing complex event platforms
-              </p>
-            </div>
-          </div>
-
-          {/* Mobile Progress Indicators */}
-          <div class="flex justify-center items-center space-x-2 mt-4 md:hidden">
-            <div class="w-2 h-2 rounded-full bg-purple-600 dark:bg-purple-400"></div>
-            <div class="w-2 h-2 rounded-full bg-purple-400 dark:bg-purple-500"></div>
-            <div class="w-2 h-2 rounded-full bg-purple-300 dark:bg-purple-600"></div>
-            <div class="w-2 h-2 rounded-full bg-purple-200 dark:bg-purple-700"></div>
-          </div>
-        </div>
-      </div>
-
-      {/* Features Section */}
-      <div class="mb-16">
-        <h2 class="text-2xl font-semibold text-[rgb(var(--ec-page-text))] mb-8">Save time with EventCatalog</h2>
-        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
-          <div class="bg-[rgb(var(--ec-card-bg))] rounded-xl p-6 shadow-xs border border-[rgb(var(--ec-page-border))]">
-            <div class="w-12 h-12 bg-blue-100 dark:bg-blue-900/30 rounded-lg flex items-center justify-center mb-4">
-              <ScrollText className="w-6 h-6 text-blue-600 dark:text-blue-400" />
-            </div>
-            <h3 class="text-lg font-semibold text-[rgb(var(--ec-page-text))] mb-2">Custom Documentation</h3>
-            <p class="text-[rgb(var(--ec-page-text-muted))]">
-              Add ADRs, runbooks, and technical guidelines to create a centralized knowledge hub.
-            </p>
-          </div>
-
-          <div class="bg-[rgb(var(--ec-card-bg))] rounded-xl p-6 shadow-xs border border-[rgb(var(--ec-page-border))]">
-            <div class="w-12 h-12 bg-green-100 dark:bg-green-900/30 rounded-lg flex items-center justify-center mb-4">
-              <Bot className="w-6 h-6 text-green-600 dark:text-green-400" />
-            </div>
-            <h3 class="text-lg font-semibold text-[rgb(var(--ec-page-text))] mb-2">AI Assistant</h3>
-            <p class="text-[rgb(var(--ec-page-text-muted))]">
-              Chat with your catalog to quickly find information about your architecture.
-            </p>
-          </div>
-
-          <div class="bg-[rgb(var(--ec-card-bg))] rounded-xl p-6 shadow-xs border border-[rgb(var(--ec-page-border))]">
-            <div class="w-12 h-12 bg-purple-100 dark:bg-purple-900/30 rounded-lg flex items-center justify-center mb-4">
-              <Component className="w-6 h-6 text-purple-600 dark:text-purple-400" />
-            </div>
-            <h3 class="text-lg font-semibold text-[rgb(var(--ec-page-text))] mb-2">Federation</h3>
-            <p class="text-[rgb(var(--ec-page-text-muted))]">
-              Connect multiple catalogs into a unified view for centralized visibility across teams.
-            </p>
-          </div>
-
-          <div class="bg-[rgb(var(--ec-card-bg))] rounded-xl p-6 shadow-xs border border-[rgb(var(--ec-page-border))]">
-            <div class="w-12 h-12 bg-indigo-100 dark:bg-indigo-900/30 rounded-lg flex items-center justify-center mb-4">
-              <Code className="w-6 h-6 text-indigo-600 dark:text-indigo-400" />
-            </div>
-            <h3 class="text-lg font-semibold text-[rgb(var(--ec-page-text))] mb-2">IDE Integration</h3>
-            <p class="text-[rgb(var(--ec-page-text-muted))]">
-              Access EventCatalog directly from your IDE for seamless documentation while coding.
-            </p>
-          </div>
-
-          <div class="bg-[rgb(var(--ec-card-bg))] rounded-xl p-6 shadow-xs border border-[rgb(var(--ec-page-border))]">
-            <div class="w-12 h-12 bg-yellow-100 dark:bg-yellow-900/30 rounded-lg flex items-center justify-center mb-4">
-              <Cpu className="w-6 h-6 text-yellow-600 dark:text-yellow-400" />
-            </div>
-            <h3 class="text-lg font-semibold text-[rgb(var(--ec-page-text))] mb-2">Automated Documentation</h3>
-            <p class="text-[rgb(var(--ec-page-text-muted))]">
-              Generate and maintain documentation automatically with integrations for AsyncAPI and OpenAPI.
-            </p>
-          </div>
-
-          <div class="bg-[rgb(var(--ec-card-bg))] rounded-xl p-6 shadow-xs border border-[rgb(var(--ec-page-border))]">
-            <div class="w-12 h-12 bg-red-100 dark:bg-red-900/30 rounded-lg flex items-center justify-center mb-4">
-              <LifeBuoy className="w-6 h-6 text-red-600 dark:text-red-400" />
-            </div>
-            <h3 class="text-lg font-semibold text-[rgb(var(--ec-page-text))] mb-2">Priority Support</h3>
-            <p class="text-[rgb(var(--ec-page-text-muted))]">
-              Get priority email support and assistance from the EventCatalog team.
-            </p>
-          </div>
-        </div>
-      </div>
-
-      {/* Questions Section */}
-      <div class="mt-16">
-        <h2 class="text-2xl font-semibold text-[rgb(var(--ec-page-text))] mb-8">Questions about EventCatalog?</h2>
-        <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
-          <div class="bg-[rgb(var(--ec-card-bg))] rounded-xl p-6 shadow-xs border border-[rgb(var(--ec-page-border))]">
-            <h3 class="text-lg font-semibold text-[rgb(var(--ec-page-text))] mb-2">Request a Demo</h3>
-            <p class="text-[rgb(var(--ec-page-text-muted))] mb-4">
-              See EventCatalog in action with a personalized demo from our team.
-            </p>
-            <a
-              href="mailto:hello@eventcatalog.dev"
-              class="text-purple-600 dark:text-purple-400 hover:text-purple-700 dark:hover:text-purple-300 font-medium inline-flex items-center"
-            >
-              Schedule a demo
-              <ExternalLink className="w-4 h-4 ml-1.5" />
-            </a>
-          </div>
-
-          <div class="bg-[rgb(var(--ec-card-bg))] rounded-xl p-6 shadow-xs border border-[rgb(var(--ec-page-border))]">
-            <h3 class="text-lg font-semibold text-[rgb(var(--ec-page-text))] mb-2">Join the community</h3>
-            <p class="text-[rgb(var(--ec-page-text-muted))] mb-4">Join our growing community on Discord. Over 1000+ members.</p>
-            <a
-              href="https://discord.gg/3rjaZMmrAm"
-              class="text-purple-600 dark:text-purple-400 hover:text-purple-700 dark:hover:text-purple-300 font-medium inline-flex items-center"
-            >
-              Join the community
-              <ExternalLink className="w-4 h-4 ml-1.5" />
-            </a>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</VerticalSideBarLayout>
-
-<style>
-  .scroll-smooth {
-    scroll-behavior: smooth;
-  }
-</style>