Interactive web experience showcasing 11 Tectonic Shifts in AI across 4 layers: Foundation, Cognition, Interface, and Humanity.
- Interactive Landing Animation - GSAP-powered tectonic shifts visualization
- 11 Detailed Shift Reports - Each with data, sources, and community voices
- 4 Language Support - English, Russian, Belarusian, Romanian
- Responsive Design - Optimized for desktop and mobile
- Dark/Light Theme - Seamless theme switching
- Keyboard Navigation - Space, arrows for navigation
- React 18 + TypeScript
- Vite - Fast build tool
- GSAP + ScrollTrigger - Advanced animations
- Tailwind CSS - Styling
- Markdown - Content management
- Node.js 18+
- npm or yarn
npm installnpm run devnpm run buildnpm run preview├── components/ # React components
│ ├── TectonicShiftsAnimation.tsx # Landing animation
│ ├── ReportView.tsx # Shift detail pages
│ ├── NavigationPopUp/ # Index overlay
│ └── ...
├── content/ # Markdown content (shifts, manifesto)
├── public/
│ ├── content/ # Generated JSON from markdown
│ └── i18n/ # Translations
├── hooks/ # Custom React hooks
└── lib/ # Utilities, GSAP config
Content is managed via Markdown files in /content/:
slides.md- English contentslides.ru.md- Russian contentslides.by.md- Belarusian contentslides.ro.md- Romanian content
Run npm run build to parse Markdown → JSON.
- Space - Scroll down / Next snap point on landing
- Arrow Keys - Navigate between pages
- Index Button - Open full navigation overlay
- Swipe - Mobile navigation (shift pages only)
© 2025 AI Mindset. All rights reserved.
- Website: https://aimindset.org
- Telegram: https://t.me/ai_mind_set
- Substack: https://aimindsetspace.substack.com