|
|
d2a647b04d
|
Refactor src/pages/index.astro to idiomatic Astro architecture
- Extract React components (ParallaxBackground, FloatingHeader, StoryCard, CharacterAccordion, StickyMapSection, ScrollingBookCard) with proper client directives
- Create Astro wrapper components (HeroSection, BooksSection, StoriesSection, CharactersSection) for static markup composition
- Add reusable AnimatedSection component (client:visible) for scroll animations
- Create useScrollAnimation hook for shared intersection observer logic
- Update main layout to import global CSS for Tailwind styles
- Replace 1130-line monolithic file with modular, maintainable structure
- Remove Next.js imports (Image, Link) in favor of native Astro/HTML
- Implement islands architecture with strategic client directives for performance
Result: Better code organization, reduced client-side JavaScript, improved performance through lazy hydration
|
2025-11-29 16:48:20 -07:00 |
|
