lib/design-presets.ts

export const ADVANCED_DESIGN_PRESETS: string[] = [
  // Animated backgrounds
  "Use animated gradient background with subtle blur bloom and smooth hue shift; ensure 60fps and prefers-reduced-motion fallback.",
  "Add particles field (tiny dots/lines) with low alpha and random drift; cap count on low-end devices.",
  "Waves background (SVG/Canvas) with parallax depth and gentle motion; ensure contrast AA+ for text.",
  // Effects
  "Glassmorphism cards (frosted glass) using backdrop-filter: blur(...) with semi-transparent borders and elevation shadows.",
  "Aqua/water ripple highlight for CTA using radial-gradient overlays with animation and accessibility-safe focus styles.",
  "Layered shadows for buttons and hero text to create depth while keeping crisp typography.",
  // Layout
  "Use responsive container with mobile-first grid, fluid spacing scale, and adaptive typography (clamp).",
  // Theme & A11y
  "Dark/Light theme with prefers-color-scheme and accessible color pairs meeting WCAG AA.",
  // Perf & SEO
  "Preconnect and prefetch fonts, optimize images (webp/avif), add SEO meta (title/description/og: tags)."
];