This project is a modern, single-page website for InnoTech Solutions, a fictional tech company. It's built using React, TypeScript, and Vite, showcasing various interactive elements and smooth animations.
- Responsive design that works on desktop and mobile devices
- Interactive sections including:
- Hero section with parallax effect
- Features showcase with modal popups
- Interactive portfolio with filtering and project details
- Process timeline with expandable steps
- Product demo carousel
- Awards and recognition section
- Client testimonials
- Call to action section
- Smooth scrolling navigation
- Animated transitions using Framer Motion
- Back to top button
- Optimized for performance with lazy loading and code splitting
- React 18
- TypeScript
- Vite
- Tailwind CSS
- Framer Motion
- React Router
- React Icons
- Headless UI
Before you begin, ensure you have the following installed:
- Node.js (v14 or later)
- npm (v6 or later)
-
Clone the repository:
git clone https://github.com/your-username/innotech-solutions-website.git cd innotech-solutions-website -
Install dependencies:
npm install -
Start the development server:
npm run dev -
Open your browser and visit
http://localhost:5173to view the website.
To create a production build, run:
npm run build