Réalisé par Sylvain Rousset
/*@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-renault-yellow text-renault-dark-gray 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-renault-dark-gray hover:underline", children: _jsx(_components.p, { children: "← Retour à l'accueil" }) }) }), _jsx("h1", { className: "text-4xl md:text-6xl font-bold mb-6", children: "Renault 12" }), _jsx("div", { className: "text-lg md:text-xl leading-relaxed mb-8", children: _jsx(_components.p, { children: "La familiale qui a marqué les années 70, produite en France et dans le monde.\nDécouvrez son histoire, ses caractéristiques techniques et sa galerie." }) }), _jsxs("div", { className: "flex flex-wrap gap-4", children: [_jsx("span", { className: "bg-white rounded-lg px-4 py-2 text-sm font-medium", children: "1969-1980 (FR)" }), _jsx("span", { className: "bg-white rounded-lg px-4 py-2 text-sm font-medium", children: "Familiale / Break" }), _jsx("span", { className: "bg-white rounded-lg px-4 py-2 text-sm font-medium", children: "Traction avant" })] })] }), _jsx("div", { className: "relative h-96 bg-renault-light-gray rounded-lg overflow-hidden", children: _jsx(Image, { src: "/images/renault-12/avant.jpg", alt: "Renault 12 vue avant", 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 Renault 12" }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6", children: [_jsx("a", { href: "/voitures/renault-12/histoire", className: "group", children: _jsxs("div", { className: "card hover:shadow-xl transition-all duration-300 group-hover:scale-105 h-full flex flex-col", children: [_jsx("div", { className: "w-16 h-16 bg-renault-yellow rounded-full flex items-center justify-center mx-auto mb-4", children: _jsx("span", { className: "text-2xl", children: "📚" }) }), _jsx("h3", { className: "text-xl font-bold text-center mb-3 group-hover:text-renault-yellow transition-colors", children: _jsx(_components.p, { children: "Histoire" }) }), _jsx("div", { className: "text-sm text-gray-600 text-center mb-4 flex-grow", children: _jsx(_components.p, { children: "Lancement en 1969, apogée dans les années 70, carrière internationale et licence Dacia." }) }), _jsx("div", { className: "text-center", children: _jsx("span", { className: "text-renault-yellow font-semibold text-sm group-hover:underline", children: _jsx(_components.p, { children: "Découvrir →" }) }) })] }) }), _jsx("a", { href: "/voitures/renault-12/fiche-technique", className: "group", children: _jsxs("div", { className: "card hover:shadow-xl transition-all duration-300 group-hover:scale-105 h-full flex flex-col", children: [_jsx("div", { className: "w-16 h-16 bg-renault-yellow rounded-full flex items-center justify-center mx-auto mb-4", children: _jsx("span", { className: "text-2xl", children: "📊" }) }), _jsx("h3", { className: "text-xl font-bold text-center mb-3 group-hover:text-renault-yellow transition-colors", children: _jsx(_components.p, { children: "Fiche technique" }) }), _jsx("div", { className: "text-sm text-gray-600 text-center mb-4 flex-grow", children: _jsx(_components.p, { children: "Dimensions, moteurs (Cléon-Fonte, Gordini), performances et châssis." }) }), _jsx("div", { className: "text-center", children: _jsx("span", { className: "text-renault-yellow font-semibold text-sm group-hover:underline", children: _jsx(_components.p, { children: "Consulter →" }) }) })] }) }), _jsx("a", { href: "/voitures/renault-12/galerie", className: "group", children: _jsxs("div", { className: "card hover:shadow-xl transition-all duration-300 group-hover:scale-105 h-full flex flex-col", children: [_jsx("div", { className: "w-16 h-16 bg-renault-yellow rounded-full flex items-center justify-center mx-auto mb-4", children: _jsx("span", { className: "text-2xl", children: "📸" }) }), _jsx("h3", { className: "text-xl font-bold text-center mb-3 group-hover:text-renault-yellow transition-colors", children: _jsx(_components.p, { children: "Galerie" }) }), _jsx("div", { className: "text-sm text-gray-600 text-center mb-4 flex-grow", children: _jsx(_components.p, { children: "Extérieur, intérieur, moteur et détails de la Renault 12." }) }), _jsx("div", { className: "text-center", children: _jsx("span", { className: "text-renault-yellow font-semibold text-sm group-hover:underline", children: _jsx(_components.p, { children: "Voir →" }) }) })] }) }), _jsx("a", { href: "/voitures/renault-12/forum", className: "group", children: _jsxs("div", { className: "card hover:shadow-xl transition-all duration-300 group-hover:scale-105 h-full flex flex-col", children: [_jsx("div", { className: "w-16 h-16 bg-renault-yellow rounded-full flex items-center justify-center mx-auto mb-4", children: _jsx("span", { className: "text-2xl", children: "💬" }) }), _jsx("h3", { className: "text-xl font-bold text-center mb-3 group-hover:text-renault-yellow transition-colors", children: _jsx(_components.p, { children: "Forum" }) }), _jsx("div", { className: "text-sm text-gray-600 text-center mb-4 flex-grow", children: _jsx(_components.p, { children: "Questions, entraide, restaurations et retours d’expérience." }) }), _jsx("div", { className: "text-center", children: _jsx("span", { className: "text-renault-yellow font-semibold text-sm group-hover:underline", children: _jsx(_components.p, { children: "Accéder →" }) }) })] }) })] })] }) }) }), "\n", _jsx("section", { className: "section-padding bg-renault-gray", 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-renault-yellow mb-2", children: "4,1 M" }), _jsx("div", { className: "text-sm text-gray-600", children: "ex. (monde, incl. Dacia)" })] }), _jsxs("div", { className: "card text-center", children: [_jsx("h3", { className: "text-2xl font-bold text-renault-yellow mb-2", children: "Gordini" }), _jsx("div", { className: "text-sm text-gray-600", children: "1.6 16v 113 ch DIN" })] }), _jsxs("div", { className: "card text-center", children: [_jsx("h3", { className: "text-2xl font-bold text-renault-yellow mb-2", children: "Break" }), _jsx("div", { className: "text-sm text-gray-600", children: "disponible dès 1970" })] }), _jsxs("div", { className: "card text-center", children: [_jsx("h3", { className: "text-2xl font-bold text-renault-yellow mb-2", children: "1975" }), _jsx("div", { className: "text-sm text-gray-600", children: "restylage majeur" })] })] })] }) }) }), "\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."); }
La Belle Mécanique - Logo

La Belle Mécanique

Découvrez l'art de vivre à travers les automobiles d'exception du monde entier. Une collection dédiée aux voitures classiques internationales.

© 2025 La Belle Mécanique - Collection automobile mondiale

Réalisé par Sylvain Rousset

Fait avec❤️pour les passionnés