Onboarding Flow

A modern, animated onboarding experience built with React and TypeScript. This project provides a sophisticated user interface for collecting company information during the onboarding process.

✨ Features

• 🎨 Beautiful, modern UI with smooth animations
• 📱 Responsive design that works on all devices
• 🎭 Smooth transitions using Framer Motion
• 🎯 Type-safe development with TypeScript

🚀 Getting Started

Prerequisites

• Node.js (v14 or higher)
• npm or yarn

Installation

1. Clone the repository:

git clone https://github.com/yourusername/onboarding-flow.git
cd onboarding-flow

2. Install dependencies:

npm install
# or
yarn install

3. Start the development server:

npm start
# or
yarn start

The application will be available at http://localhost:3000.

🛠️ Built With

• React - Frontend framework
• TypeScript - Type safety
• Framer Motion - Animation library

📁 Project Structure

src/
├── components/     # React components
├── assets/        # Static assets
├── Models/        # TypeScript interfaces and types
└── App.tsx        # Main application component

🎨 Component Features

HeaderContent

• Dynamic company logo generation
• Animated transitions for website URL display
• Responsive layout adjustments

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

1. Fork the project
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

📝 License

This project is licensed under the MIT License - see the LICENSE file for details.