use default exports and not named exports

components/landing/banner.editor.tsx

@@ -2,7 +2,7 @@ import { ComponentConfig } from "@reacteditor/core";
 import { Megaphone } from "lucide-react";
 import { Banner, type BannerProps } from "@/components/landing/banner";
 
-export const bannerEditor: ComponentConfig<BannerProps> = {
+const bannerEditor: ComponentConfig<BannerProps> = {
   label: "Announcement bar",
   icon: <Megaphone size={16} />,
   category: "hero",
@@ -28,3 +28,5 @@ export const bannerEditor: ComponentConfig<BannerProps> = {
   },
   render: (props) => <Banner {...props} />,
 };
+
+export default bannerEditor;

components/landing/image-gallery.editor.tsx

@@ -4,7 +4,7 @@ import { Images } from "lucide-react";
 import { ImageGallery, type ImageGalleryProps } from "@/components/landing/image-gallery";
 import { frontendAiMediaAdapter } from "@/services/media-adapter";
 
-export const imageGalleryEditor: ComponentConfig<ImageGalleryProps> = {
+const imageGalleryEditor: ComponentConfig<ImageGalleryProps> = {
   label: "Image gallery",
   icon: <Images size={16} />,
   category: "content",
@@ -48,3 +48,5 @@ export const imageGalleryEditor: ComponentConfig<ImageGalleryProps> = {
   },
   render: (props) => <ImageGallery {...props} />,
 };
+
+export default imageGalleryEditor;

components/landing/newsletter-cta.editor.tsx

@@ -29,7 +29,7 @@ const baseFields: Fields<NewsletterCtaProps> = {
   },
 };
 
-export const newsletterCtaEditor: ComponentConfig<NewsletterCtaProps> = {
+const newsletterCtaEditor: ComponentConfig<NewsletterCtaProps> = {
   label: "Newsletter",
   icon: <Mail size={16} />,
   category: "content",
@@ -78,3 +78,5 @@ export const newsletterCtaEditor: ComponentConfig<NewsletterCtaProps> = {
   },
   render: (props) => <NewsletterCta {...props} />,
 };
+
+export default newsletterCtaEditor;