Tsubaki (椿, Camellia) is a premium Astro theme that draws from Japanese minimalist philosophy — Ma (間, negative space), Wabi-sabi (侘寂, beauty in imperfection), Kanso (簡素, simplicity), and Shibui (渋い, subtle elegance). Every detail, from typography to scroll-triggered animations, is crafted to create a reading experience that feels unhurried and intentional.
Features
Production-Ready Pages
- Home — Hero with GSAP word-by-word reveal, project gallery, Google Maps embed, store directory
- About — Photo header with store philosophy cards
- Project — Community programme showcase with FAQ accordion
- News listing — Editorial layout with date-sorted articles
- News article — Article layout with hero image, tags, and back navigation
- FAQ — Two-column layout with accessible accordion
- Contact — Form with photo header
- Privacy — Static policy page
Polished Components
- Navigation
- Footer
- PageHero
- BlogCard
- NewsList
- FaqAccordion
- TagCloud
- SectionIntro
- Newsletter
- LeftSidebar
- RightSidebar
- SideStrips
- LoadingSplash
GSAP Animations
- Hero text: word-by-word split reveal
- Scroll-triggered reveal with spring-inspired easing
- Parallax and drift effects
- Marquee tracks
- Page transitions with smooth fade in/out
- All GSAP loaded dynamically — zero first-paint cost
- prefers-reduced-motion respected for accessibility
Performance-First
- Fonts loaded via Google Fonts with <code>display=swap</code>
- Prefetch on hover for instant navigation
- Sitemap auto-generated at build
- SSR-safe — all GSAP imports are dynamic
- Fully static output — no client-side data fetching
Built with: Astro v6, GSAP 3, MDX, TypeScript
