de day #74

frontend/src/data/defaultElements.ts

@@ -6,7 +6,9 @@ import { PageElementConfig } from '../services/pageElements';
 // Elements that are actually implemented on HomePage
 // Only these should be available in the editor
 export const HOMEPAGE_IMPLEMENTED_ELEMENTS = [
+  'style-pack', // Global style pack selector
   'header',    // Site navigation/header
+  'hero-topbar', // Club bar above hero
   'hero',      // Hero section with news cards (grid/scroller/swiper variants)
   'news',      // Featured news articles
   'matches',   // Upcoming/recent matches
@@ -23,6 +25,14 @@ export const HOMEPAGE_IMPLEMENTED_ELEMENTS = [
 ];
 
 export const DEFAULT_HOMEPAGE_ELEMENTS: PageElementConfig[] = [
+  {
+    page_type: 'homepage',
+    element_name: 'style-pack',
+    variant: 'default',
+    visible: true,
+    display_order: -1,
+    settings: {},
+  },
   {
     page_type: 'homepage',
     element_name: 'header',
@@ -31,6 +41,14 @@ export const DEFAULT_HOMEPAGE_ELEMENTS: PageElementConfig[] = [
     display_order: 0,
     settings: {},
   },
+  {
+    page_type: 'homepage',
+    element_name: 'hero-topbar',
+    variant: 'brand',
+    visible: true,
+    display_order: 1,
+    settings: {},
+  },
   {
     page_type: 'homepage',
     element_name: 'hero',