A dark, minimalist web interface with gold and white text. Prominently features "PLACEHOLDER 3D" in a central box, "LA MÉCANIQUE À L'ÉTAT BRUT" below it, and an "Ignite" button. Other text elements are present in the corners.

export default function App() { return ( <main className="bg-[#0D0D0D] text-white font-sans overflow-x-hidden"> {/* HERO */} <section className="relative h-screen flex items-center justify-center px-8"> <div className="relative w-full max-w-6xl h-[70vh]"> <div className="absolute inset-0 rounded-xl border border-yellow-600/40 bg-[#181818] flex items-center justify-center"> <span className="text-yellow-500/60 text-3xl tracking-[0.4em] font-black"> PLACEHOLDER 3D </span> </div> <div className="absolute bottom-0 left-0 translate-y-1/3"> <h1 className="text-5xl md:text-8xl font-black uppercase leading-none tracking-tight"> LA MÉCANIQUE <br /> À L'ÉTAT BRUT </h1> </div> </div> <button className="absolute bottom-10 left-1/2 -translate-x-1/2 border border-white/30 px-8 py-3 uppercase tracking-[0.4em] hover:bg-white hover:text-black transition duration-300" > Ignite </button> </section> {/* ADN */} <section className="py-40 px-8"> <div className="max-w-7xl mx-auto grid lg:grid-cols-2 gap-24 items-center"> <div> <p className="text-yellow-500 uppercase tracking-[0.35em] mb-6"> Notre ADN </p> <h2 className="text-5xl md:text-7xl font-black leading-none mb-10"> LA MÉCANIQUE <br /> COMME <br /> UNE ŒUVRE. </h2> <p className="text-gray-400 text-lg leading-9 max-w-xl"> Chaque projet naît d'une obsession : repousser les limites de la mécanique, du design et de la performance. Rien n'est standard. Chaque détail est pensé pour provoquer une émotion brute dès le premier regard. </p> </div> <div Ver más