'use client'; import { useEffect, useRef } from 'react'; export default function HeroSection() { const sectionRef = useRef(null); useEffect(() => { const section = sectionRef.current; if (!section) return; const items = section.querySelectorAll('.hero-reveal'); items.forEach((el, i) => { setTimeout(() => { el.style.opacity = '1'; el.style.transform = 'translateY(0)'; }, 120 + i * 110); }); }, []); return (
{/* Main content */}
{/* Left — editorial text */}
{/* Label */}
Développeur Full Stack & Architecte Web
{/* Headline */}

Ensemble,
construisons
ce qui dure.

{/* Description */}

Je conçois des architectures robustes, scalables et pérennes — des fondations qui supportent la croissance de votre produit dans le temps.

{/* CTA */}
{/* Right — portrait */}
{/* Decorative accent ring */}
Mathéo Guilbert, développeur Full Stack {/* Subtle vignette */}
{/* Bottom bar — scroll indicator */}
{/* Tech tags */}
{['FastAPI', 'React', 'PostgreSQL', 'Docker'].map((tag) => ( {tag} ))}
{/* Scroll arrow */}
Défiler
); }