const animations = {
  'fade-content': () => import('../demo/Animations/FadeContentDemo.vue'),
  'animated-content': () => import('../demo/Animations/AnimatedContentDemo.vue'),
  'pixel-transition': () => import('../demo/Animations/PixelTransitionDemo.vue'),
  'glare-hover': () => import('../demo/Animations/GlareHoverDemo.vue'),
  'logo-loop': () => import('../demo/Animations/LogoLoopDemo.vue'),
  'magnet-lines': () => import('../demo/Animations/MagnetLinesDemo.vue'),
  'click-spark': () => import('../demo/Animations/ClickSparkDemo.vue'),
  'ribbons': () => import('../demo/Animations/RibbonsDemo.vue'),
  'metallic-paint': () => import('../demo/Animations/MetallicPaintDemo.vue'),
  'magnet': () => import('../demo/Animations/MagnetDemo.vue'),
  'cubes': () => import('../demo/Animations/CubesDemo.vue'),
  'count-up': () => import('../demo/Animations/CountUpDemo.vue'),
  'splash-cursor': () => import('../demo/Animations/SplashCursorDemo.vue'),
  'noise': () => import('../demo/Animations/NoiseDemo.vue'),
  'star-border': () => import('../demo/Animations/StarBorderDemo.vue'),
  'blob-cursor': () => import('../demo/Animations/BlobCursorDemo.vue'),
  'meta-balls': () => import('../demo/Animations/MetaBallsDemo.vue'),
  'image-trail': () => import('../demo/Animations/ImageTrailDemo.vue'),
  'shape-blur': () => import('../demo/Animations/ShapeBlurDemo.vue'),
  'target-cursor': () => import('../demo/Animations/TargetCursorDemo.vue'),
  'crosshair': () => import('../demo/Animations/CrosshairDemo.vue'),
  'sticker-peel': () => import('../demo/Animations/StickerPeelDemo.vue'),
  'electric-border': () => import('../demo/Animations/ElectricBorderDemo.vue'),
  'gradual-blur': () => import('../demo/Animations/GradualBlurDemo.vue'),
  'laser-flow': () => import('../demo/Animations/LaserFlowDemo.vue'),
  'ghost-cursor': () => import('../demo/Animations/GhostCursorDemo.vue'),
};

const textAnimations = {
  'split-text': () => import("../demo/TextAnimations/SplitTextDemo.vue"),
  'blur-text': () => import("../demo/TextAnimations/BlurTextDemo.vue"),
  'circular-text': () => import("../demo/TextAnimations/CircularTextDemo.vue"),
  'shiny-text': () => import("../demo/TextAnimations/ShinyTextDemo.vue"),
  'text-pressure': () => import("../demo/TextAnimations/TextPressureDemo.vue"),
  'curved-loop': () => import("../demo/TextAnimations/CurvedLoopDemo.vue"),
  'fuzzy-text': () => import("../demo/TextAnimations/FuzzyTextDemo.vue"),
  'gradient-text': () => import("../demo/TextAnimations/GradientTextDemo.vue"),
  'text-trail': () => import("../demo/TextAnimations/TextTrailDemo.vue"),
  'falling-text': () => import("../demo/TextAnimations/FallingTextDemo.vue"),
  'text-cursor': () => import("../demo/TextAnimations/TextCursorDemo.vue"),
  'decrypted-text': () => import("../demo/TextAnimations/DecryptedTextDemo.vue"),
  'ascii-text': () => import("../demo/TextAnimations/AsciiTextDemo.vue"),
  'scramble-text': () => import("../demo/TextAnimations/ScrambleTextDemo.vue"),
  'true-focus': () => import("../demo/TextAnimations/TrueFocusDemo.vue"),
  'scroll-float': () => import("../demo/TextAnimations/ScrollFloatDemo.vue"),
  'scroll-reveal': () => import("../demo/TextAnimations/ScrollRevealDemo.vue"),
  'rotating-text': () => import("../demo/TextAnimations/RotatingTextDemo.vue"),
  'glitch-text': () => import("../demo/TextAnimations/GlitchTextDemo.vue"),
  'scroll-velocity': () => import("../demo/TextAnimations/ScrollVelocityDemo.vue"),
  'text-type': () => import("../demo/TextAnimations/TextTypeDemo.vue"),
  'variable-proximity': () => import("../demo/TextAnimations/VariableProximityDemo.vue"),
};

const components = {
  'animated-list': () => import('../demo/Components/AnimatedListDemo.vue'),
  'masonry': () => import('../demo/Components/MasonryDemo.vue'),
  'glass-surface': () => import('../demo/Components/GlassSurfaceDemo.vue'),
  'magic-bento': () => import('../demo/Components/MagicBentoDemo.vue'),
  'profile-card': () => import('../demo/Components/ProfileCardDemo.vue'),
  'dock': () => import('../demo/Components/DockDemo.vue'),
  'card-nav': () => import('../demo/Components/CardNavDemo.vue'),
  'pill-nav': () => import('../demo/Components/PillNavDemo.vue'),
  'gooey-nav': () => import('../demo/Components/GooeyNavDemo.vue'),
  'pixel-card': () => import('../demo/Components/PixelCardDemo.vue'),
  'carousel': () => import('../demo/Components/CarouselDemo.vue'),
  'spotlight-card': () => import('../demo/Components/SpotlightCardDemo.vue'),
  'circular-gallery': () => import('../demo/Components/CircularGalleryDemo.vue'),
  'flying-posters': () => import('../demo/Components/FlyingPostersDemo.vue'),
  'folder': () => import('../demo/Components/FolderDemo.vue'),
  'card-swap': () => import('../demo/Components/CardSwapDemo.vue'),
  'infinite-scroll': () => import('../demo/Components/InfiniteScrollDemo.vue'),
  'glass-icons': () => import('../demo/Components/GlassIconsDemo.vue'),
  'decay-card': () => import('../demo/Components/DecayCardDemo.vue'),
  'dome-gallery': () => import('../demo/Components/DomeGalleryDemo.vue'),
  'flowing-menu': () => import('../demo/Components/FlowingMenuDemo.vue'),
  'elastic-slider': () => import('../demo/Components/ElasticSliderDemo.vue'),
  'tilted-card': () => import('../demo/Components/TiltedCardDemo.vue'),
  'stack': () => import('../demo/Components/StackDemo.vue'),
  'chroma-grid': () => import('../demo/Components/ChromaGridDemo.vue'),
  'stepper': () => import('../demo/Components/StepperDemo.vue'),
  'bounce-cards': () => import('../demo/Components/BounceCardsDemo.vue'),
  'counter': () => import('../demo/Components/CounterDemo.vue'),
  'rolling-gallery': () => import('../demo/Components/RollingGalleryDemo.vue'),
  'scroll-stack': () => import('../demo/Components/ScrollStackDemo.vue'),
  'bubble-menu': () => import('../demo/Components/BubbleMenuDemo.vue'),
  'staggered-menu': () => import('../demo/Components/StaggeredMenuDemo.vue'),
  'infinite-menu': () => import('../demo/Components/InfiniteMenuDemo.vue'),
};

const backgrounds = {
  'dot-grid': () => import('../demo/Backgrounds/DotGridDemo.vue'),
  'silk': () => import('../demo/Backgrounds/SilkDemo.vue'),
  'lightning': () => import('../demo/Backgrounds/LightningDemo.vue'),
  'letter-glitch': () => import('../demo/Backgrounds/LetterGlitchDemo.vue'),
  'particles': () => import('../demo/Backgrounds/ParticlesDemo.vue'),
  'waves': () => import('../demo/Backgrounds/WavesDemo.vue'),
  'squares': () => import('../demo/Backgrounds/SquaresDemo.vue'),
  'iridescence': () => import('../demo/Backgrounds/IridescenceDemo.vue'),
  'threads': () => import('../demo/Backgrounds/ThreadsDemo.vue'),
  'aurora': () => import('../demo/Backgrounds/AuroraDemo.vue'),
  'beams': () => import('../demo/Backgrounds/BeamsDemo.vue'),
  'dark-veil': () => import('../demo/Backgrounds/DarkVeilDemo.vue'),
  'dither': () => import('../demo/Backgrounds/DitherDemo.vue'),
  'grid-motion': () => import('../demo/Backgrounds/GridMotionDemo.vue'),
  'hyperspeed': () => import('../demo/Backgrounds/HyperspeedDemo.vue'),
  'balatro': () => import('../demo/Backgrounds/BalatroDemo.vue'),
  'orb': () => import('../demo/Backgrounds/OrbDemo.vue'),
  'ballpit': () => import('../demo/Backgrounds/BallpitDemo.vue'),
  'liquid-chrome': () => import('../demo/Backgrounds/LiquidChromeDemo.vue'),
  'grid-distortion': () => import('../demo/Backgrounds/GridDistortionDemo.vue'),
  'ripple-grid': () => import('../demo/Backgrounds/RippleGridDemo.vue'),
  'galaxy': () => import('../demo/Backgrounds/GalaxyDemo.vue'),
  'faulty-terminal': () => import('../demo/Backgrounds/FaultyTerminalDemo.vue'),
  'light-rays': () => import('../demo/Backgrounds/LightRaysDemo.vue'),
  'plasma': () => import('../demo/Backgrounds/PlasmaDemo.vue'),
  'prism': () => import('../demo/Backgrounds/PrismDemo.vue'),
  'gradient-blinds': () => import('../demo/Backgrounds/GradientBlindsDemo.vue'),
  'prismatic-burst': () => import('../demo/Backgrounds/PrismaticBurstDemo.vue'),
  'pixel-blast': () => import('../demo/Backgrounds/PixelBlastDemo.vue'),
  'liquid-ether': () => import('../demo/Backgrounds/LiquidEtherDemo.vue'),
  'color-bends': () => import('../demo/Backgrounds/ColorBendsDemo.vue'),
  'floating-lines': () => import('../demo/Backgrounds/FloatingLinesDemo.vue'),
  'light-pillar': () => import('../demo/Backgrounds/LightPillarDemo.vue'),
};

export const componentMap = {
  ...animations,
  ...textAnimations,
  ...components,
  ...backgrounds
};