A modern, responsive website for Mihisoft Technologies built with Next.js, TypeScript, and Tailwind CSS. This project recreates the design and functionality of the original Rails application with modern web technologies and best practices.
- Modern Stack: Built with Next.js 15, React 19, TypeScript, and Tailwind CSS
- Responsive Design: Fully responsive across all devices
- Smooth Animations: Enhanced user experience with Framer Motion
- SEO Optimized: Built-in SEO optimization with Next.js
- Performance: Optimized for speed and performance
- Accessibility: Following WCAG guidelines for accessibility
- Frontend Framework: Next.js 15 with App Router
- Language: TypeScript
- Styling: Tailwind CSS
- Animations: Framer Motion
- Icons: Lucide React & React Icons
- Image Optimization: Next.js Image component
- Development: ESLint for code quality
- Header - Contact information and social media links
- Navigation - Responsive navigation with dropdown menus
- Hero Section - Eye-catching banner with call-to-action
- About Us - Company information and statistics
- Services - Comprehensive service offerings
- Projects - Portfolio of completed projects
- Testimonials - Client feedback and reviews
- Team - Meet our professional team
- Career - Job opportunities and company benefits
- Clients - Trusted partners and client logos
- Contact - Contact form and company information
- Footer - Links, contact info, and social media
- Node.js 18+
- npm or yarn package manager
- Clone the repository:
git clone <repository-url>
cd mihisoft-nextjs- Install dependencies:
npm install
# or
yarn install- Start the development server:
npm run dev
# or
yarn dev- Open http://localhost:3000 in your browser
npm run build
npm startmihisoft-nextjs/
├── public/
│ ├── images/ # Static images from original project
│ └── ...
├── src/
│ ├── app/
│ │ ├── globals.css # Global styles
│ │ ├── layout.tsx # Root layout
│ │ └── page.tsx # Home page
│ └── components/
│ ├── Header.tsx
│ ├── Navigation.tsx
│ ├── HeroSection.tsx
│ ├── AboutSection.tsx
│ ├── ServicesSection.tsx
│ ├── ProjectsSection.tsx
│ ├── TestimonialsSection.tsx
│ ├── TeamSection.tsx
│ ├── CareerSection.tsx
│ ├── ClientsSection.tsx
│ ├── ContactSection.tsx
│ └── Footer.tsx
├── package.json
└── README.md
- Smooth Scrolling: Navigate between sections seamlessly
- Hover Effects: Interactive elements with smooth transitions
- Loading Animations: Staggered animations for better UX
- Mobile-First: Responsive design approach
- Dark/Light Mode: Consistent color scheme
- Typography: Clean and readable font hierarchy
- Email: info@mihisoft.com
- Phone: +880 1771109794
- Address: 6/7, Block B, Mirpur 12, Pallabi, Dhaka 1216
- Website: https://mihisoft.com
This project is private and proprietary to Mihisoft Technologies.
The project is optimized for deployment on platforms like:
- Vercel (recommended for Next.js)
- Netlify
- AWS
- DigitalOcean
This is a private project for Mihisoft Technologies. For contributions, please contact the development team.
Built with ❤️ by Mihisoft Technologies