Skip to content

Latest commit

 

History

History
63 lines (47 loc) · 3.12 KB

README.md

File metadata and controls

63 lines (47 loc) · 3.12 KB
Raw

🏢 Lidenskap Website

Project Overview

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.

Tech Stack

  • 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

Project Structure

  • apps/astro: Main website application
  • apps/sanity: Content management system

Features

🎨 Content Management

  • Intuitive Sanity Studio interface
  • Real-time preview capabilities
  • Flexible page building with modular components
  • Advanced image handling with automatic optimization

🚀 Performance Features

  • Zero-JavaScript animations where possible
  • Optimized asset loading
  • Efficient routing and navigation
  • Responsive image handling

Development Principles

⚡ Performance First

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.

♿ Accessibility

Built following WCAG guidelines with semantic HTML, proper ARIA attributes, and keyboard navigation support.

🔍 SEO Optimization

Comprehensive meta implementation and structured data for maximum search engine visibility.

Showcase

🎭 Elegant Load Animations

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

✨ Micro-animations Excellence

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

🎪 Smooth Accordion Interactions

A bespoke accordion component that combines smooth animations with perfect accessibility.

smooth-accordion-interactions-lidenskap.mp4

🌊 Pure CSS Animation Magic

A perfect blend of technologies - pure CSS for smooth scroll-based image animations, combined with efficient JavaScript for precise counting animations.

pure-CSS-animation-magic-lidenskap.mp4

Author