Onfaçonnedesproduitsdigitauxquivousressemblent.

1// hero.tsx — votre futur site2import { motion } from "framer-motion";3import { Button } from "@/ui/button";4 5const TITLE = "Votre site, en ligne.";6const STEPS = ["Design", "Code", "SEO"];7 8export default function Hero() {9  return (10    <section className="hero">11      <motion.h112        initial={{ opacity: 0, y: 24 }}13        animate={{ opacity: 1, y: 0 }}14        transition={{ type: "spring" }}15      >16        {TITLE}17      </motion.h1>18 19      <ul className="hero__steps">20        {STEPS.map((s) => (21          <li key={s}>{s}</li>22        ))}23      </ul>24 25      <Button href="/contact">26        Lancer le projet27      </Button>28    </section>29  );30}