feat: replace animated backgrounds with Aceternity UI system

- Add 16 animated background components (aurora, sparkles, vortex, shooting-stars,
  beams, beams-collision, gradient-animation, wavy, lines, boxes, meteors, grid,
  dots, spotlight, noise, ripple, gemini-effect)
- Add full admin BackgroundEditor with live preview, type gallery, per-type settings
- Add BackgroundRenderer with lazy loading, localStorage cache, mobile reduction
- Add input sanitization (sanitizeColor, clampNumber) across all components
- Add translations for en, ru, zh, fa locales
- Remove old Aurora (WebGL/OGL) and AnimatedBackground (CSS wave-blob)
- Remove ogl dependency, add simplex-noise
This commit is contained in:
Fringg
2026-02-25 07:12:59 +03:00
parent 78e70992f1
commit 1a702a68b9
35 changed files with 2919 additions and 653 deletions

View File

@@ -828,6 +828,96 @@
}
},
"admin": {
"backgrounds": {
"title": "Animated Background",
"description": "Choose a type and configure animation settings",
"selectType": "Background Type",
"preview": "Preview",
"settings": "Settings",
"save": "Save",
"saved": "Saved",
"saving": "Saving...",
"enabled": "Background enabled",
"disabled": "Background disabled",
"reducedOnMobile": "Reduced mode on mobile",
"reducedOnMobileDesc": "Reduces particle count and disables interactivity",
"globalOpacity": "Opacity",
"globalBlur": "Blur",
"categoryCSS": "CSS",
"categoryCanvas": "Canvas",
"categorySVG": "SVG",
"aurora": "Aurora",
"auroraDesc": "Northern lights with smooth gradients",
"sparkles": "Sparkles",
"sparklesDesc": "Twinkling particles on the background",
"vortex": "Vortex",
"vortexDesc": "Spinning particle vortex",
"shootingStars": "Shooting Stars",
"shootingStarsDesc": "Falling stars on a starry sky",
"beams": "Beams",
"beamsDesc": "Light beams along SVG paths",
"beamsCollision": "Beams Collision",
"beamsCollisionDesc": "Exploding light beams",
"gradientAnimation": "Gradient Animation",
"gradientAnimationDesc": "Smoothly moving gradient blobs",
"wavy": "Wavy",
"wavyDesc": "Waves based on simplex noise",
"lines": "Lines",
"linesDesc": "Animated SVG waves",
"boxes": "Boxes",
"boxesDesc": "Grid of interactive blocks",
"meteors": "Meteors",
"meteorsDesc": "Flying meteors",
"grid": "Grid",
"gridDesc": "Minimalist grid pattern",
"dots": "Dots",
"dotsDesc": "Dot pattern",
"spotlight": "Spotlight",
"spotlightDesc": "Spotlight beam",
"noise": "Noise",
"noiseDesc": "Noise gradients with motion",
"ripple": "Ripple",
"rippleDesc": "Ripple wave effect",
"geminiEffect": "Gemini Effect",
"geminiEffectDesc": "SVG effect like Google Gemini",
"speed": "Speed",
"density": "Particle Density",
"particles": "Particle Count",
"count": "Count",
"hue": "Hue",
"rangeY": "Y Range",
"minSize": "Min Size",
"maxSize": "Max Size",
"minSpeed": "Min Speed",
"maxSpeed": "Max Speed",
"particleColor": "Particle Color",
"starColor": "Star Color",
"trailColor": "Trail Color",
"bgColor": "Background Color",
"fillColor": "Fill Color",
"color1": "Color 1",
"color2": "Color 2",
"color3": "Color 3",
"color4": "Color 4",
"color5": "Color 5",
"interactive": "Interactive (mouse)",
"size": "Size",
"radialGradient": "Radial Gradient",
"waveWidth": "Wave Width",
"blurAmount": "Blur",
"waveOpacity": "Wave Opacity",
"duration": "Duration",
"intensity": "Intensity",
"rows": "Rows",
"cols": "Columns",
"gridSize": "Grid Size",
"small": "Small",
"normal": "Normal",
"slow": "Slow",
"fast": "Fast",
"none": "No Background",
"noneDesc": "Disable animated background"
},
"groups": {
"analytics": "Analytics",
"marketing": "Marketing",