{
  "backgrounds": {
    "photorealistic": [
      {
        "id": "modern-office-blur",
        "name": "Modern Office",
        "type": "photo",
        "blur": 12,
        "overlay": 0.4,
        "brightness": 0.8
      },
      {
        "id": "coworking-space",
        "name": "Coworking Space",
        "type": "photo",
        "blur": 10,
        "overlay": 0.35,
        "brightness": 0.85
      },
      {
        "id": "conference-room",
        "name": "Conference Room",
        "type": "photo",
        "blur": 12,
        "overlay": 0.4,
        "brightness": 0.75
      },
      {
        "id": "home-office-setup",
        "name": "Home Office",
        "type": "photo",
        "blur": 10,
        "overlay": 0.3,
        "brightness": 0.9
      },
      {
        "id": "tech-startup-vibe",
        "name": "Tech Startup",
        "type": "photo",
        "blur": 12,
        "overlay": 0.45,
        "brightness": 0.8
      }
    ],
    "abstract": [
      {
        "id": "gradient-mesh",
        "name": "Gradient Mesh",
        "type": "gradient",
        "colors": ["#667eea", "#764ba2", "#f093fb"],
        "style": "mesh"
      },
      {
        "id": "geometric-patterns",
        "name": "Geometric Patterns",
        "type": "pattern",
        "shape": "hexagon",
        "colors": ["#4F46E5", "#7C3AED"]
      },
      {
        "id": "data-visualization",
        "name": "Data Viz",
        "type": "pattern",
        "shape": "grid",
        "colors": ["#2563EB", "#3B82F6"]
      },
      {
        "id": "particle-systems",
        "name": "Particles",
        "type": "particles",
        "colors": ["#8B5CF6", "#A78BFA"]
      },
      {
        "id": "wave-patterns",
        "name": "Waves",
        "type": "wave",
        "colors": ["#06B6D4", "#3B82F6"]
      }
    ]
  },
  "colorSchemes": [
    {
      "id": "corporate-professional",
      "name": "Corporate Professional",
      "primary": "#1E40AF",
      "secondary": "#3B82F6",
      "accent": "#60A5FA",
      "text": "#FFFFFF"
    },
    {
      "id": "startup-energy",
      "name": "Startup Energy",
      "primary": "#7C3AED",
      "secondary": "#A78BFA",
      "accent": "#C4B5FD",
      "text": "#FFFFFF"
    },
    {
      "id": "technical-deep",
      "name": "Technical Deep Dive",
      "primary": "#0F172A",
      "secondary": "#1E293B",
      "accent": "#3B82F6",
      "text": "#F1F5F9"
    },
    {
      "id": "creative-flow",
      "name": "Creative Flow",
      "primary": "#EC4899",
      "secondary": "#F472B6",
      "accent": "#FBCFE8",
      "text": "#FFFFFF"
    },
    {
      "id": "modern-minimal",
      "name": "Modern Minimal",
      "primary": "#18181B",
      "secondary": "#3F3F46",
      "accent": "#A1A1AA",
      "text": "#FFFFFF"
    },
    {
      "id": "ocean-breeze",
      "name": "Ocean Breeze",
      "primary": "#0891B2",
      "secondary": "#06B6D4",
      "accent": "#67E8F9",
      "text": "#FFFFFF"
    },
    {
      "id": "forest-green",
      "name": "Forest Green",
      "primary": "#047857",
      "secondary": "#10B981",
      "accent": "#6EE7B7",
      "text": "#FFFFFF"
    },
    {
      "id": "sunset-orange",
      "name": "Sunset Orange",
      "primary": "#EA580C",
      "secondary": "#F97316",
      "accent": "#FDBA74",
      "text": "#FFFFFF"
    },
    {
      "id": "royal-purple",
      "name": "Royal Purple",
      "primary": "#6B21A8",
      "secondary": "#9333EA",
      "accent": "#C084FC",
      "text": "#FFFFFF"
    },
    {
      "id": "electric-blue",
      "name": "Electric Blue",
      "primary": "#1D4ED8",
      "secondary": "#3B82F6",
      "accent": "#93C5FD",
      "text": "#FFFFFF"
    },
    {
      "id": "slate-professional",
      "name": "Slate Professional",
      "primary": "#334155",
      "secondary": "#475569",
      "accent": "#94A3B8",
      "text": "#F8FAFC"
    },
    {
      "id": "ruby-red",
      "name": "Ruby Red",
      "primary": "#BE123C",
      "secondary": "#E11D48",
      "accent": "#FDA4AF",
      "text": "#FFFFFF"
    },
    {
      "id": "amber-warmth",
      "name": "Amber Warmth",
      "primary": "#D97706",
      "secondary": "#F59E0B",
      "accent": "#FCD34D",
      "text": "#FFFFFF"
    },
    {
      "id": "teal-modern",
      "name": "Teal Modern",
      "primary": "#0D9488",
      "secondary": "#14B8A6",
      "accent": "#5EEAD4",
      "text": "#FFFFFF"
    },
    {
      "id": "indigo-tech",
      "name": "Indigo Tech",
      "primary": "#4338CA",
      "secondary": "#6366F1",
      "accent": "#A5B4FC",
      "text": "#FFFFFF"
    },
    {
      "id": "rose-elegant",
      "name": "Rose Elegant",
      "primary": "#BE185D",
      "secondary": "#EC4899",
      "accent": "#FBCFE8",
      "text": "#FFFFFF"
    },
    {
      "id": "lime-fresh",
      "name": "Lime Fresh",
      "primary": "#65A30D",
      "secondary": "#84CC16",
      "accent": "#BEF264",
      "text": "#FFFFFF"
    },
    {
      "id": "sky-light",
      "name": "Sky Light",
      "primary": "#0284C7",
      "secondary": "#0EA5E9",
      "accent": "#7DD3FC",
      "text": "#FFFFFF"
    },
    {
      "id": "violet-dream",
      "name": "Violet Dream",
      "primary": "#7C3AED",
      "secondary": "#8B5CF6",
      "accent": "#C4B5FD",
      "text": "#FFFFFF"
    },
    {
      "id": "emerald-bright",
      "name": "Emerald Bright",
      "primary": "#059669",
      "secondary": "#10B981",
      "accent": "#6EE7B7",
      "text": "#FFFFFF"
    }
  ],
  "layouts": {
    "horizontal": [
      {
        "id": "h-split-center",
        "name": "Horizontal Center Split",
        "logoAPosition": { "x": 0.25, "y": 0.5 },
        "logoBPosition": { "x": 0.75, "y": 0.5 },
        "dividerPosition": 0.5,
        "dividerStyle": "vertical"
      },
      {
        "id": "h-split-offset",
        "name": "Horizontal Offset",
        "logoAPosition": { "x": 0.30, "y": 0.5 },
        "logoBPosition": { "x": 0.70, "y": 0.5 },
        "dividerPosition": 0.5,
        "dividerStyle": "gradient"
      },
      {
        "id": "h-split-wide",
        "name": "Horizontal Wide",
        "logoAPosition": { "x": 0.20, "y": 0.5 },
        "logoBPosition": { "x": 0.80, "y": 0.5 },
        "dividerPosition": 0.5,
        "dividerStyle": "none"
      }
    ],
    "vertical": [
      {
        "id": "v-split-center",
        "name": "Vertical Center Split",
        "logoAPosition": { "x": 0.5, "y": 0.35 },
        "logoBPosition": { "x": 0.5, "y": 0.65 },
        "dividerPosition": 0.5,
        "dividerStyle": "horizontal"
      },
      {
        "id": "v-split-offset",
        "name": "Vertical Offset",
        "logoAPosition": { "x": 0.5, "y": 0.30 },
        "logoBPosition": { "x": 0.5, "y": 0.70 },
        "dividerPosition": 0.5,
        "dividerStyle": "dashed"
      },
      {
        "id": "v-stack",
        "name": "Vertical Stack",
        "logoAPosition": { "x": 0.5, "y": 0.35 },
        "logoBPosition": { "x": 0.5, "y": 0.65 },
        "dividerPosition": 0.5,
        "dividerStyle": "arrow"
      }
    ],
    "diagonal": [
      {
        "id": "diag-tl-br",
        "name": "Diagonal Top-Left to Bottom-Right",
        "logoAPosition": { "x": 0.30, "y": 0.35 },
        "logoBPosition": { "x": 0.70, "y": 0.65 },
        "dividerAngle": 45,
        "dividerStyle": "diagonal"
      },
      {
        "id": "diag-tr-bl",
        "name": "Diagonal Top-Right to Bottom-Left",
        "logoAPosition": { "x": 0.70, "y": 0.35 },
        "logoBPosition": { "x": 0.30, "y": 0.65 },
        "dividerAngle": -45,
        "dividerStyle": "diagonal"
      },
      {
        "id": "diag-subtle",
        "name": "Diagonal Subtle",
        "logoAPosition": { "x": 0.35, "y": 0.40 },
        "logoBPosition": { "x": 0.65, "y": 0.60 },
        "dividerAngle": 30,
        "dividerStyle": "gradient"
      }
    ],
    "asymmetric": [
      {
        "id": "asym-left-focus",
        "name": "Asymmetric Left Focus",
        "logoAPosition": { "x": 0.30, "y": 0.5 },
        "logoBPosition": { "x": 0.75, "y": 0.5 },
        "dividerPosition": 0.55,
        "dividerStyle": "curved"
      },
      {
        "id": "asym-right-focus",
        "name": "Asymmetric Right Focus",
        "logoAPosition": { "x": 0.25, "y": 0.5 },
        "logoBPosition": { "x": 0.70, "y": 0.5 },
        "dividerPosition": 0.45,
        "dividerStyle": "curved"
      },
      {
        "id": "asym-dynamic",
        "name": "Asymmetric Dynamic",
        "logoAPosition": { "x": 0.35, "y": 0.45 },
        "logoBPosition": { "x": 0.70, "y": 0.55 },
        "dividerPosition": 0.5,
        "dividerStyle": "wave"
      }
    ],
    "centered": [
      {
        "id": "center-circle",
        "name": "Centered Circle",
        "logoAPosition": { "x": 0.35, "y": 0.5 },
        "logoBPosition": { "x": 0.65, "y": 0.5 },
        "dividerStyle": "circle",
        "vsPosition": "center"
      },
      {
        "id": "center-badge",
        "name": "Centered Badge",
        "logoAPosition": { "x": 0.30, "y": 0.5 },
        "logoBPosition": { "x": 0.70, "y": 0.5 },
        "dividerStyle": "badge",
        "vsPosition": "center"
      },
      {
        "id": "center-minimal",
        "name": "Centered Minimal",
        "logoAPosition": { "x": 0.33, "y": 0.5 },
        "logoBPosition": { "x": 0.67, "y": 0.5 },
        "dividerStyle": "text-only",
        "vsPosition": "center"
      }
    ]
  },
  "vsElements": [
    {
      "id": "classic-circle",
      "type": "circle",
      "size": 80,
      "text": "VS",
      "fontSize": 28,
      "fontWeight": "bold"
    },
    {
      "id": "badge-style",
      "type": "badge",
      "size": 100,
      "text": "VS",
      "fontSize": 32,
      "fontWeight": "bold"
    },
    {
      "id": "lightning-bolt",
      "type": "icon",
      "icon": "lightning",
      "size": 60
    },
    {
      "id": "minimal-text",
      "type": "text",
      "text": "VS",
      "fontSize": 48,
      "fontWeight": "300"
    },
    {
      "id": "hexagon",
      "type": "hexagon",
      "size": 90,
      "text": "VS",
      "fontSize": 26,
      "fontWeight": "bold"
    },
    {
      "id": "square-rounded",
      "type": "square",
      "size": 85,
      "text": "VS",
      "fontSize": 28,
      "fontWeight": "bold",
      "borderRadius": 12
    },
    {
      "id": "gradient-circle",
      "type": "circle",
      "size": 90,
      "text": "VS",
      "fontSize": 30,
      "fontWeight": "bold",
      "gradient": true
    },
    {
      "id": "neon-style",
      "type": "circle",
      "size": 85,
      "text": "VS",
      "fontSize": 28,
      "fontWeight": "bold",
      "glow": true
    }
  ]
}
