// ============================================================================ // geneltec-page-shell.jsx — shared components for all inner pages // InnerNav · PageHero · Footer · PageLayout // ============================================================================ const { useState, useEffect, useRef } = React; const { motion, Icon, ChevronRight, ArrowUpRight, Zap, Phone } = window; // ---- Extra icons ----------------------------------------------------------- const FileText = (p) => ( ); const HelpCircle = (p) => ( ); const Layers = (p) => ( ); const Grid = (p) => ( ); const Users = (p) => ( ); const Mail = (p) => ( ); const MapPin = (p) => ( ); const Globe = (p) => ( ); const Check = (p) => (); const Home = (p) => ( ); // ---- Navigation pages list ------------------------------------------------- const NAV_PAGES = [ { label: "Services", href: "services.html" }, { label: "Portfolio", href: "portfolio.html" }, { label: "Processus", href: "processus.html" }, { label: "À propos", href: "about.html" }, { label: "FAQ", href: "faq.html" }, { label: "Brochure", href: "brochure.html" }, ]; function getCurrentPage() { if (typeof window === "undefined") return ""; return window.location.pathname.split("/").pop() || "index.html"; } // ============================================================================ // InnerNav — solid dark navbar for inner pages // ============================================================================ function InnerNav() { const [open, setOpen] = useState(false); const current = getCurrentPage(); return (
{/* Mobile dropdown */} {open && (
{NAV_PAGES.map((p) => ( {p.label} ))} Devis gratuit →
)}
); } // ============================================================================ // PageHero — dark header for inner pages // ============================================================================ function PageHero({ eyebrow, title, lead, accent }) { return (
{/* Grid overlay */}
{/* Brand glow */}
{eyebrow}

{title}{accent && {accent}}

{lead && (

{lead}

)}
); } // ============================================================================ // Footer // ============================================================================ function FooterCol({ title, items, mono }) { return (

{title}

    {items.map((it) => (
  • {it}
    • ))}
); } function Footer() { return (
Geneltec

Solutions électriques et technologiques intégrées. Industriel, tertiaire et résidentiel — partout au Maroc.

Disponible 24/7
© 2026 Geneltec · Smart Technology · Tous droits réservés Mohammedia · Casablanca · Rabat · Marrakech
); } // ============================================================================ // SectionTag — reusable across pages // ============================================================================ function SectionTag({ num, label, dark }) { return (
{num} {label}
); } // ============================================================================ // ContactCTA — reusable bottom CTA banner // ============================================================================ function ContactCTA({ title = "Un projet en tête ?", sub = "Étude offerte · Réponse sous 24h · Partout au Maroc" }) { return (

{title}

{sub}

Demander un devis
); } // Exports Object.assign(window, { InnerNav, PageHero, Footer, SectionTag, ContactCTA, FileText, HelpCircle, Layers, Grid, Users, Mail, MapPin, Globe, Check, Home });