astro-component-kit 0.0.1 → 0.1.0

package/src/components/index.ts

@@ -0,0 +1,207 @@
+// ============================================================
+// Astro Components Library - Main Barrel Export
+// ============================================================
+// Import any component from a single entry point:
+//   import { GlowButton, GlassCard, GlassNavbar } from '@/components';
+// ============================================================
+
+// Root-level components
+export { default as AnimatedInput } from './lib/AnimatedInput.astro';
+export { default as Badge } from './lib/Badge.astro';
+export { default as GlassButton } from './lib/GlassButton.astro';
+export { default as GlassCard } from './lib/GlassCard.astro';
+export { default as GlassNavbar } from './lib/GlassNavbar.astro';
+export { default as GlowButton } from './lib/GlowButton.astro';
+
+// Buttons
+export { default as ThreeDPushButton } from './lib/buttons/3dPushButton.astro';
+export { default as AnimatedIconButton } from './lib/buttons/AnimatedIconButton.astro';
+export { default as BorderDrawButton } from './lib/buttons/BorderDrawButton.astro';
+export { default as CyberpunkButton } from './lib/buttons/CyberpunkButton.astro';
+export { default as DoubleBorderButton } from './lib/buttons/DoubleBorderButton.astro';
+export { default as GhostOutlineButton } from './lib/buttons/GhostOutlineButton.astro';
+export { default as LiquidButton } from './lib/buttons/LiquidButton.astro';
+export { default as LoadingButton } from './lib/buttons/LoadingButton.astro';
+export { default as MagneticButton } from './lib/buttons/MagneticButton.astro';
+export { default as MinimalPillButton } from './lib/buttons/MinimalPillButton.astro';
+export { default as NeumorphicButton } from './lib/buttons/NeumorphicButton.astro';
+export { default as PulseButton } from './lib/buttons/PulseButton.astro';
+export { default as RetroArcadeButton } from './lib/buttons/RetroArcadeButton.astro';
+export { default as RetroShadowButton } from './lib/buttons/RetroShadowButton.astro';
+export { default as ShimmerButton } from './lib/buttons/ShimmerButton.astro';
+export { default as ShinyButton } from './lib/buttons/ShinyButton.astro';
+export { default as TiltGlowButton } from './lib/buttons/TiltGlowButton.astro';
+
+// Cards
+export { default as BlogHorizontalCard } from './lib/cards/BlogHorizontalCard.astro';
+export { default as CyberFeatureCard } from './lib/cards/CyberFeatureCard.astro';
+export { default as EcommerceProductCard } from './lib/cards/EcommerceProductCard.astro';
+export { default as GlassEventCard } from './lib/cards/GlassEventCard.astro';
+export { default as GlowPortfolioCard } from './lib/cards/GlowPortfolioCard.astro';
+export { default as InteractiveTiltCard } from './lib/cards/InteractiveTiltCard.astro';
+export { default as KanbanItemCard } from './lib/cards/KanbanItemCard.astro';
+export { default as MinimalLinkCard } from './lib/cards/MinimalLinkCard.astro';
+export { default as MusicPlayerMini } from './lib/cards/MusicPlayerMini.astro';
+export { default as NeumorphicCard } from './lib/cards/NeumorphicCard.astro';
+export { default as NotificationCard } from './lib/cards/NotificationCard.astro';
+export { default as PricingCard } from './lib/cards/PricingCard.astro';
+export { default as ProfileCard } from './lib/cards/ProfileCard.astro';
+export { default as RetroGameCard } from './lib/cards/RetroGameCard.astro';
+export { default as StatCard } from './lib/cards/StatCard.astro';
+export { default as TaskKanbanCard } from './lib/cards/TaskKanbanCard.astro';
+export { default as TestimonialCardClean } from './lib/cards/TestimonialCardClean.astro';
+export { default as WeatherWidgetCard } from './lib/cards/WeatherWidgetCard.astro';
+
+// Data
+export { default as AccordionGroupGlass } from './lib/data/AccordionGroupGlass.astro';
+export { default as AvatarGroupStack } from './lib/data/AvatarGroupStack.astro';
+export { default as CalendarGridView } from './lib/data/CalendarGridView.astro';
+export { default as DataChipsGroup } from './lib/data/DataChipsGroup.astro';
+export { default as DescriptionListHoriz } from './lib/data/DescriptionListHoriz.astro';
+export { default as FileTreeView } from './lib/data/FileTreeView.astro';
+export { default as GanttChartMinimal } from './lib/data/GanttChartMinimal.astro';
+export { default as GlassTable } from './lib/data/GlassTable.astro';
+export { default as KeyValuePillGroup } from './lib/data/KeyValuePillGroup.astro';
+export { default as PriceCompareTable } from './lib/data/PriceCompareTable.astro';
+export { default as ProgressListSmall } from './lib/data/ProgressListSmall.astro';
+export { default as RatingBreakdownBar } from './lib/data/RatingBreakdownBar.astro';
+export { default as SparklineStatCard } from './lib/data/SparklineStatCard.astro';
+export { default as StatsGridDashboard } from './lib/data/StatsGridDashboard.astro';
+export { default as StepperDataVertical } from './lib/data/StepperDataVertical.astro';
+export { default as TagCloudData } from './lib/data/TagCloudData.astro';
+export { default as TimelineHorizSteps } from './lib/data/TimelineHorizSteps.astro';
+export { default as TreeItemInteractive } from './lib/data/TreeItemInteractive.astro';
+export { default as UserDirectoryItem } from './lib/data/UserDirectoryItem.astro';
+export { default as VerticalTimeline } from './lib/data/VerticalTimeline.astro';
+
+// Feedback
+export { default as AnimatedCheckmark } from './lib/feedback/AnimatedCheckmark.astro';
+export { default as CircleProgress } from './lib/feedback/CircleProgress.astro';
+export { default as ConfettiFeedback } from './lib/feedback/ConfettiFeedback.astro';
+export { default as CyberGlitchAlert } from './lib/feedback/CyberGlitchAlert.astro';
+export { default as EmptyStateCard } from './lib/feedback/EmptyStateCard.astro';
+export { default as GlassAlert } from './lib/feedback/GlassAlert.astro';
+export { default as GlassModal } from './lib/feedback/GlassModal.astro';
+export { default as GlassProgress } from './lib/feedback/GlassProgress.astro';
+export { default as IndicatorBadgeMinimal } from './lib/feedback/IndicatorBadgeMinimal.astro';
+export { default as NeonSpinner } from './lib/feedback/NeonSpinner.astro';
+export { default as PulseDot } from './lib/feedback/PulseDot.astro';
+export { default as RatingPill } from './lib/feedback/RatingPill.astro';
+export { default as ShakeErrorGroup } from './lib/feedback/ShakeErrorGroup.astro';
+export { default as SimpleTooltip } from './lib/feedback/SimpleTooltip.astro';
+export { default as SkeletonList } from './lib/feedback/SkeletonList.astro';
+export { default as Spotlight } from './lib/feedback/Spotlight.astro';
+export { default as StepProgress } from './lib/feedback/StepProgress.astro';
+export { default as ToastNotif } from './lib/feedback/ToastNotif.astro';
+export { default as TypingIndicator } from './lib/feedback/TypingIndicator.astro';
+
+// Forms
+export { default as ChipInput } from './lib/forms/ChipInput.astro';
+export { default as ColorPickerInput } from './lib/forms/ColorPickerInput.astro';
+export { default as CurrencyInput } from './lib/forms/CurrencyInput.astro';
+export { default as CustomRadioGroup } from './lib/forms/CustomRadioGroup.astro';
+export { default as CyberpunkCheckbox } from './lib/forms/CyberpunkCheckbox.astro';
+export { default as DragDropUpload } from './lib/forms/DragDropUpload.astro';
+export { default as ErrorInput } from './lib/forms/ErrorInput.astro';
+export { default as FloatingPassword } from './lib/forms/FloatingPassword.astro';
+export { default as FormGroupVertical } from './lib/forms/FormGroupVertical.astro';
+export { default as GlassSlider } from './lib/forms/GlassSlider.astro';
+export { default as GlassTextarea } from './lib/forms/GlassTextarea.astro';
+export { default as ModernSelect } from './lib/forms/ModernSelect.astro';
+export { default as NeumorphicSwitch } from './lib/forms/NeumorphicSwitch.astro';
+export { default as OTPInput } from './lib/forms/OTPInput.astro';
+export { default as RatingStars } from './lib/forms/RatingStars.astro';
+export { default as SearchReveal } from './lib/forms/SearchReveal.astro';
+export { default as SegmentedControl } from './lib/forms/SegmentedControl.astro';
+export { default as SimpleFileInput } from './lib/forms/SimpleFileInput.astro';
+export { default as StepperInput } from './lib/forms/StepperInput.astro';
+
+// Layout
+export { default as BentoGrid3 } from './lib/layout/BentoGrid3.astro';
+export { default as CenteredContainer } from './lib/layout/CenteredContainer.astro';
+export { default as CenterFixedBox } from './lib/layout/CenterFixedBox.astro';
+export { default as ClusterHorizontal } from './lib/layout/ClusterHorizontal.astro';
+export { default as FeatureHero } from './lib/layout/FeatureHero.astro';
+export { default as FooterCenteredMinimal } from './lib/layout/FooterCenteredMinimal.astro';
+export { default as FullBleedSection } from './lib/layout/FullBleedSection.astro';
+export { default as GalleryGrid4 } from './lib/layout/GalleryGrid4.astro';
+export { default as GlassCardGrid } from './lib/layout/GlassCardGrid.astro';
+export { default as GlassSectionHeader } from './lib/layout/GlassSectionHeader.astro';
+export { default as LandingSectionSplit } from './lib/layout/LandingSectionSplit.astro';
+export { default as MasonryGrid } from './lib/layout/MasonryGrid.astro';
+export { default as MinimalFooterGrid } from './lib/layout/MinimalFooterGrid.astro';
+export { default as ScrollSnapSection } from './lib/layout/ScrollSnapSection.astro';
+export { default as SectionDividerText } from './lib/layout/SectionDividerText.astro';
+export { default as SidebarLayoutWrapper } from './lib/layout/SidebarLayoutWrapper.astro';
+export { default as SplitScreenLayout } from './lib/layout/SplitScreenLayout.astro';
+export { default as StepLayoutVertical } from './lib/layout/StepLayoutVertical.astro';
+export { default as StickySidebarWrapper } from './lib/layout/StickySidebarWrapper.astro';
+export { default as VerticalStack } from './lib/layout/VerticalStack.astro';
+
+// Navigation
+export { default as AnchorSideNav } from './lib/navigation/AnchorSideNav.astro';
+export { default as BottomNavMobile } from './lib/navigation/BottomNavMobile.astro';
+export { default as BreadcrumbsMinimal } from './lib/navigation/BreadcrumbsMinimal.astro';
+export { default as BurgerMorphIcon } from './lib/navigation/BurgerMorphIcon.astro';
+export { default as CommandPaletteUI } from './lib/navigation/CommandPaletteUI.astro';
+export { default as DotNavigationSlider } from './lib/navigation/DotNavigationSlider.astro';
+export { default as FloatingTabBar } from './lib/navigation/FloatingTabBar.astro';
+export { default as LangSwitcherPill } from './lib/navigation/LangSwitcherPill.astro';
+export { default as MegaMenuGlass } from './lib/navigation/MegaMenuGlass.astro';
+export { default as MinimalSidebar } from './lib/navigation/MinimalSidebar.astro';
+export { default as PaginationGlass } from './lib/navigation/PaginationGlass.astro';
+export { default as PaginationInfiniteUI } from './lib/navigation/PaginationInfiniteUI.astro';
+export { default as RadialIconMenu } from './lib/navigation/RadialIconMenu.astro';
+export { default as RetroArcadeMenu } from './lib/navigation/RetroArcadeMenu.astro';
+export { default as ScrollProgressTop } from './lib/navigation/ScrollProgressTop.astro';
+export { default as SimpleFooterGlass } from './lib/navigation/SimpleFooterGlass.astro';
+export { default as TabUnderline } from './lib/navigation/TabUnderline.astro';
+export { default as UserProfileNav } from './lib/navigation/UserProfileNav.astro';
+export { default as VerticalTabs } from './lib/navigation/VerticalTabs.astro';
+
+// Overlays
+export { default as AgeVerificationOverlay } from './lib/overlays/AgeVerificationOverlay.astro';
+export { default as BackdropBlurMask } from './lib/overlays/BackdropBlurMask.astro';
+export { default as BottomSheetMobile } from './lib/overlays/BottomSheetMobile.astro';
+export { default as CommandDialog } from './lib/overlays/CommandDialog.astro';
+export { default as ContextMenuOverlay } from './lib/overlays/ContextMenuOverlay.astro';
+export { default as CookieBannerGlass } from './lib/overlays/CookieBannerGlass.astro';
+export { default as ExitIntentOverlay } from './lib/overlays/ExitIntentOverlay.astro';
+export { default as FloatingTrayActions } from './lib/overlays/FloatingTrayActions.astro';
+export { default as HelpBubbleOverlay } from './lib/overlays/HelpBubbleOverlay.astro';
+export { default as LightboxOverlay } from './lib/overlays/LightboxOverlay.astro';
+export { default as LoadingOverlayFull } from './lib/overlays/LoadingOverlayFull.astro';
+export { default as MobileNavOverlay } from './lib/overlays/MobileNavOverlay.astro';
+export { default as OverlayModal } from './lib/overlays/OverlayModal.astro';
+export { default as PopoverMenuGlass } from './lib/overlays/PopoverMenuGlass.astro';
+export { default as SearchOverlayFullscreen } from './lib/overlays/SearchOverlayFullscreen.astro';
+export { default as SideDrawerRight } from './lib/overlays/SideDrawerRight.astro';
+export { default as SplashIntroOverlay } from './lib/overlays/SplashIntroOverlay.astro';
+export { default as SpotlightIndicator } from './lib/overlays/SpotlightIndicator.astro';
+export { default as ToastStackOverlay } from './lib/overlays/ToastStackOverlay.astro';
+export { default as TooltipActionTray } from './lib/overlays/TooltipActionTray.astro';
+
+// Typography
+export { default as AnimatedUnderlineLink } from './lib/typography/AnimatedUnderlineLink.astro';
+export { default as BackgroundClipMask } from './lib/typography/BackgroundClipMask.astro';
+export { default as CodeInlineGlass } from './lib/typography/CodeInlineGlass.astro';
+export { default as CyberpunkGlitchText } from './lib/typography/CyberpunkGlitchText.astro';
+export { default as DropCapParagraph } from './lib/typography/DropCapParagraph.astro';
+export { default as FadedVerticalText } from './lib/typography/FadedVerticalText.astro';
+export { default as FloatingTextLabel } from './lib/typography/FloatingTextLabel.astro';
+export { default as GlassBlockQuote } from './lib/typography/GlassBlockQuote.astro';
+export { default as GlassTextReveal } from './lib/typography/GlassTextReveal.astro';
+export { default as GradientHeading } from './lib/typography/GradientHeading.astro';
+export { default as GradientUnderlineLink } from './lib/typography/GradientUnderlineLink.astro';
+export { default as KbdIndicator } from './lib/typography/KbdIndicator.astro';
+export { default as LetterSpacingWide } from './lib/typography/LetterSpacingWide.astro';
+export { default as MinimalListMarkers } from './lib/typography/MinimalListMarkers.astro';
+export { default as MonospaceStatLine } from './lib/typography/MonospaceStatLine.astro';
+export { default as NeonTextHighlight } from './lib/typography/NeonTextHighlight.astro';
+export { default as ShadowRevealText } from './lib/typography/ShadowRevealText.astro';
+export { default as StrokeHeadingOutline } from './lib/typography/StrokeHeadingOutline.astro';
+export { default as Text3DLayer } from './lib/typography/Text3DLayer.astro';
+export { default as TypewriterText } from './lib/typography/TypewriterText.astro';
+
+// Sections
+export * from './lib/sections';

package/src/components/lib/AnimatedGalaxy.astro

@@ -0,0 +1,185 @@
+---
+interface Props {
+  className?: string;
+}
+
+const { className = '' } = Astro.props;
+---
+
+<svg class="animated-galaxy-svg {className}" viewBox="0 0 800 500" aria-hidden="true" preserveAspectRatio="xMidYMid slice">
+  <defs>
+    <!-- Very subtle core glow -->
+    <radialGradient id="galaxyCoreGlow" cx="50%" cy="50%" r="50%">
+      <stop offset="0%" style="stop-color:#ffffff;stop-opacity:0.5"/>
+      <stop offset="20%" style="stop-color:#fef3c7;stop-opacity:0.2"/>
+      <stop offset="50%" style="stop-color:#fbbf24;stop-opacity:0.05"/>
+      <stop offset="100%" style="stop-color:#000000;stop-opacity:0"/>
+    </radialGradient>
+
+    <!-- Particle gradient - almost invisible -->
+    <radialGradient id="galaxyParticleGrad" cx="50%" cy="50%" r="50%">
+      <stop offset="0%" style="stop-color:#ffffff;stop-opacity:0.9"/>
+      <stop offset="60%" style="stop-color:#fef3c7;stop-opacity:0.4"/>
+      <stop offset="100%" style="stop-color:#000000;stop-opacity:0"/>
+    </radialGradient>
+
+    <!-- Spiral arm gradient - very subtle -->
+    <radialGradient id="galaxyArmGrad" cx="50%" cy="50%" r="50%">
+      <stop offset="0%" style="stop-color:#fef3c7;stop-opacity:0.5"/>
+      <stop offset="70%" style="stop-color:#fbbf24;stop-opacity:0.15"/>
+      <stop offset="100%" style="stop-color:#000000;stop-opacity:0"/>
+    </radialGradient>
+
+    <!-- Minimal soft glow -->
+    <filter id="softGlow" x="-50%" y="-50%" width="200%" height="200%">
+      <feGaussianBlur stdDeviation="1" result="blur"/>
+      <feMerge>
+        <feMergeNode in="blur"/>
+        <feMergeNode in="SourceGraphic"/>
+      </feMerge>
+    </filter>
+
+    <filter id="galaxyGlow" x="-50%" y="-50%" width="200%" height="200%">
+      <feGaussianBlur stdDeviation="2" result="blur"/>
+      <feMerge>
+        <feMergeNode in="blur"/>
+        <feMergeNode in="SourceGraphic"/>
+      </feMerge>
+    </filter>
+
+    <filter id="heavyBlur">
+      <feGaussianBlur stdDeviation="12"/>
+    </filter>
+  </defs>
+
+  <!-- Background glow -->
+  <ellipse cx="400" cy="250" rx="300" ry="180" fill="url(#galaxyCoreGlow)" opacity="0.15" filter="url(#heavyBlur)"/>
+
+  <!-- Galaxy spiral arms -->
+  <g filter="url(#galaxyGlow)">
+    <animateTransform attributeName="transform" type="rotate" from="0 400 250" to="360 400 250" dur="80s" repeatCount="indefinite"/>
+
+    <!-- Main spiral arms -->
+    <path d="M400,250 Q470,220 540,200 Q610,180 670,190 Q730,200 760,220" fill="none" stroke="url(#galaxyArmGrad)" stroke-width="2" stroke-linecap="round" opacity="0.6"/>
+    <path d="M400,250 Q330,280 260,300 Q190,320 130,310 Q70,300 40,280" fill="none" stroke="url(#galaxyArmGrad)" stroke-width="2" stroke-linecap="round" opacity="0.6"/>
+
+    <!-- Secondary spiral arms -->
+    <path d="M400,250 Q450,230 510,210 Q570,195 620,200 Q670,205 700,225" fill="none" stroke="url(#galaxyArmGrad)" stroke-width="1.2" stroke-linecap="round" opacity="0.35"/>
+    <path d="M400,250 Q350,270 290,290 Q230,305 180,300 Q130,295 100,275" fill="none" stroke="url(#galaxyArmGrad)" stroke-width="1.2" stroke-linecap="round" opacity="0.35"/>
+
+    <!-- Particles on spiral arms -->
+    <circle cx="470" cy="225" r="1.5" fill="url(#galaxyParticleGrad)" opacity="0.8">
+      <animate attributeName="opacity" values="0.8;0.3;0.8" dur="3s" repeatCount="indefinite"/>
+    </circle>
+    <circle cx="560" cy="205" r="1.2" fill="url(#galaxyParticleGrad)" opacity="0.7">
+      <animate attributeName="opacity" values="0.7;0.25;0.7" dur="3.5s" repeatCount="indefinite"/>
+    </circle>
+    <circle cx="650" cy="210" r="1" fill="url(#galaxyParticleGrad)" opacity="0.65">
+      <animate attributeName="opacity" values="0.65;0.2;0.65" dur="3.2s" repeatCount="indefinite"/>
+    </circle>
+    <circle cx="310" cy="285" r="1.3" fill="url(#galaxyParticleGrad)" opacity="0.75">
+      <animate attributeName="opacity" values="0.75;0.28;0.75" dur="2.8s" repeatCount="indefinite"/>
+    </circle>
+    <circle cx="210" cy="305" r="0.9" fill="url(#galaxyParticleGrad)" opacity="0.6">
+      <animate attributeName="opacity" values="0.6;0.22;0.6" dur="3.8s" repeatCount="indefinite"/>
+    </circle>
+    <circle cx="110" cy="295" r="0.8" fill="url(#galaxyParticleGrad)" opacity="0.55">
+      <animate attributeName="opacity" values="0.55;0.18;0.55" dur="4s" repeatCount="indefinite"/>
+    </circle>
+
+    <!-- More tiny particles -->
+    <circle cx="510" cy="215" r="0.8" fill="url(#galaxyParticleGrad)" opacity="0.55">
+      <animate attributeName="opacity" values="0.55;0.2;0.55" dur="2.5s" repeatCount="indefinite"/>
+    </circle>
+    <circle cx="600" cy="210" r="0.7" fill="url(#galaxyParticleGrad)" opacity="0.5">
+      <animate attributeName="opacity" values="0.5;0.18;0.5" dur="3s" repeatCount="indefinite"/>
+    </circle>
+    <circle cx="350" cy="270" r="0.7" fill="url(#galaxyParticleGrad)" opacity="0.48">
+      <animate attributeName="opacity" values="0.48;0.16;0.48" dur="2.6s" repeatCount="indefinite"/>
+    </circle>
+    <circle cx="250" cy="295" r="0.6" fill="url(#galaxyParticleGrad)" opacity="0.45">
+      <animate attributeName="opacity" values="0.45;0.15;0.45" dur="3.2s" repeatCount="indefinite"/>
+    </circle>
+  </g>
+
+  <!-- Counter-rotating inner group -->
+  <g filter="url(#galaxyGlow)">
+    <animateTransform attributeName="transform" type="rotate" from="360 400 250" to="0 400 250" dur="50s" repeatCount="indefinite"/>
+
+    <!-- Inner ellipses -->
+    <ellipse cx="400" cy="250" rx="150" ry="40" fill="none" stroke="url(#galaxyParticleGrad)" stroke-width="1" opacity="0.35"/>
+    <ellipse cx="400" cy="250" rx="100" ry="25" fill="none" stroke="url(#galaxyParticleGrad)" stroke-width="0.8" opacity="0.4"/>
+    <ellipse cx="400" cy="250" rx="70" ry="18" fill="none" stroke="url(#galaxyParticleGrad)" stroke-width="0.6" opacity="0.45"/>
+
+    <!-- Inner particles -->
+    <circle cx="480" cy="228" r="1" fill="url(#galaxyParticleGrad)" opacity="0.7">
+      <animate attributeName="opacity" values="0.7;0.25;0.7" dur="2s" repeatCount="indefinite"/>
+    </circle>
+    <circle cx="310" cy="272" r="0.8" fill="url(#galaxyParticleGrad)" opacity="0.65">
+      <animate attributeName="opacity" values="0.65;0.22;0.65" dur="2.3s" repeatCount="indefinite"/>
+    </circle>
+    <circle cx="440" cy="240" r="0.7" fill="url(#galaxyParticleGrad)" opacity="0.6">
+      <animate attributeName="opacity" values="0.6;0.2;0.6" dur="1.8s" repeatCount="indefinite"/>
+    </circle>
+    <circle cx="350" cy="260" r="0.6" fill="url(#galaxyParticleGrad)" opacity="0.55">
+      <animate attributeName="opacity" values="0.55;0.18;0.55" dur="2.2s" repeatCount="indefinite"/>
+    </circle>
+  </g>
+
+  <!-- Orbiting particles - outer ring -->
+  <g filter="url(#galaxyGlow)">
+    <circle r="2" fill="url(#galaxyParticleGrad)">
+      <animateMotion dur="25s" repeatCount="indefinite" path="M400,150 A300,100 0 1 1 399.9,150"/>
+      <animate attributeName="opacity" values="0.7;0.25;0.7" dur="2s" repeatCount="indefinite"/>
+    </circle>
+    <circle r="1.5" fill="url(#galaxyParticleGrad)">
+      <animateMotion dur="25s" repeatCount="indefinite" path="M400,150 A300,100 0 1 1 399.9,150"/>
+      <animate attributeName="opacity" values="0.6;0.22;0.6" dur="2.5s" repeatCount="indefinite"/>
+    </circle>
+    <circle r="1.2" fill="url(#galaxyParticleGrad)">
+      <animateMotion dur="25s" repeatCount="indefinite" path="M400,150 A300,100 0 1 1 399.9,150"/>
+      <animate attributeName="opacity" values="0.55;0.2;0.55" dur="2.8s" repeatCount="indefinite"/>
+    </circle>
+    <circle r="1" fill="url(#galaxyParticleGrad)">
+      <animateMotion dur="25s" repeatCount="indefinite" path="M400,150 A300,100 0 1 1 399.9,150"/>
+      <animate attributeName="opacity" values="0.5;0.18;0.5" dur="3s" repeatCount="indefinite"/>
+    </circle>
+  </g>
+
+  <!-- Orbiting particles - inner ring -->
+  <g filter="url(#galaxyGlow)">
+    <circle r="1.5" fill="url(#galaxyParticleGrad)">
+      <animateMotion dur="15s" repeatCount="indefinite" path="M400,185 A200,50 0 1 1 399.9,185"/>
+      <animate attributeName="opacity" values="0.75;0.3;0.75" dur="1.5s" repeatCount="indefinite"/>
+    </circle>
+    <circle r="1.2" fill="url(#galaxyParticleGrad)">
+      <animateMotion dur="15s" repeatCount="indefinite" path="M400,185 A200,50 0 1 1 399.9,185"/>
+      <animate attributeName="opacity" values="0.65;0.25;0.65" dur="1.8s" repeatCount="indefinite"/>
+    </circle>
+    <circle r="1" fill="url(#galaxyParticleGrad)">
+      <animateMotion dur="15s" repeatCount="indefinite" path="M400,185 A200,50 0 1 1 399.9,185"/>
+      <animate attributeName="opacity" values="0.55;0.2;0.55" dur="2s" repeatCount="indefinite"/>
+    </circle>
+  </g>
+
+  <!-- Center core glow -->
+  <g filter="url(#heavyBlur)">
+    <ellipse cx="400" cy="250" rx="50" ry="15" fill="url(#galaxyCoreGlow)" opacity="0.7">
+      <animate attributeName="rx" values="50;58;50" dur="4s" repeatCount="indefinite"/>
+    </ellipse>
+    <circle cx="400" cy="250" r="8" fill="#fef3c7" opacity="0.9">
+      <animate attributeName="r" values="8;11;8" dur="2s" repeatCount="indefinite"/>
+      <animate attributeName="opacity" values="0.9;0.6;0.9" dur="2s" repeatCount="indefinite"/>
+    </circle>
+  </g>
+
+  <!-- Background star field - ASCII style stars -->
+  <g class="galaxy-stars-bg" font-family="monospace" font-size="8" font-weight="bold">
+    <g class="star" data-parallax-speed="0.15"><text x="150" y="80" fill="#ffffff" opacity="0.8">+</text></g>
+    <g class="star" data-parallax-speed="0.4"><text x="620" y="100" fill="#fef3c7" opacity="0.75">✦</text></g>
+    <g class="star" data-parallax-speed="0.25"><text x="500" y="70" fill="#ffffff" opacity="0.7">·</text></g>
+    <g class="star" data-parallax-speed="0.55"><text x="200" y="380" fill="#fef3c7" opacity="0.65">+</text></g>
+    <g class="star" data-parallax-speed="0.35"><text x="680" y="400" fill="#ffffff" opacity="0.7">✦</text></g>
+    <g class="star" data-parallax-speed="0.7"><text x="100" y="300" fill="#fef3c7" opacity="0.6">·</text></g>
+  </g>
+</svg>