A modern, responsive institutional website built with Next.js, TypeScript, and Tailwind CSS for MPN Consulting, a premium digital compliance consultancy based in Dubai.
- Modern Design: Clean, professional layout with brand-consistent color palette
- Responsive: Fully responsive design that works on all devices
- Performance Optimized: Built with Next.js 15 for optimal performance
- Animations: Smooth animations using Framer Motion
- Accessibility: Semantic HTML and accessible design patterns
- SEO Optimized: Proper meta tags and structured content
The website showcases MPN Consulting's comprehensive service offerings:
- DPO as a Service: Data Protection Officer function for global compliance
- Chief AI Officer as a Service: AI governance and compliance
- Cybersecurity as a Service: SOC monitoring, pentests, incident response
- KYC/KYW as a Service: Identity verification and wallet screening
- Digital Compliance Implementation
- Technical & Legal Audits
- Executive Training Programs
- Strategic Consulting
- Framework: Next.js 15 with App Router
- Language: TypeScript
- Styling: Tailwind CSS v4
- Icons: Lucide React
- Animations: Framer Motion
- Font: Inter (Google Fonts)
The website uses a carefully crafted color palette inspired by the MPN Consulting logo:
- Primary Colors: Blue gradient (#2563eb to #1e3a8a)
- Secondary Colors: Teal gradient (#0ea5e9 to #0c4a6e)
- Typography: Inter font family for modern, professional appearance
- Layout: Clean, spacious design with consistent spacing and typography scales
- Header: Fixed navigation with responsive mobile menu
- Hero: Compelling value proposition with animated elements
- Services: Detailed breakdown of recurring and project-based offerings
- Pricing: Transparent pricing structure with multiple tiers
- About: Company information, global presence, and expertise areas
- Contact: Contact form and company information
- Footer: Comprehensive links, certifications, and legal information
- Node.js 18+
- npm or yarn
-
Clone the repository:
git clone <repository-url> cd lp
-
Install dependencies:
npm install
-
Start the development server:
npm run dev
-
Open http://localhost:3000 in your browser
npm run build
npm startsrc/
├── app/
│ ├── globals.css # Global styles and Tailwind configuration
│ ├── layout.tsx # Root layout with metadata
│ └── page.tsx # Main page component
└── components/
├── Header.tsx # Navigation header
├── Hero.tsx # Hero section
├── Services.tsx # Services showcase
├── Pricing.tsx # Pricing tiers
├── About.tsx # Company information
├── Contact.tsx # Contact form and info
└── Footer.tsx # Site footer
The website highlights MPN Consulting's strategic global positioning:
- Dubai, UAE: Headquarters and client relations hub
- São Paulo, Brazil: Technical operations and legal expertise center
- London, UK: European operations and GDPR compliance
- Email: hello@mpnconsulting.ae
- Phone: +971 4 XXX XXXX
- Address: DIFC, Dubai, UAE
- Hours: Sunday-Thursday, 9AM-6PM GST
The website emphasizes MPN Consulting's compliance credentials:
- ISO 27001 Certified
- SOC 2 Type II Compliant
- GDPR Compliant Operations
- LGPD Certified Expertise
- 50+ Global Clients
- 15+ Countries Served
- 99.9% Compliance Rate
- 24/7 Support Available
High-value projects are delivered in partnership with MPUPPE, ensuring the highest standards of legal expertise and professional service delivery.
This project is proprietary and confidential. All rights reserved by MPN Consulting.
Built with ❤️ for digital compliance excellence.