NextIndustri

PlateformedeMaintenanceIndustrielle&SourcingIA

NextIndustriestunelandingpageB2Bhauteperformanceconçuepouruneentreprisespécialiséedanslesourcingmondialdecomposantscritiquesetlamaintenanceindustrielled'élite.L'applicationmetenavantl'utilisationdel'intelligenceartificiellepourrésoudrelesproblèmesd'obsolescenceetd'arrêtsdeproduction.

🚀FonctionnalitésClés

ExpérienceUtilisateurPremium:Interfacemoderneetindustrielleavecdesanimationsfluides(FramerMotion)etundesignréactif(TailwindCSS). InternationalisationComplète(i18n): Supportnatifde3langues:Français(FR),Anglais(EN),Arabe(AR). Gestionautomatiquedeladirectiondutexte(LTR/RTL)pourl'arabe. Adaptationtypographiquedynamique(PoliceInterpourLatin,CairopourArabe). FormulairedeContactIntelligent:Intégrationmailtoautomatiséepré-remplissantleclientdemessageriedel'utilisateurpouruneactionimmédiatesansbackendcomplexe. SectionsStratégiques: HeroSectionaveceffetsdeprojecteuretnavigationfluide. GrilleBentopourlavisualisationdesenjeuxcritiques. Timelineinteractiveduprocessusderécupération. MiseenvaleurdescapacitésIA(ComputerVision,SourcingGlobal). Preuvesocialeetcertificationsdesécurité.

🛠StackTechnique

Framework:React18(Architectureàcomposantsfonctionnels) Styling:TailwindCSS(Utilitaire-first,DesignSystempersonnalisé) Animations:FramerMotion(Transitions,Scrollreveals,Effetsinteractifs) Icônes:LucideReact(Icônesvectorielleslégèresetcohérentes) Langage:TypeScript(Typagefortpourlarobustesseducode)

📂StructureduProjet

├──components/ComposantsUImodulaires(Header,Hero,Sections...)
├──hooks/Hookspersonnalisés(ex:useLanguagepourlecontexteglobal)
├──utils/Utilitaires(ex:cnpourlafusiondeclassesTailwind)
├──content.tsDictionnairedetraductioncentralisé(FR/EN/AR)
├──types.tsDéfinitionsTypeScriptpourlesdonnéesetlecontenu
├──App.tsxPointd'entréeprincipaletorchestrationdulayout
└──index.htmlConfigurationglobale(Polices,Tailwindconfig)

🌍GestiondesLangues

LesystèmedelangueutiliseunContextReact(LanguageProvider)pourgérerl'étatglobal. -Lestraductionssontstockéesdanscontent.ts. -LebasculementdelanguemetàjourdynamiquementlesattributslangetdirdudocumentHTMLpourassurerl'accessibilitéetlerenducorrect(notammentpourlemodeRTL).

🎨DesignSystem

Lethèmeestconfigurédanstailwind.config(injectéviaindex.html)avecunepalettedecouleursspécifique: -Industrial(Gris/BleuNuit):Pourlastructure,lesfondsetletexteprincipal,évoquantlarigueuretlasolidité. -Accent(CyanIA):Pourlesappelsàl'actionetlesmisesenévidencetechnologiques. -Status:Couleurssémantiquespourlesalertesetsuccès.

---

©NextIndustri.Tousdroitsréservés.