import Link from "next/link"; import { AppelAction } from "@/components/AppelAction"; import { Photo } from "@/components/Photo"; import { CarteRealisation } from "@/components/CarteRealisation"; import { Chevrons, ChevronsFiligrane } from "@/components/Chevrons"; import { IconeAtelier, IconeCle, IconeFleche, IconeGlobe } from "@/components/Icones"; import { REALISATIONS_EN_AVANT } from "@/content/realisations"; import { metadonneesPage } from "@/lib/metadonnees"; import { POSITIONNEMENT, SITE } from "@/lib/site"; /** * ── APPRENTISSAGE ──────────────────────────────────────────────────────────── * UNE PAGE = UN FICHIER `page.tsx` DANS UN DOSSIER. * src/app/page.tsx -> / * src/app/realisations/page.tsx -> /realisations/ * Le routage vient de l'arborescence de fichiers, exactement comme tes anciens * dossiers Apache — sauf qu'il n'y a plus de front controller à écrire. * * Deux exports par page : * - `metadata` : ce qui part dans le (title, description, canonique…) * - `export default` : le composant qui rend la page. * ───────────────────────────────────────────────────────────────────────────── */ export const metadata = metadonneesPage({ titre: "Logiciels de gestion sur mesure & sites internet | Laval", description: "On développe les logiciels qui font tourner les lieux et les ateliers : " + "réservation, codes d'accès, suivi de production, interventions. Et les " + "sites internet qui vont avec. Laval, Mayenne et Grand Ouest.", chemin: "/", }); const FAMILLES_OFFRE = [ { icone: IconeCle, titre: "Accès & réservation", accroche: "Réserver, payer, recevoir un code, entrer. Sans intervention humaine.", points: [ "Espaces, logements, box, salles, parkings, emplacements", "Codes d'accès envoyés par mail et par SMS", "Ouverture pilotée par l'état du paiement", ], href: "/logiciels-sur-mesure/", lien: "Voir l'offre logiciels", }, { icone: IconeAtelier, titre: "Logiciels d'exploitation", accroche: "L'outil quand le tableur craque et que le logiciel du marché est trop rigide.", points: [ "Production, stock, interventions, tournées", "Gestion locative, suivi commercial, reporting", "Interconnexion avec ce que vous avez déjà", ], href: "/logiciels-sur-mesure/", lien: "Voir l'offre logiciels", }, { icone: IconeGlobe, titre: "Sites internet", accroche: "Souvent le premier contrat. La porte d'entrée, pas la destination.", points: [ "Vitrines et boutiques en ligne", "Référencement local, ville par ville", "Fiche Google Business et performance", ], href: "/sites-internet/", lien: "Voir l'offre sites internet", }, ]; export default function PageAccueil() { return ( <> {/* ══ Hero — le manifeste ══════════════════════════════════════════ */}

{SITE.ville} · {SITE.departement} · Grand Ouest

{/* Une seule

par page — ici, la phrase de positionnement. */}

{POSITIONNEMENT.phrase}

{POSITIONNEMENT.sousPhrase}

Parler de votre projet Voir ce qu'on a livré
{/* ══ Photo pleine largeur ═════════════════════════════════════════ */}
{/* ══ Le manifeste développé ═══════════════════════════════════════ */}

Ni tableur, ni classeur, ni ressaisie.

Nos plateformes gèrent des{" "} box de stockage qui s'ouvrent seuls après paiement, des gîtes qui envoient leurs codes d'accès aux voyageurs, des badges de copropriété, des ateliers qui calculent leur production du jour, des équipes terrain qui suivent leurs interventions.

Un outil qui colle à votre façon de travailler — pas l'inverse. Et parce que tout commence souvent là :{" "} des sites internet qui se trouvent sur Google .

Derrière tout ça, dix ans à équiper des usines en suivi de production, mis au service des entreprises d'ici.

{/* ══ Les trois familles ═══════════════════════════════════════════ */}

Ce qu'on fait

Trois familles de travail. Dans cet ordre.

{FAMILLES_OFFRE.map((famille) => { // On copie le composant d'icône dans une variable dont le nom // commence par une MAJUSCULE : c'est la condition pour que JSX le // traite comme un composant et non comme une balise HTML. const Icone = famille.icone; return (

{famille.titre}

{famille.accroche}

    {famille.points.map((point) => (
  • {point}
    • ))}
{famille.lien}
); })}
{/* ══ Trois cas en aperçu ══════════════════════════════════════════ */}

En production

Des outils qui tournent tous les jours, chez des gens d'ici.

Les six cas
{REALISATIONS_EN_AVANT.map((cas) => ( ))}
); }