🌟 Welcome
Your All-in-One Solution Hub
Integrated services in Education, Healthcare, Cybersecurity, and Digital Marketing. Everything you need, all in one place.
Integrated services in Education, Healthcare, Cybersecurity, and Digital Marketing. Everything you need, all in one place.
Preview our pages and access documentation
A unified platform showcasing our diverse solutions
Specialized solutions for different industries
Read our latest blog posts for insights and updates
Secure and user-friendly authentication system
Mulpros is a comprehensive multi-service platform offering innovative solutions across Education, Health, Cybersecurity, and Agency services. Built with React.js and modern web technologies, it features a modern UI with gradient designs, floating navigation, and responsive layouts, providing an exceptional user experience across all devices.
Comprehensive educational resources and learning solutions
Integrated health services and wellness programs
Advanced security solutions and risk management
Agency services and solutions
main-file/
├── public/
│ ├── documentation/
├── src/
│ ├── components/
│ │ ├── agency/
│ │ ├── cyber-security/
│ │ ├── education/
│ │ ├── health/
│ │ ├── layout/
│ ├── context/
│ ├── data/
│ ├── hooks/
│ ├── images/
│ ├── pages/
│ │ ├── auth/
│ ├── router/
│ ├── scss/
│ ├── App.jsx
│ ├── index.css
│ └── main.jsx
├── CHANGELOG.md
├── LICENSE.txt
├── README.md
├── package.jsonContains all React components organized by feature
React context providers and state management
SCSS styles and variables
Utility functions and helpers
npm installnpm startHere are the key dependencies and their versions used in this project:
| Package | Version | Description |
|---|---|---|
react |
^19.1.0 | Core React library for building user interfaces |
react-dom |
^19.1.0 | React DOM rendering for web applications |
react-router-dom |
^7.5.1 | Routing library for React applications |
bootstrap |
^5.3.6 | CSS framework for responsive layouts |
bootstrap-icons |
^1.11.3 | Icon library for Bootstrap |
react-bootstrap |
^2.10.9 | React components built on top of Bootstrap |
sass |
^1.86.3 | CSS preprocessor for advanced styling |
framer-motion |
^12.7.4 | Animation library for React |
react-icons |
^5.5.0 | Popular icon library for React |
react-countup |
^6.5.3 | Number counter animation component |
swiper |
^11.2.6 | Modern touch slider library |
react-intersection-observer |
^9.16.0 | React wrapper for Intersection Observer API |
src/components/layout/ - Common layouts and navigation
src/components/education/ - Education service components
src/components/health/ - Health service components
src/components/cyber-security/ - Cybersecurity components
src/components/agency/ - Agency service components
src/pages/Home.jsx - Main landing page
src/pages/Agency.jsx - Agency landing page
src/pages/Education.jsx - Education landing page
src/pages/Health.jsx - Health landing page
src/pages/auth/Login.jsx - User login page
Customize your theme colors by editing the SCSS variables file.
// In src/scss/_variables.scss
// Base Colors
$blue: #0078ff;
$indigo: #6366f1;
$purple: #7b1fa2;
$pink: #ff0082;
$red: #e34949;
$orange: #ff5722;
$yellow: #ffc107;
$green: #00b85c;
$teal: #20c997;
$cyan: #00bcd4;Customize typography by updating font imports and variables.
src/index.css)// In src/scss/_variables.scss
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');// In src/scss/_custom-variables.scss
$body-line-height: 1.6;
$body-font-size: $font-size-base * 1.1;
$line-height-md: 1.5;| Version | Date | Changes |
|---|---|---|
| 1.0.0 | 2025-06-14 |
|
We offer 6 months of support for any questions or issues you may encounter.
Discover the powerful technologies and tools that make our platform exceptional
Dynamic UI Library
Responsive Framework
React Components
Smooth Animations
Smart Styling
Web Structure
Modern Styling
Mobile Friendly
Web Typography
Vector Graphics
Clean Aesthetics
Flexible Components
Optimized Structure
Clear Guides
Always Available