/* ===========================================================
Oyo Phone — composants partagés
=========================================================== */
/* --- Glyphe "chip" : carte/puce stylisée (formes simples) --- */
function ChipMark({size=34, tone="ink"}){
const body = tone==="light" ? "#fff" : "var(--ink)";
const die = "var(--logo-blue)";
const pin = tone==="light" ? "rgba(255,255,255,.85)" : "var(--ink)";
return (
);
}
/* --- Logo : Oyo Phone — téléphone et clé, version vectorielle transparente --- */
function Logo({size=26, tone="ink"}){
const src = tone==="light" ? "assets/oyo-phone-white.svg" : "assets/oyo-phone-ink.svg";
return (
);
}
/* --- Étoiles Google (note seule, pas de commentaire) --- */
function Stars({value=4.8, size=18, gap=3}){
const full = Math.floor(value);
const frac = value - full;
const star = (fill)=> (
);
return (
{[0,1,2,3,4].map(i=>{
const fill = i{star(fill)};
})}
);
}
/* bloc avis google compact : étoiles + note (aucun texte d'avis) */
function GoogleRating({size=18, light=false, align='left'}){
return (
4,8
/5
Avis Google
);
}
function GoogleG({size=15}){
return (
);
}
/* petite icône trait (ligne/forme simple) */
function Ico({d, size=22, stroke="var(--steel)", sw=1.6}){
return (
);
}
function WhatsAppLogo({size=20}){
return (
);
}
function WhatsAppContactLink({light=false, compact=false, style={}}){
const color = light ? '#fff' : 'var(--ink)';
const muted = light ? 'rgba(255,255,255,.7)' : 'var(--slate)';
return (
WhatsApp
+33 6 42 12 59 24
);
}
/* placeholder image */
function Ph({label, h=220, dark=false, style={}}){
return (
{label}
);
}
function ExteriorPhoto({h=240, style={}}){
return (
75 Cours de Verdun · 01100 Oyonnax
Voir sur Google Maps →
);
}
function FloatingBubbles({items, tone="light", style={}}){
const list = items || ["Sans rendez-vous","Dès 40 min","Devis gratuit","Prix clair"];
return (
{list.map((item,i)=>(
{item}
))}
);
}
/* ====== NAV ====== */
const BMC_ROUTES = {
"Accueil":"#/",
"Nos services":"#/services",
"Micro-soudure":"#/micro-soudure",
"Contact Pro":"#/contact-pro",
"Contact":"#/contact"
};
function BMCGo(href){
if (window.BMCSetRoute) window.BMCSetRoute(href);
else window.location.hash = href;
}
function Nav({active="Accueil", tone="light"}){
const items=["Accueil","Nos services","Micro-soudure","Contact Pro","Contact"];
const dark = tone==="dark";
const txt = dark?'rgba(255,255,255,.78)':'var(--slate)';
return (
);
}
function NavMobile({tone="light"}){
const dark=tone==="dark";
const [open,setOpen] = React.useState(false);
return (
{e.preventDefault();BMCGo("#/");}} style={{textDecoration:'none',display:'inline-flex'}}>
{open && (
)}
);
}
/* ====== FOOTER ====== */
function Footer(){
return (
);
}
function FootCol({title,items}){
return (
{title}
{items.map(i=>{i})}
);
}
Object.assign(window,{ChipMark,Logo,Stars,GoogleRating,GoogleG,Ico,WhatsAppLogo,WhatsAppContactLink,Ph,ExteriorPhoto,FloatingBubbles,Nav,NavMobile,Footer,FootCol,BMC_ROUTES,BMCGo});