/*@jsxRuntime automatic @jsxImportSource react*/
const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0];
const {useMDXComponents: _provideComponents} = arguments[0];
function _createMdxContent(props) {
const _components = Object.assign({
p: "p"
}, _provideComponents(), props.components), {Image, BackToTop} = _components;
if (!BackToTop) _missingMdxReference("BackToTop", true);
if (!Image) _missingMdxReference("Image", true);
return _jsxs(_Fragment, {
children: [_jsx("section", {
className: "bg-blue-900 text-yellow-50 section-padding",
children: _jsx("div", {
className: "container-custom",
children: _jsx("div", {
className: "max-w-6xl mx-auto",
children: _jsxs("div", {
className: "grid grid-cols-1 lg:grid-cols-2 gap-12 items-center",
children: [_jsxs("div", {
children: [_jsx("div", {
className: "mb-4",
children: _jsx("a", {
href: "/",
className: "text-sm text-yellow-200 hover:text-yellow-50 hover:underline",
children: _jsx(_components.p, {
children: "← Retour à l'accueil"
})
})
}), _jsx("h1", {
className: "text-4xl md:text-6xl font-bold mb-6 text-white",
children: "Peugeot 403"
}), _jsx("p", {
className: "text-lg md:text-xl leading-relaxed mb-8",
children: _jsx(_components.p, {
children: "La berline familiale qui a marqué l'histoire avec sa célèbre apparition dans la série Columbo.\nSymbole de l'élégance française des années 1950-1960, elle incarne le savoir-faire Peugeot."
})
}), _jsxs("div", {
className: "flex flex-wrap gap-4",
children: [_jsx("span", {
className: "bg-white rounded-lg px-4 py-2 text-sm font-medium",
style: {
color: '#1e3a8a',
fontWeight: 500
},
children: "1955-1966"
}), _jsx("span", {
className: "bg-white rounded-lg px-4 py-2 text-sm font-medium",
style: {
color: '#1e3a8a',
fontWeight: 500
},
children: "Berline familiale"
}), _jsx("span", {
className: "bg-white rounded-lg px-4 py-2 text-sm font-medium",
style: {
color: '#1e3a8a',
fontWeight: 500
},
children: "Propulsion"
}), _jsx("span", {
className: "bg-white rounded-lg px-4 py-2 text-sm font-medium",
style: {
color: '#1e3a8a',
fontWeight: 500
},
children: "1,2M+ ex."
})]
})]
}), _jsx("div", {
className: "relative h-96 bg-gray-200 rounded-lg overflow-hidden",
children: _jsx(Image, {
src: "/images/peugeot-403/Peugeot_403face.jpg",
alt: "Peugeot 403 berline vue de face",
fill: true,
className: "object-cover",
priority: true
})
})]
})
})
})
}), "\n", _jsx("section", {
className: "section-padding bg-white",
children: _jsx("div", {
className: "container-custom",
children: _jsxs("div", {
className: "max-w-6xl mx-auto",
children: [_jsx("h2", {
className: "text-center mb-12",
children: "Explorez la Peugeot 403"
}), _jsxs("div", {
className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6",
children: [_jsx("a", {
href: "/voitures/peugeot-403/histoire",
className: "group",
children: _jsxs("div", {
className: "card text-white hover:shadow-xl transition-all duration-300 group-hover:scale-105 h-full flex flex-col",
style: {
backgroundColor: '#1e3a8a'
},
children: [_jsx("div", {
className: "w-16 h-16 text-white rounded-full flex items-center justify-center mx-auto mb-4",
style: {
backgroundColor: '#1e3a8a'
},
children: _jsx("span", {
className: "text-2xl",
children: "📚"
})
}), _jsx("h3", {
className: "text-xl font-bold text-center mb-3 group-hover:text-blue-600 transition-colors text-white",
children: _jsx(_components.p, {
children: "Histoire"
})
}), _jsx("p", {
className: "text-sm text-white text-center mb-4 flex-grow",
children: _jsx(_components.p, {
children: "De la présentation en 1955 jusqu'en 1966, découvrez l'histoire\nde cette berline qui a conquis le monde grâce à Columbo."
})
}), _jsx("div", {
className: "text-center",
children: _jsx("span", {
className: "text-blue-600 font-semibold text-sm group-hover:underline text-white",
children: _jsx(_components.p, {
children: "Découvrir →"
})
})
})]
})
}), _jsx("a", {
href: "/voitures/peugeot-403/fiche-technique",
className: "group",
children: _jsxs("div", {
className: "card text-white hover:shadow-xl transition-all duration-300 group-hover:scale-105 h-full flex flex-col",
style: {
backgroundColor: '#1e3a8a'
},
children: [_jsx("div", {
className: "w-16 h-16 text-white rounded-full flex items-center justify-center mx-auto mb-4",
style: {
backgroundColor: '#1e3a8a'
},
children: _jsx("span", {
className: "text-2xl",
children: "📊"
})
}), _jsx("h3", {
className: "text-xl font-bold text-center mb-3 group-hover:text-blue-600 transition-colors text-white",
children: _jsx(_components.p, {
children: "Fiche technique"
})
}), _jsx("p", {
className: "text-sm text-white text-center mb-4 flex-grow",
children: _jsx(_components.p, {
children: "Moteurs essence et Diesel, dimensions, performances et toutes\nles caractéristiques de cette berline élégante."
})
}), _jsx("div", {
className: "text-center",
children: _jsx("span", {
className: "text-blue-600 font-semibold text-sm group-hover:underline text-white",
children: _jsx(_components.p, {
children: "Consulter →"
})
})
})]
})
}), _jsx("a", {
href: "/voitures/peugeot-403/galerie",
className: "group",
children: _jsxs("div", {
className: "card text-white hover:shadow-xl transition-all duration-300 group-hover:scale-105 h-full flex flex-col",
style: {
backgroundColor: '#1e3a8a'
},
children: [_jsx("div", {
className: "w-16 h-16 text-white rounded-full flex items-center justify-center mx-auto mb-4",
style: {
backgroundColor: '#1e3a8a'
},
children: _jsx("span", {
className: "text-2xl",
children: "📸"
})
}), _jsx("h3", {
className: "text-xl font-bold text-center mb-3 group-hover:text-blue-600 transition-colors text-white",
children: _jsx(_components.p, {
children: "Galerie"
})
}), _jsx("p", {
className: "text-sm text-white text-center mb-4 flex-grow",
children: _jsx(_components.p, {
children: "Photos de toutes les versions : berline, cabriolet,\nbreak et versions spéciales de la 403."
})
}), _jsx("div", {
className: "text-center",
children: _jsx("span", {
className: "text-blue-600 font-semibold text-sm group-hover:underline text-white",
children: _jsx(_components.p, {
children: "Voir →"
})
})
})]
})
}), _jsx("a", {
href: "/voitures/peugeot-403/forum",
className: "group",
children: _jsxs("div", {
className: "card text-white hover:shadow-xl transition-all duration-300 group-hover:scale-105 h-full flex flex-col",
style: {
backgroundColor: '#1e3a8a'
},
children: [_jsx("div", {
className: "w-16 h-16 text-white rounded-full flex items-center justify-center mx-auto mb-4",
style: {
backgroundColor: '#1e3a8a'
},
children: _jsx("span", {
className: "text-2xl",
children: "💬"
})
}), _jsx("h3", {
className: "text-xl font-bold text-center mb-3 group-hover:text-blue-600 transition-colors text-white",
children: _jsx(_components.p, {
children: "Forum"
})
}), _jsx("p", {
className: "text-sm text-white text-center mb-4 flex-grow",
children: _jsx(_components.p, {
children: "Photos de toutes les versions : berline, cabriolet,\nbreak et versions spéciales de la 403."
})
}), _jsx("div", {
className: "text-center",
children: _jsx("span", {
className: "text-blue-600 font-semibold text-sm group-hover:underline text-white",
children: _jsx(_components.p, {
children: "Accéder →"
})
})
})]
})
})]
})]
})
})
}), "\n", _jsx("section", {
className: "section-padding bg-gray-50",
children: _jsx("div", {
className: "container-custom",
children: _jsxs("div", {
className: "max-w-6xl mx-auto",
children: [_jsx("h2", {
className: "text-center mb-12",
children: "En bref"
}), _jsxs("div", {
className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6",
children: [_jsxs("div", {
className: "card text-center",
children: [_jsx("h3", {
className: "text-2xl font-bold text-blue-600 mb-2",
children: "11 ans"
}), _jsx("p", {
className: "text-sm text-gray-600",
children: "de production"
})]
}), _jsxs("div", {
className: "card text-center",
children: [_jsx("h3", {
className: "text-2xl font-bold text-blue-600 mb-2",
children: "1468 cm³"
}), _jsx("p", {
className: "text-sm text-gray-600",
children: "4 cylindres - 58 ch"
})]
}), _jsxs("div", {
className: "card text-center",
children: [_jsx("h3", {
className: "text-2xl font-bold text-blue-600 mb-2",
children: "135 km/h"
}), _jsx("p", {
className: "text-sm text-gray-600",
children: "vitesse maximale"
})]
}), _jsxs("div", {
className: "card text-center",
children: [_jsx("h3", {
className: "text-2xl font-bold text-blue-600 mb-2",
children: "8-10 L"
}), _jsx("p", {
className: "text-sm text-gray-600",
children: "aux 100 km"
})]
})]
})]
})
})
}), "\n", _jsx("section", {
className: "section-padding bg-white",
children: _jsx("div", {
className: "container-custom",
children: _jsxs("div", {
className: "max-w-6xl mx-auto",
children: [_jsx("h2", {
className: "text-center mb-12",
children: "Les versions disponibles"
}), _jsxs("div", {
className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6",
children: [_jsxs("div", {
className: "card text-center",
children: [_jsx("h3", {
className: "text-xl font-bold text-blue-600 mb-3",
children: "Berline"
}), _jsx("p", {
className: "text-sm text-gray-600 mb-2",
children: "Version 7 CV et 8 CV"
}), _jsx("p", {
className: "text-xs text-gray-500",
children: "Version la plus répandue"
})]
}), _jsxs("div", {
className: "card text-center",
children: [_jsx("h3", {
className: "text-xl font-bold text-blue-600 mb-3",
children: "Cabriolet"
}), _jsx("p", {
className: "text-sm text-gray-600 mb-2",
children: "Version Columbo"
}), _jsx("p", {
className: "text-xs text-gray-500",
children: "1 814 exemplaires"
})]
}), _jsxs("div", {
className: "card text-center",
children: [_jsx("h3", {
className: "text-xl font-bold text-blue-600 mb-3",
children: "Break"
}), _jsx("p", {
className: "text-sm text-gray-600 mb-2",
children: "Version familiale"
}), _jsx("p", {
className: "text-xs text-gray-500",
children: "Version pratique"
})]
}), _jsxs("div", {
className: "card text-center",
children: [_jsx("h3", {
className: "text-xl font-bold text-blue-600 mb-3",
children: "Fourgonnette"
}), _jsx("p", {
className: "text-sm text-gray-600 mb-2",
children: "Version utilitaire"
}), _jsx("p", {
className: "text-xs text-gray-500",
children: "Version commerciale"
})]
}), _jsxs("div", {
className: "card text-center",
children: [_jsx("h3", {
className: "text-xl font-bold text-blue-600 mb-3",
children: "Diesel"
}), _jsx("p", {
className: "text-sm text-gray-600 mb-2",
children: "Premier Diesel français"
}), _jsx("p", {
className: "text-xs text-gray-500",
children: "Moteur Indenor"
})]
}), _jsxs("div", {
className: "card text-center",
children: [_jsx("h3", {
className: "text-xl font-bold text-blue-600 mb-3",
children: "Berline N4Y"
}), _jsx("p", {
className: "text-sm text-gray-600 mb-2",
children: "Sécurité passive"
}), _jsx("p", {
className: "text-xs text-gray-500",
children: "~1 500 exemplaires"
})]
})]
})]
})
})
}), "\n", _jsx(BackToTop, {})]
});
}
function MDXContent(props = {}) {
const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);
return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {
children: _jsx(_createMdxContent, props)
})) : _createMdxContent(props);
}
return {
default: MDXContent
};
function _missingMdxReference(id, component) {
throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it.");
}