Back
Year
2025
Tech & Technique
Astro, Tailwind CSS 4, GSAP, Lenis, TypeScript
Description
CrystalDent is a premium dental clinic website (Viena Dental) built as a static, performance-first experience with a dark ink design system, buttery GSAP + Lenis motion, and a booking widget.
Key Features:
Key Features:
- 🦷 Clinic Showcases: Services, doctors, tri-panel treatments, and FAQ sections driven by a single content data file
- 🎬 Premium Motion: GSAP scroll-triggered animations with Lenis smooth scrolling, respecting prefers-reduced-motion
- ♿ Accessibility-First: Lighthouse 100 in Accessibility, Best Practices & SEO; WCAG AA contrast throughout
My Role
Frontend & Motion Developer
- ✅ Built all page sections as Astro components with a centralized site content data layer
- ✅ Implemented the motion system (GSAP + Lenis) and interactive booking widget
- ✅ Designed the OKLCH design-token system, self-hosted Unbounded/Jost typography, and SVG brand lockup