Site web officiel de Leanmover, votre partenaire pour la transformation digitale industrielle et les solutions d'intralogistique 4.0 au Maroc.
- Next.js 14 - App Router
- TypeScript - Type safety
- Tailwind CSS - Styling
- Framer Motion - Animations
- React Icons - Iconography
- Node.js 18+
- npm ou yarn
# Installer les dépendances
npm install
# Lancer le serveur de développement
npm run devLe site sera accessible sur http://localhost:3000
leanmover/
├── app/
│ ├── layout.tsx # Layout principal avec metadata
│ ├── page.tsx # Page d'accueil
│ └── globals.css # Styles globaux
├── components/
│ ├── Header.tsx # Navigation principale
│ ├── Hero.tsx # Section hero avec CTA
│ ├── Metrics.tsx # Compteurs animés
│ ├── Services.tsx # Présentation des services
│ ├── VideoSection.tsx # Section vidéo présentation
│ ├── Certifications.tsx # Affichage des certifications
│ └── Footer.tsx # Pied de page avec contact
└── public/ # Assets statiques
- Couleur principale: Bleu (#2563eb - blue-600)
- Couleur secondaire: Blanc (#ffffff)
- Police: Inter (Google Fonts)
- Style: Moderne, professionnel, industriel
- Hero - Introduction avec 3 propositions de valeur
- Metrics - Compteurs animés (80+ Awards, 80k Clients)
- Services - 6 services principaux avec cartes interactives
- VideoSection - Présentation vidéo de l'entreprise
- Certifications - Affichage des certifications (ISO, Industrie 4.0)
- Footer - Contact, liens rapides, réseaux sociaux
Ajoutez votre logo dans le dossier /public et mettez à jour dans Header.tsx
Mettez à jour l'URL de la vidéo dans VideoSection.tsx (ligne 72)
Modifiez les informations de contact dans Footer.tsx
Le site est entièrement responsive avec des breakpoints:
- Mobile: < 768px
- Tablet: 768px - 1024px
- Desktop: > 1024px
npm run build
npm run startvercel deploy- Site web: leanmover.ma
- Email: contact@leanmover.ma
- Localisation: Casablanca, Maroc
© 2024 Leanmover. Tous droits réservés.