Du code
au pixel.

 1import { EnTete, Hero, Prestations, Contact } from '@/blocs' 2  3export default function Accueil() { 4  return ( 5    <Page marque={menuiserieDubois}> 6      <EnTete menu={['Prestations', 'Réalisations', 'Contact']} /> 7      <Hero titre="Menuiserie sur mesure à Tours" photo={atelier} /> 8      <Prestations liste={prestations} colonnes={2} /> 9      <Contact action="Demander un devis" carte="Tours" />10    </Page>11  )12}

… compilation

 1export const pages = [ 2  { chemin: '/', gabarit: Accueil }, 3  { chemin: '/prestations/[slug]', gabarit: Prestation }, 4  { chemin: '/blog', gabarit: Journal }, 5] 6  7export default function Site({ children }) { 8  return ( 9    <>10      <Navigation pages={pages} />11      {children}12      <Contact toujoursVisible />13    </>14  )15}

… compilation

 1export default async function Boutique() { 2  const produits = await catalogue.lister({ enStock: true }) 3  return ( 4    <Rayon> 5      <EnTete recherche filtres={categories} /> 6      {produits.map((p) => ( 7        <Fiche key={p.id} photo={p.photo} nom={p.nom} 8               prix={p.prix} stock={p.stock} /> 9      ))}10      <Panier paiement={stripe} retrait="click-and-collect" />11    </Rayon>12  )13}

… compilation

 1const modules = [ 2  devis(), 3  factures({ relances: true }), 4  planning({ equipes: 3 }), 5  clients(), 6  stocks({ alerte: 5 }), 7  rendezVous({ rappels: "sms" }), 8  caisse(), 9  statistiques(),10]11 12export default function Atelier() {13  return <TableauDeBord modules={modules} donnees={vosDonnees} />14}

… compilation