Development of a responsive SPA website from scratch for Tio Med

The project was developed completely from scratch based on a PDF layout. The site was built as a single-page application (SPA) using a modern frontend stack. The main focus was on structure, responsiveness, smooth navigation, and content fade-in effects.

Key stages of the work performed:
- Layout of all blocks and pages according to the original design from the PDF
- Implementation of internal navigation using Vue Router
- Creation of a responsive interface for all screen types (desktop, tablet, mobile)
- Implementation of "fade-up" scroll animations using the AOS library
- Configuration of a custom Webpack build with support for .vue files, WebP images, styles, and SVG
- Import and setup of Font Awesome for icon usage throughout the application
- Smooth scrolling and scroll position retention between pages
- Careful work with fonts, color palette, and basic SEO structure

Technologies used:
- Vue 3, Vue Router
- CSS3, Flexbox, Media Queries
- AOS.js - scroll animations
- Webpack - custom configuration
- Font Awesome, Google Fonts
- WebP images
- Component-based architecture with lazy loading