Merge version_1 into main #1
174
src/app/page.tsx
174
src/app/page.tsx
@@ -31,25 +31,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Expertise",
|
||||
id: "expertise",
|
||||
},
|
||||
name: "Expertise", id: "expertise"},
|
||||
{
|
||||
name: "Secteurs",
|
||||
id: "sectors",
|
||||
},
|
||||
name: "Secteurs", id: "sectors"},
|
||||
{
|
||||
name: "Savoir-faire",
|
||||
id: "knowhow",
|
||||
},
|
||||
name: "Savoir-faire", id: "knowhow"},
|
||||
{
|
||||
name: "Qualité",
|
||||
id: "quality",
|
||||
},
|
||||
name: "Qualité", id: "quality"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="CMUP"
|
||||
/>
|
||||
@@ -58,52 +48,29 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="PRÉCISION\nMÉCANIQUE\nAU SERVICE DE\nL'INDUSTRIE"
|
||||
description="Usinage de précision, machines spéciales et assemblage mécanique. Partenaire technique des industriels exigeants depuis 25 ans.\n\nAutomobile · Aéronautique · Médical · Électronique · Agricole · Industrie"
|
||||
tag="// SOUS-TRAITANT INDUSTRIEL — FONDÉ EN 2000"
|
||||
buttons={[
|
||||
{
|
||||
text: "Découvrir notre savoir-faire",
|
||||
href: "#expertise",
|
||||
},
|
||||
text: "Découvrir notre savoir-faire", href: "#expertise"},
|
||||
{
|
||||
text: "Nous contacter",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Nous contacter", href: "#contact"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workout-weights-rack-barbell-dumbbells_1203-3784.jpg",
|
||||
imageAlt: "Close-up of a precision-machined metal part",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/workout-weights-rack-barbell-dumbbells_1203-3784.jpg", imageAlt: "Close-up of a precision-machined metal part"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blockchain-technology-cartoon-illustration_23-2151572143.jpg",
|
||||
imageAlt: "Automated robotic arm working on production line",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/blockchain-technology-cartoon-illustration_23-2151572143.jpg", imageAlt: "Automated robotic arm working on production line"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/steel-chrome-machines-with-shafts_645730-270.jpg",
|
||||
imageAlt: "CNC milling machine cutting metal with sparks",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/steel-chrome-machines-with-shafts_645730-270.jpg", imageAlt: "CNC milling machine cutting metal with sparks"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-puzzle-pieces-blue-background_23-2149299056.jpg",
|
||||
imageAlt: "Complex mechanical assembly with interlocking gears",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-puzzle-pieces-blue-background_23-2149299056.jpg", imageAlt: "Complex mechanical assembly with interlocking gears"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-477.jpg",
|
||||
imageAlt: "Digital blueprint overlayed on textured metal surface",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-477.jpg", imageAlt: "Digital blueprint overlayed on textured metal surface"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grayscale-extreme-closeup-shot-messe-basel_181624-2603.jpg",
|
||||
imageAlt: "Abstract view of flowing metal ribbons",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/grayscale-extreme-closeup-shot-messe-basel_181624-2603.jpg", imageAlt: "Abstract view of flowing metal ribbons"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -115,30 +82,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "25 ANS",
|
||||
title: "// D'EXPÉRIENCE",
|
||||
items: [],
|
||||
id: "1", value: "25 ANS", title: "// D'EXPÉRIENCE", items: [],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "~10",
|
||||
title: "// COLLABORATEURS",
|
||||
items: [],
|
||||
id: "2", value: "~10", title: "// COLLABORATEURS", items: [],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "6",
|
||||
title: "// SECTEURS INDUSTRIELS",
|
||||
items: [],
|
||||
id: "3", value: "6", title: "// SECTEURS INDUSTRIELS", items: [],
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "ERP",
|
||||
title: "// GESTION DE PRODUCTION",
|
||||
items: [],
|
||||
id: "4", value: "ERP", title: "// GESTION DE PRODUCTION", items: [],
|
||||
},
|
||||
]}
|
||||
title=""
|
||||
description=""
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -150,41 +107,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Usinage de précision",
|
||||
description: "Pièces petites et moyennes séries, fabriquées sur plan client avec tolérances serrées. Expertise et équipement de pointe.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/25-tools-blue-icon-pack-vector-icons-illustration_1142-18558.jpg",
|
||||
imageAlt: "Icon for Precision Machining",
|
||||
},
|
||||
title: "Usinage de précision", description: "Pièces petites et moyennes séries, fabriquées sur plan client avec tolérances serrées. Expertise et équipement de pointe.", imageSrc: "http://img.b2bpic.net/free-vector/25-tools-blue-icon-pack-vector-icons-illustration_1142-18558.jpg", imageAlt: "Icon for Precision Machining"},
|
||||
{
|
||||
title: "Machines spéciales",
|
||||
description: "Conception et réalisation de systèmes mécaniques sur mesure, de A à Z, pour des besoins industriels spécifiques.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/paper-craft-cog-wheel-icon_53876-74658.jpg",
|
||||
imageAlt: "Icon for Special Machines",
|
||||
},
|
||||
title: "Machines spéciales", description: "Conception et réalisation de systèmes mécaniques sur mesure, de A à Z, pour des besoins industriels spécifiques.", imageSrc: "http://img.b2bpic.net/free-photo/paper-craft-cog-wheel-icon_53876-74658.jpg", imageAlt: "Icon for Special Machines"},
|
||||
{
|
||||
title: "Automatisation & Intégration",
|
||||
description: "Solutions complètes pour optimiser et automatiser vos process de production industrielle, augmentant l'efficacité.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/wallpaper-with-white-technology-concept_23-2148384334.jpg",
|
||||
imageAlt: "Icon for Automation & Integration",
|
||||
},
|
||||
title: "Automatisation & Intégration", description: "Solutions complètes pour optimiser et automatiser vos process de production industrielle, augmentant l'efficacité.", imageSrc: "http://img.b2bpic.net/free-vector/wallpaper-with-white-technology-concept_23-2148384334.jpg", imageAlt: "Icon for Automation & Integration"},
|
||||
{
|
||||
title: "Assemblage mécanique",
|
||||
description: "Montage d'ensembles mécaniques complexes, avec contrôle qualité rigoureux à chaque étape, garantissant la conformité.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/geometric-shapes-orange-background_23-2148209951.jpg",
|
||||
imageAlt: "Icon for Mechanical Assembly",
|
||||
},
|
||||
title: "Assemblage mécanique", description: "Montage d'ensembles mécaniques complexes, avec contrôle qualité rigoureux à chaque étape, garantissant la conformité.", imageSrc: "http://img.b2bpic.net/free-photo/geometric-shapes-orange-background_23-2148209951.jpg", imageAlt: "Icon for Mechanical Assembly"},
|
||||
{
|
||||
title: "Pièces unitaires",
|
||||
description: "Réactivité et expertise pour les demandes urgentes, de la pièce prototype à la petite série, avec une grande flexibilité.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-robotic-hummingbird_23-2151443764.jpg",
|
||||
imageAlt: "Icon for Unitary Parts",
|
||||
},
|
||||
title: "Pièces unitaires", description: "Réactivité et expertise pour les demandes urgentes, de la pièce prototype à la petite série, avec une grande flexibilité.", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-robotic-hummingbird_23-2151443764.jpg", imageAlt: "Icon for Unitary Parts"},
|
||||
{
|
||||
title: "Sur plan client",
|
||||
description: "Respect strict des spécifications techniques, des matériaux et des exigences métier pour une production conforme à vos attentes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/solar-panel-plant-manager-checking-progress-done-by-programmer-close-up_482257-117879.jpg",
|
||||
imageAlt: "Icon for Client Plans",
|
||||
},
|
||||
title: "Sur plan client", description: "Respect strict des spécifications techniques, des matériaux et des exigences métier pour une production conforme à vos attentes.", imageSrc: "http://img.b2bpic.net/free-photo/solar-panel-plant-manager-checking-progress-done-by-programmer-close-up_482257-117879.jpg", imageAlt: "Icon for Client Plans"},
|
||||
]}
|
||||
title="CE QUE NOUS FABRIQUONS"
|
||||
description="CMUP est spécialisé dans des activités clés pour l'industrie, de l'usinage de précision à l'intégration de systèmes complexes."
|
||||
@@ -197,13 +130,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Automobile",
|
||||
"Aéronautique",
|
||||
"Médical",
|
||||
"Informatique & Électronique",
|
||||
"Agricole",
|
||||
"Industrie générale",
|
||||
]}
|
||||
"Automobile", "Aéronautique", "Médical", "Informatique & Électronique", "Agricole", "Industrie générale"]}
|
||||
title="NOS SECTEURS D'ACTIVITÉ"
|
||||
description="CMUP est un partenaire clé pour divers secteurs industriels exigeants, apportant une expertise sur mesure à chaque marché."
|
||||
tag="// 02 — MARCHÉS"
|
||||
@@ -228,20 +155,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "erp",
|
||||
title: "[ERP INTÉGRÉ]",
|
||||
content: "Notre système ERP avancé assure une gestion de production optimisée, de la commande à la livraison, avec une traçabilité complète.",
|
||||
},
|
||||
id: "erp", title: "[ERP INTÉGRÉ]", content: "Notre système ERP avancé assure une gestion de production optimisée, de la commande à la livraison, avec une traçabilité complète."},
|
||||
{
|
||||
id: "improvement",
|
||||
title: "[AMÉLIORATION CONTINUE]",
|
||||
content: "Nous nous engageons dans une politique d'amélioration constante de nos process et de nos produits pour une performance accrue.",
|
||||
},
|
||||
id: "improvement", title: "[AMÉLIORATION CONTINUE]", content: "Nous nous engageons dans une politique d'amélioration constante de nos process et de nos produits pour une performance accrue."},
|
||||
{
|
||||
id: "iso9001",
|
||||
title: "[ISO 9001 EN COURS]",
|
||||
content: "CMUP est activement engagé dans la préparation de sa certification ISO 9001, attestant de notre engagement envers la qualité.",
|
||||
},
|
||||
id: "iso9001", title: "[ISO 9001 EN COURS]", content: "CMUP est activement engagé dans la préparation de sa certification ISO 9001, attestant de notre engagement envers la qualité."},
|
||||
]}
|
||||
title="UNE DÉMARCHE QUALITÉ STRUCTURÉE"
|
||||
description="CMUP s'engage dans une démarche d'amélioration continue avec une orientation ISO 9001 en cours de préparation. Notre système de gestion ERP garantit la traçabilité et la maîtrise de chaque étape de production. Nos processus sont construits pour l'excellence et la conformité."
|
||||
@@ -257,33 +175,19 @@ export default function LandingPage() {
|
||||
description="CMUP\nZone Industrielle\n52000 Chaumont\nHaute-Marne, France\n\nRéponse sous 24h ouvrées — du lundi au vendredi\n\nTél: +33 X XX XX XX XX\nEmail: contact@cmup.fr"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Nom complet",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Nom complet", required: true,
|
||||
},
|
||||
{
|
||||
name: "company",
|
||||
type: "text",
|
||||
placeholder: "Entreprise",
|
||||
required: true,
|
||||
name: "company", type: "text", placeholder: "Entreprise", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email professionnel",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email professionnel", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Téléphone",
|
||||
},
|
||||
name: "phone", type: "tel", placeholder: "Téléphone"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Message / Description du besoin",
|
||||
rows: 5,
|
||||
name: "message", placeholder: "Message / Description du besoin", rows: 5,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/interior-modern-high-building-high-quality-photo_114579-12190.jpg"
|
||||
@@ -298,13 +202,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="CMUP"
|
||||
leftLink={{
|
||||
text: "© 2025 CMUP — Tous droits réservés",
|
||||
href: "#",
|
||||
}}
|
||||
text: "© 2025 CMUP — Tous droits réservés", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Conçu pour l'industrie française",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Conçu pour l'industrie française", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user