A website for Lidenskap - a construction company specializing in historical building renovation and restoration in Poland. The website serves as a digital showcase of their exceptional renovation projects and expertise, while driving potential clients to reach out through the contact form. With a focus on preserving architectural heritage, the site effectively communicates Lidenskap's craftsmanship and attention to historical detail through carefully designed user interactions and engaging content presentation.
- Astro: Core framework for static site generation
- Sanity.io: Headless CMS for content management
- TurboPack: Monorepo build system
- TypeScript: Type-safe development
- SCSS: Advanced styling
- Preact: Lightweight React alternative
- Bun: Modern JavaScript runtime
apps/astro: Main website applicationapps/sanity: Content management system
- Intuitive Sanity Studio interface
- Real-time preview capabilities
- Flexible page building with modular components
- Advanced image handling with automatic optimization
- Zero-JavaScript animations where possible
- Optimized asset loading
- Efficient routing and navigation
- Responsive image handling
Every feature is implemented with performance in mind, utilizing Astro's partial hydration and modern CSS capabilities to minimize JavaScript usage while maintaining rich interactivity.
Built following WCAG guidelines with semantic HTML, proper ARIA attributes, and keyboard navigation support.
Comprehensive meta implementation and structured data for maximum search engine visibility.
Watch how elements gracefully enter the page with carefully orchestrated stagger animations, creating a premium feel that matches Lidenskap's brand.
elegant-load.animations-lidenskap.mp4
Experience the attention to detail in our hover states and interactive elements, like this custom-built copy-to-clipboard functionality.
micro-animations-excellence-lidenskap.mp4
A bespoke accordion component that combines smooth animations with perfect accessibility.
smooth-accordion-interactions-lidenskap.mp4
A perfect blend of technologies - pure CSS for smooth scroll-based image animations, combined with efficient JavaScript for precise counting animations.