Initial react editor website template

2026-08-29 14:03:50 -04:00
commit 3e072967e6
61 changed files with 7041 additions and 0 deletions
@@ -0,0 +1,22 @@
+import type { ComponentConfig } from '@reacteditor/core';
+import { GalleryHorizontalEnd } from 'lucide-react';
+import LogoMarquee, { type LogoMarqueeProps } from './logo-marquee';
+
+const logoMarqueeConfig: ComponentConfig<LogoMarqueeProps> = {
+  label: 'Logo marquee', icon: <GalleryHorizontalEnd size={16} />, category: 'social-proof',
+  defaultProps: {
+    heading: 'Trusted by teams at',
+    logos: [{ name: 'Logo One', imageUrl: '' }, { name: 'Logo Two', imageUrl: '' }, { name: 'Logo Three', imageUrl: '' }, { name: 'Logo Four', imageUrl: '' }, { name: 'Logo Five', imageUrl: '' }],
+    speed: 'normal', direction: 'left', pauseOnHover: 'yes',
+  },
+  fields: {
+    heading: { label: 'Heading', type: 'text', contentEditable: true },
+    logos: { label: 'Logos', type: 'array', defaultItemProps: { name: 'Company', imageUrl: '' }, getItemSummary: (item) => item?.name || 'Logo', arrayFields: { name: { label: 'Name', type: 'text' }, imageUrl: { label: 'Image', type: 'image' } } },
+    speed: { label: 'Speed', type: 'select', options: [{ label: 'Slow', value: 'slow' }, { label: 'Normal', value: 'normal' }, { label: 'Fast', value: 'fast' }] },
+    direction: { label: 'Direction', type: 'radio', options: [{ label: 'Left', value: 'left' }, { label: 'Right', value: 'right' }] },
+    pauseOnHover: { label: 'Pause on hover', type: 'radio', options: [{ label: 'Yes', value: 'yes' }, { label: 'No', value: 'no' }] },
+  },
+  render: (props) => <LogoMarquee {...props} />,
+};
+
+export default logoMarqueeConfig;