A modern, multilingual website for Hoodis Pars Printing & Packaging Complex, showcasing comprehensive printing and packaging services with an integrated content management system.
Portfolio Project: This is a professional project I developed as a full-stack developer, demonstrating expertise in modern web technologies, multilingual applications, and content management systems.
Hoodis Pars Company was founded in 1998 by a group of creative and professional designers in the field of advertising. The Hoodis Pars Printing & Packaging Complex was established in 2006 by Amir Hooman Mohammadi, specializing in pharmaceutical and cosmetic packaging solutions.
Key Achievements:
- 30,000 square meter facility
- 200+ skilled employees
- State-of-the-art equipment and technology
- International quality standards compliance
- Export capabilities for secondary pharmaceutical packaging
- English and Persian (Farsi) language support
- RTL (Right-to-Left) layout for Persian content
- Custom Persian fonts (IRANYekan, IRANSans)
- Automatic language detection and switching
- Responsive design for all devices
- Interactive Rive animations
- Smooth transitions and hover effects
- Professional color scheme (#A98B5E, #AE9266)
- TailwindCSS for consistent styling
- Home: Company overview with interactive animations
- About Us: Detailed company history and services
- News: Dynamic news system with CMS
- Contact: Contact forms with location services
- Services: Comprehensive service showcase
- Pre-press (Structure, Design, Repro, Laboratory)
- Print (Color, Offset Printing, Color Management)
- Post-press (Coatings, Foils, Box Gluing, QC)
- 🔐 Secure authentication system
- 📰 News management (create, edit, delete, archive)
- 📝 Rich text editor with TipTap
- 🖼️ Image upload and management
- 🏷️ Tag system for content organization
- 📊 Analytics and statistics
- 📱 Mobile-responsive admin interface
- Rive animations for engaging user experience
- Hover effects on images and buttons
- Smooth scrolling and transitions
- Dynamic content loading
- Next.js 15 - React framework with App Router
- React 19 - Latest React features
- TypeScript - Type-safe development
- TailwindCSS - Utility-first CSS framework
- next-intl - Internationalization
- Framer Motion - Animation library
- Rive - Interactive animations
- Supabase - Backend as a Service
- PostgreSQL - Database
- Supabase Auth - Authentication system
- Supabase Storage - File storage
- Radix UI - Headless UI components
- Lucide React - Icon library
- TipTap - Rich text editor
- Sonner - Toast notifications
- ESLint - Code linting
- PostCSS - CSS processing
- TypeScript - Static type checking
- Node.js 18+ and npm
- Supabase account
- Supabase Auth for secure admin access
- Role-based permissions
- Session management
The project supports English and Persian languages:
- Route-based localization:
/en/...and/fa/... - Automatic language detection
- RTL support for Persian content
- Custom fonts for each language
- Comprehensive translations in
messages/directory
- Primary:
#A98B5E(Golden brown) - Secondary:
#AE9266(Light brown) - Text:
#706F6F(Gray) - Background:
#FFFFFF(White)
- English: Inter font family
- Persian: IRANYekan and IRANSans font families
- Responsive font sizes
- Proper line heights for readability
- Consistent spacing using TailwindCSS
- Hover states and transitions
- Mobile-first responsive design
- Accessibility considerations
- Secure login system
- Session management
- Protected routes
- Create, edit, delete articles
- Rich text editor with formatting
- Image uploads and embedding
- Tag management
- Status control (draft/published/archived)
- SEO-friendly URLs
- Overview statistics
- Recent activity
- Quick actions
- Responsive design
This project is licensed under the MIT License - see the LICENSE file for details.
© 1998 HOODIS Co. All rights reserved
Artin Ebrahim Khani
- Email: Artin@prstg.net
Mani Mirzaei
- Email: Mani@prstg.net