🪷 Yoga Lotus

A modern and elegant website for a yoga studio built with React, TypeScript, and Tailwind CSS.

✨ Features

• 📱 Responsive design
• 🎨 Modern UI with smooth animations
• 📑 Sections for:
  • 🧘‍♀️ Yoga types and descriptions
  • 👥 Instructor profiles
  • 📅 Booking sessions
  • 📞 Contact information
  • 📫 Newsletter subscription

🛠️ Tech Stack

• ⚛️ React 18
• 📘 TypeScript
• 🎭 Tailwind CSS
• ⚡ Vite
• 🔍 Biome

🚀 Development Setup

1. Install dependencies:

npm install

2. Start development server:

npm run dev

3. Build for production:

npm run build

💎 Code Quality

This project uses Biome for code formatting and linting. The configuration includes:

• ✨ Automatic formatting on save
• 📦 Import organization
• 🎯 Code style consistency
• ⚡ TypeScript type checking

💻 VS Code Setup

The project includes VS Code settings for Biome integration:

• ✅ Format on save enabled
• 🔧 Biome set as default formatter for JS/TS files
• 📥 Automatic import organization
• 🛠️ Quick fixes on save

📜 Scripts

• 🔥 npm run dev - Start development server
• 📦 npm run build - Build for production
• 👀 npm run preview - Preview production build
• ✨ npm run format - Format code with Biome
• 🔍 npm run lint - Run Biome linter
• ✅ npm run check - Run both formatting and linting checks

📁 Project Structure

yoga-lotus/
├── src/               # Source code
├── public/           # Static assets
├── .vscode/         # VS Code settings
├── biome.json       # Biome configuration
├── tsconfig.json    # TypeScript configuration
└── package.json     # Project dependencies and scripts

🤝 Contributing

1. Code should be formatted using Biome
2. Follow the existing code style
3. Write meaningful commit messages
4. Test changes before submitting

📄 License

MIT License