import React, { useState, useEffect } from 'react'; import { CheckCircle, Search, ShieldCheck, Menu, X, Mail, Phone, MapPin, ArrowRight, Star, Layout, Code, Target, Globe, TrendingUp, Award, ChevronDown, Clock, Server, Zap, Lock, ArrowUpRight, Monitor, Smartphone, ChevronRight, BarChart, Users, Briefcase } from 'lucide-react'; // --- DATA & CONTENT REPOSITORY --- // STRATÉGIE SEO LOCAL : Structure Hub & Spoke const LOCATIONS = { geneve: { title: "Canton de Genève", cities: [ { name: "Genève Centre", id: "geneva-seo" }, // Page Pilier { name: "Carouge", id: "contact" }, { name: "Lancy", id: "contact" }, { name: "Vernier", id: "contact" }, { name: "Eaux-Vives", id: "contact" } ] }, vaud: { title: "Canton de Vaud", cities: [ { name: "Lausanne", id: "contact" }, // À venir { name: "Yverdon", id: "contact" }, { name: "Montreux", id: "contact" }, { name: "Nyon", id: "contact" }, { name: "Morges", id: "contact" } ] }, fribourg: { title: "Fribourg / Neuchâtel", cities: [ { name: "Fribourg", id: "contact" }, { name: "Bulle", id: "contact" }, { name: "Neuchâtel", id: "contact" }, { name: "La Chaux-de-Fonds", id: "contact" } ] } }; const NAV_LINKS = [ { id: 'home', label: 'Accueil', type: 'link' }, { id: 'services', label: 'Nos Services', type: 'link' }, { id: 'pricing', label: 'Tarifs', type: 'link' }, { id: 'locations', label: 'Zones d\'intervention', type: 'dropdown' }, { id: 'insights', label: 'Ressources', type: 'link' }, { id: 'contact', label: 'Contact', type: 'link' }, ]; const TESTIMONIALS = [ { name: "Sarah M.", role: "Architecte d'intérieur, Genève", text: "Je repoussais la création de mon site à cause du prix (on me demandait 6000 CHF). Avec Netzy, j'ai eu un site magnifique pour 149 CHF/mois, et surtout, je ne m'occupe de rien. Le support change mes photos en 2h.", rating: 5 }, { name: "Marc D.", role: "Fondateur Startup FinTech, Lausanne", text: "Nous avions besoin de rapidité et de performance. L'approche 'As-a-Service' colle parfaitement à notre modèle. Le site est une SPA React ultra-rapide, le SEO a décollé en 3 mois.", rating: 5 }, { name: "Boulangerie L'Épi", role: "Artisan, Fribourg", text: "Simple, efficace. Je voulais juste être visible sur Google Maps et avoir mes horaires à jour. Netzy s'occupe de tout pour le prix d'un café par jour.", rating: 5 } ]; const DETAILED_SERVICES = [ { icon: , title: "Design UX/UI & Branding", desc: "Nous ne faisons pas que du 'beau'. Nous concevons des interfaces orientées conversion. Chaque bouton, chaque image est placée stratégiquement pour guider le visiteur vers l'action.", points: ["Maquettes Figma", "Design Mobile-First", "Identité visuelle", "Accessibilité web"] }, { icon: , title: "Développement React", desc: "Oubliez les thèmes WordPress lents. Nous codons en React/Next.js, les technologies utilisées par les géants du web. Résultat : une sécurité totale et une vitesse fulgurante.", points: ["Single Page Apps", "Architecture Headless", "Code propre", "API Intégrations"] }, { icon: , title: "SEO & Référencement", desc: "Avoir un site que personne ne trouve ne sert à rien. Nous optimisons la structure technique pour Google et gérons votre présence locale pour que vos voisins deviennent vos clients.", points: ["Google My Business", "Contenu SEO", "Maillage interne", "Core Web Vitals"] }, { icon: , title: "Maintenance Gérée", desc: "Le web est hostile. Nous mettons en place des pare-feux, des sauvegardes horaires et des mises à jour automatiques. Dormez tranquille, nous veillons au grain.", points: ["Anti-DDoS", "Certificats SSL", "Sauvegardes Cloud", "Monitoring 24/7"] } ]; const PRICING_PLANS = [ { name: "Essential", price: "79", currency: "CHF", period: "/mois", idealFor: "Indépendants", description: "L'essentiel pour exister en ligne avec professionnalisme.", features: [ "Site Vitrine One-Page ou 5 pages", "Hébergement Cloud Suisse", "Nom de domaine inclus", "Maintenance technique", "Modifications mineures (1h/mois)" ], highlight: false }, { name: "Growth", price: "149", currency: "CHF", period: "/mois", idealFor: "PME & Artisans", description: "Pour acquérir des clients et dominer votre secteur local.", features: [ "Pages illimitées", "Stratégie SEO Locale avancée", "Blog / Actualités", "Rapports de performance mensuels", "Modifications illimitées (texte/image)", "Support prioritaire WhatsApp" ], highlight: true }, { name: "Commerce", price: "299", currency: "CHF", period: "/mois", idealFor: "E-commerçants", description: "Une boutique en ligne performante sans les bugs.", features: [ "Catalogue produits (jusqu'à 100)", "Paiements (Stripe, Twint, PayPal)", "Gestion des stocks", "Emails transactionnels", "SEO E-commerce", "Formation admin incluse" ], highlight: false } ]; // --- COMPONENTS --- const SectionTitle = ({ title, subtitle, align = 'center', light = false }) => (

{title}

{subtitle}

); const Button = ({ children, variant = 'primary', onClick, className = '' }) => { const baseStyle = "inline-flex items-center justify-center px-8 py-4 text-base font-bold transition-all duration-200"; const variants = { primary: "bg-indigo-600 text-white hover:bg-indigo-700 shadow-lg shadow-indigo-200 rounded-lg", secondary: "bg-slate-900 text-white hover:bg-slate-800 rounded-lg", outline: "bg-transparent border-2 border-indigo-600 text-indigo-600 hover:bg-indigo-50 rounded-lg", white: "bg-white text-indigo-900 hover:bg-indigo-50 shadow-lg rounded-lg" }; return ( {children} ); }; const Card = ({ children, className = "" }) => (

{children}

); // --- PAGES CONTENT --- // 1. HOME PAGE const HomePage = ({ navigateTo }) => (

{/* Clean Swiss Style Hero */}

{/* Subtle Grid Background */}

{/* Decorative Blob */}

Agence Web Suisse N°1 par Abonnement

Votre site web,
sans l'investissement.

Netzy révolutionne le web suisse. Une technologie d'agence premium, accessible par abonnement mensuel. Tout inclus, sans engagement long terme.

navigateTo('pricing')} className="rounded-full px-10"> Voir les tarifs navigateTo('contact')} className="rounded-full border-slate-200 text-slate-600 hover:border-slate-900 hover:text-slate-900 hover:bg-transparent"> Parler à un expert

{/* Hero Image / Dashboard Mockup */}

{/* Abstract UI Representation */}

{/* Header Mockup */}

{/* Body Mockup */}

SEO Score 100

{/* Floating Badges */}

Trafic mensuel

+127%

Vitesse

0.4s

{/* Brand Strip */}

Helvetica.

SWISSTECH

CODE/LAB

GENEVA

LemanDigital

{/* Modern Bento Grid Features */}

L'obsolescence programmée des agences web,
c'est terminé.

Le modèle traditionnel (payer 10k CHF puis être abandonné) ne fonctionne plus. Passez au modèle "Web-as-a-Service".

{/* Card 1: Large */}

Design Suisse Premium

Nous appliquons les principes du design suisse : minimalisme, précision et fonctionnalité. Votre site inspire confiance instantanément.

navigateTo('services')} className="text-white font-bold flex items-center hover:underline"> Voir nos réalisations

{/* Card 2 */}

navigateTo('services')}>

100% Mobile First

60% de vos clients sont sur mobile. Nos sites sont conçus pour le pouce avant la souris.

{/* Card 3 */}

navigateTo('services')}>

Performance Extrême

Score Google PageSpeed garanti > 90/100. Un site rapide convertit 2x plus.

{/* Services Horizontal Scroll / List */}

{DETAILED_SERVICES.map((s, i) => (

{s.icon}

{s.title}

{s.desc}

{s.points.map((p, idx) => (
• {p}
))}

))}

{/* Social Proof / Testimonials */}

Ils nous font confiance

Rejoignez plus de 150 entreprises romandes.

{TESTIMONIALS.map((t, i) => (

{[...Array(t.rating)].map((_, i) => )}

"{t.text}"

{t.name.charAt(0)}

{t.name}

{t.role}

))}

{/* Final CTA Strip */}

Votre croissance commence ici.

Démarrez avec l'offre Essential à 79 CHF/mois. Satisfait ou remboursé sous 30 jours.

navigateTo('contact')}> Démarrer maintenant navigateTo('pricing')}> Consulter les offres

); // 2. GENEVA SEO PILLAR PAGE (MASSIVE 5000+ WORDS STRUCTURE) const GenevaSeoPage = ({ navigateTo }) => (

{/* SECTION 1: Local SEO Hero */}

Agence Web & SEO à Genève

Création de Site Internet
Haute Performance à Genève

Propulsez votre entreprise genevoise avec un site web conçu pour convertir. Technologie React, Référencement Local avancé et conformité nLPD incluse.

navigateTo('contact')} className="shadow-red-900/20 hover:shadow-red-500/40"> Demander un audit gratuit navigateTo('pricing')}> Voir les tarifs locaux

{/* SECTION 2: INTRO - LE CONSTAT (THE PROBLEM) */}

Pourquoi créer un site internet à Genève est-il devenu si complexe ?

Le marché du web à Genève est saturé d'offres contradictoires. Entre les agences de la Rue du Rhône facturant 20'000 CHF le site vitrine et les freelances low-cost sans garantie de suivi, les PME genevoises se retrouvent souvent dans une impasse.

À Genève, Carouge, Meyrin ou Lancy, la concurrence numérique est féroce. Avoir un site ne suffit plus. Il faut une machine de guerre digitale capable de :

• Charger en moins de 0.5 seconde pour satisfaire les algorithmes de Google.
• Convertir les visiteurs coûteux (CPC élevé à Genève) en clients fidèles.
• Respecter la nouvelle loi nLPD entrée en vigueur en septembre 2023.
• Se démarquer visuellement des templates WordPress utilisés par 90% de vos concurrents.

Chez Netzy, nous avons décidé de briser ce modèle obsolète. Nous apportons la technologie des startups de la Silicon Valley (React, Next.js, Vercel) aux artisans, commerçants et PME du bassin lémanique, le tout pour un abonnement mensuel transparent.

{/* SECTION 3: COMPARATIF (TABLEAU) */}

Critère	Agence Traditionnelle	Freelance (WordPress)	Netzy.ch
Coût initial (Setup)	5'000 - 25'000 CHF	2'000 - 5'000 CHF	0 CHF
Délai de livraison	2 à 6 mois	3 à 6 semaines	7 à 10 jours
Technologie	WordPress / Drupal	WordPress + Divi/Elementor	React / Next.js (Code sur-mesure)
Performance (Google)	Moyenne (50-70/100)	Faible (30-50/100)	Excellente (95-100/100)
Maintenance	Contrat annuel coûteux	À la charge du client (risqué)	Incluse & Illimitée
Sécurité	Mises à jour manuelles	Vulnérabilité plugins	Architecture inviolable

{/* SECTION 4: LOCAL SEO STRATEGY (CLUSTER) */}

Expertise Locale

Dominer Google Maps à Genève

Pour une entreprise locale (restaurant, coiffeur, avocat, fiduciaire), 46% des recherches sur Google ont une intention locale. Si vous n'apparaissez pas dans le "Pack Local" (la carte avec les 3 résultats), vous n'existez pas.

Notre stratégie "Geneva First" inclut :

Optimisation Fiche Google My Business

Configuration complète, ajout de produits/services, optimisation des catégories secondaires et gestion des attributs locaux.

Citations Locales Suisses

Inscription manuelle sur les annuaires suisses de référence (Local.ch, Search.ch) pour renforcer l'autorité de domaine.

Pages Géolocalisées (Landing Pages)

Création de pages spécifiques pour chaque commune cible (ex: "Avocat Carouge", "Avocat Eaux-Vives") pour capturer le trafic de longue traîne.

analytics.google.com

Mots-clés positionnés (Top 3)

487

Impressions

45.2k

Clics (CTR 4.8%)

2.1k

Votre trafic organique a augmenté de 240% depuis la refonte Netzy.

{/* SECTION 5: METHODOLOGIE (4 STEPS DETAILED) */}

{[ { step: "01", title: "L'Audit & La Stratégie", text: "Tout commence par une analyse de vos concurrents à Genève. Nous identifions les opportunités de mots-clés (Keyword Gap Analysis) et définissons l'architecture de l'information (Sitemap) pour maximiser l'expérience utilisateur." }, { step: "02", title: "Design UI/UX & Maquettage", text: "Nous créons une identité visuelle forte. Pas de modèles préconçus. Nous dessinons chaque écran sur Figma en privilégiant l'approche 'Mobile First'. Nous validons ensemble l'ergonomie avant de passer au code." }, { step: "03", title: "Développement React (Next.js)", text: "C'est notre secret. Nous codons votre site en JavaScript moderne (React). Le code est compilé en HTML statique ultra-léger. Résultat : une sécurité totale (pas de base de données exposée) et une vitesse instantanée." }, { step: "04", title: "Lancement & Indexation", text: "Nous configurons la Search Console, soumettons le sitemap XML à Google, et mettons en place le tracking (Google Analytics 4). Nous vérifions la conformité nLPD et activons les certificats SSL." } ].map((item, i) => (

{item.step}

{item.title}

{item.text}

))}

{/* SECTION 6: TECH STACK DEEP DIVE */}

Technologie

Pourquoi nous refusons WordPress pour vos projets critiques.

WordPress propulse 40% du web, mais c'est aussi 90% des sites piratés. Pour une entreprise sérieuse à Genève, la lourdeur, la maintenance constante des plugins et la lenteur ne sont plus acceptables en 2024.

• Jamstack : Architecture sans serveur pour une vitesse x10.
• Sécurité : Pas de base de données SQL exposée aux hackers.
• Stabilité : Le site ne peut pas "crasher" suite à une mise à jour plugin.

Comparatif Vitesse (Core Web Vitals)

Site Netzy (Next.js) 99/100

Site WordPress (Moyen) 55/100

Site Wix / Squarespace 35/100

"Google a confirmé que la vitesse de chargement est un facteur de classement officiel pour le référencement mobile."

{/* SECTION 7: SECURITY & SWISS HOSTING */}

Conformité nLPD

Depuis le 1er sept 2023, la nouvelle loi exige une transparence totale. Nous générons vos mentions légales et politiques de confidentialité conformes.

Données en Suisse

Nous privilégions des hébergeurs dont les datacenters sont situés en Suisse (Genève ou Zurich) pour garantir la souveraineté de vos données.

Certificats SSL Wildcard

Le cadenas vert n'est pas une option. Toutes les connexions sont cryptées (HTTPS/TLS 1.3) pour protéger les données de vos clients.

{/* SECTION 8: ZONES D'INTERVENTION (EXPANDED GRID) */}

Nous intervenons dans tout le Canton de Genève

Chaque quartier a ses spécificités. Un site pour un restaurant aux Pâquis ne se conçoit pas comme celui d'une clinique privée à Champel. Nous connaissons le terrain.

{[ { city: "Genève-Cité", desc: "Hyper-centre, Banques, Luxe" }, { city: "Carouge", desc: "Artisans, Bars, Ambiance Bohème" }, { city: "Eaux-Vives", desc: "Cabinets d'avocats, Restaurants" }, { city: "Plainpalais", desc: "Université, Culture, Jeunesse" }, { city: "Champel", desc: "Médical, Résidentiel, Calme" }, { city: "Les Pâquis", desc: "Hôtellerie, Vie nocturne, Diversité" }, { city: "Servette", desc: "Organisations Internationales" }, { city: "Meyrin", desc: "Industrie, CERN, Innovation" }, { city: "Vernier", desc: "Zones industrielles, Logistique" }, { city: "Lancy", desc: "Nouveaux quartiers, PME, Familles" }, { city: "Plan-les-Ouates", desc: "Horlogerie, Tech, BioTech" }, { city: "Versoix", desc: "Lac, Écoles internationales" }, { city: "Cologny", desc: "Immobilier de prestige, Vues Lac" }, { city: "Thônex", desc: "Frontière, Commerce, Transit" }, { city: "Bernex", desc: "Vignobles, Campagne urbaine" }, { city: "Grand-Saconnex", desc: "Aéroport, Palexpo, Congrès" } ].map((zone, i) => (

{zone.city}

{zone.desc}

))}

{/* SECTION 9: INDUSTRY FOCUS */}

Avocats & Fiduciaires

Votre site doit inspirer une confiance absolue. Design sobre, typographie suisse, photos professionnelles.

• Module prise de RDV sécurisé
• Publication d'articles juridiques

Artisans & Rénovation

Montrez votre savoir-faire. Galeries avant/après, demande de devis simplifiée, référencement local fort.

• Portfolio filtrable par projet
• Intégration avis Google

Thérapeutes & Santé

Empathie et clarté. Présentation des soins, intégration OneDoc, respect strict confidentialité.

• Design apaisant & accessible
• Connexion agenda médical

{/* SECTION 10: SUCCESS STORY (MINI CASE STUDY) */}

Étude de Cas

Comment "Le Garage Rossi" a doublé ses demandes de devis à Vernier.

Avant Netzy, le Garage Rossi avait un site vieux de 2012, non compatible mobile. Ils étaient invisibles sur Google Maps.

Trafic Mobile +145%

Appels depuis le site x3.5

navigateTo('insights')}>Lire l'étude complète

[Image Avant/Après Site Web]

{/* SECTION 11: ROI CALCULATOR / PRICING ANALYSIS */}

Comprendre votre retour sur investissement

Un site web n'est pas une dépense, c'est un actif. Avec notre modèle locatif, vous préservez votre trésorerie pour le marketing.

Modèle "Agence Classique"

• Acompte démarrage 4'000 CHF
• Solde livraison 4'000 CHF
• Maintenance an 1 1'200 CHF
• Total an 1 9'200 CHF

Risque élevé : Si le site ne rapporte pas, vous avez perdu 9k.

RECOMMANDÉ

Modèle Netzy Growth

• Acompte démarrage 0 CHF
• Mensualités (x12) 1'788 CHF
• Maintenance & Hosting Inclus
• Total an 1 1'788 CHF

Risque nul : Vous gardez 7'400 CHF de cash pour vos Ads.

{/* SECTION 12: FAQ MASSIVE */}

{[ { q: "Je suis déjà engagé avec une autre agence genevoise, comment migrer ?", a: "C'est très simple. Nous nous occupons du transfert de votre nom de domaine (.ch) et de la récupération de vos contenus. Nous recréons votre site sur notre technologie moderne sans coupure de service. Nous gérons la partie technique avec votre ancien prestataire." }, { q: "Le site m'appartient-il vraiment ?", a: "Oui pour le contenu (textes, images, base client), non pour le code source de l'application (le moteur Netzy). C'est comme louer un local commercial : les murs ne sont pas à vous, mais le fonds de commerce si. Vous pouvez récupérer toutes vos données à tout moment (export JSON/CSV). Une option de rachat du code (Buyout) est possible après 24 mois." }, { q: "Puis-je modifier mon site moi-même ?", a: "Oui, mais vous n'aurez pas envie de le faire. Notre service inclut les modifications illimitées. Vous nous envoyez un WhatsApp : 'Change la photo du plat du jour' ou 'Ajoute ce témoignage', et c'est fait dans la journée. C'est du vrai service de conciergerie digitale." }, { q: "Allez-vous référencer mon site hors de Genève ?", a: "Oui, si votre stratégie le demande. Si vous vendez en ligne dans toute la Suisse, nous adapterons la stratégie SEO pour cibler 'Suisse Romande' ou des mots-clés nationaux. Le focus local n'est pas une limitation, c'est une fondation." }, { q: "Combien de temps pour être en 1ère page de Google ?", a: "Le SEO est un marathon. Pour des mots-clés peu concurrentiels (ex: 'Ostéopathe Veyrier'), cela peut prendre 3 à 6 semaines. Pour des termes très disputés (ex: 'Avocat Genève'), comptez 3 à 6 mois de travail de fond sur le contenu et les backlinks. Avec notre structure technique optimisée, vous partez avec une longueur d'avance." }, { q: "Y a-t-il des frais cachés ?", a: "Aucun. L'abonnement couvre : Hébergement, Nom de domaine, Certificat SSL, Maintenance, Mises à jour, Modifications mineures et Support. Seuls les frais tiers (budget Google Ads, abonnement outil spécifique externe) ne sont pas inclus." } ].map((faq, i) => (

{faq.q}

{faq.a}

))}

{/* SECTION 13: FINAL CTA */}

Ne laissez pas vos concurrents
prendre votre place.

Chaque jour sans site performant est un jour où vos clients vont voir ailleurs.
Commencez votre transformation digitale aujourd'hui.

navigateTo('contact')} className="text-lg px-10 py-5"> Lancer mon projet navigateTo('pricing')}> Voir les abonnements

Sans engagement de durée • Satisfait ou remboursé 30 jours

); // 3. SERVICES PAGE const ServicesPage = () => (

{DETAILED_SERVICES.map((service, index) => (

{React.cloneElement(service.icon, { className: "w-24 h-24 text-indigo-300 opacity-80" })}

{service.icon}

{service.title}

{service.desc}

{service.points.map((point, i) => (

{point}

))}

))}

); // 4. PRICING PAGE const PricingPage = ({ navigateTo }) => (

{PRICING_PLANS.map((plan, index) => (

{plan.highlight && (

BEST SELLER

)}

{plan.name}

{plan.idealFor}

{plan.price} {plan.currency} {plan.period}

{plan.description}

{plan.features.map((feature, i) => (
• {feature}
))}

navigateTo('contact')} > Choisir {plan.name}

))}

); // 5. INSIGHTS PAGE const InsightsPage = () => (

Guide Technique

Comprendre les Core Web Vitals

Google ne classe plus les sites seulement sur les mots-clés, mais sur "l'expérience utilisateur". La vitesse (LCP) et la stabilité visuelle (CLS) sont critiques.

Lire l'article →

Loi Suisse

Nouvelle nLPD : Êtes-vous conforme ?

Depuis septembre 2023, la nouvelle Loi sur la Protection des Données impose des règles strictes. Nous gérons la conformité pour vous.

Lire l'article →

); // 6. CONTACT PAGE const ContactPage = () => (

Prêt à décoller ?

Discutons de votre projet. C'est gratuit et sans engagement. Nous analysons votre présence actuelle et vous proposons une stratégie.

Email

hello@netzy.ch

Téléphone

+41 79 000 00 00

Lausanne, Suisse

Avenue de la Gare 12

e.preventDefault()}>

Envoyez-nous un message

Prénom

Nom

Email

Sujet Je veux créer un site vitrine Je veux lancer un e-commerce Audit de mon site actuel Partenariat / Autre

Détails

Lancer la discussion

); // --- MAIN LAYOUT & APP --- const Footer = ({ navigateTo }) => ( ); const App = () => { const [currentPage, setCurrentPage] = useState('home'); const [mobileMenuOpen, setMobileMenuOpen] = useState(false); const [scrolled, setScrolled] = useState(false); // States for Menus const [isMegaMenuOpen, setIsMegaMenuOpen] = useState(false); const [mobileSubMenuOpen, setMobileSubMenuOpen] = useState(false); useEffect(() => { const handleScroll = () => { setScrolled(window.scrollY > 50); }; window.addEventListener('scroll', handleScroll); return () => window.removeEventListener('scroll', handleScroll); }, []); const navigateTo = (pageId) => { setCurrentPage(pageId); setMobileMenuOpen(false); setIsMegaMenuOpen(false); window.scrollTo(0, 0); }; const renderPage = () => { switch(currentPage) { case 'home': return ; case 'services': return ; case 'pricing': return ; case 'geneva-seo': return ; case 'insights': return ; case 'contact': return ; default: return ; } }; const isDarkHeroPage = currentPage === 'pricing' || currentPage === 'geneva-seo' || currentPage === 'contact'; const navTextColor = (scrolled || !isDarkHeroPage) ? 'text-slate-900' : 'text-white'; const logoTextColor = (scrolled || !isDarkHeroPage) ? 'text-slate-900' : 'text-white'; const navLinkColor = (scrolled || !isDarkHeroPage) ? 'text-slate-600 hover:text-indigo-600' : 'text-slate-300 hover:text-white'; const mobileMenuBtnColor = (scrolled || !isDarkHeroPage) ? 'text-slate-900' : 'text-white'; return (

{/* Navbar */}

{/* Logo */}

navigateTo('home')} >

Netzy.ch

{/* Desktop Nav with Mega Menu */} {/* CTA & Mobile Toggle */}

navigateTo('contact')} > Projet setMobileMenuOpen(!mobileMenuOpen)} > {mobileMenuOpen ? : }

{/* Mobile Menu */} {mobileMenuOpen && (

{NAV_LINKS.map(link => { if (link.type === 'dropdown') { return (

setMobileSubMenuOpen(!mobileSubMenuOpen)} className="flex justify-between items-center w-full text-lg font-semibold text-slate-600 py-2" > {link.label} {/* Mobile Submenu Accordion */} {mobileSubMenuOpen && (

{Object.entries(LOCATIONS).map(([key, region]) => (

{region.title}

{region.cities.map((city, idx) => ( navigateTo(city.id)} className="text-left text-sm text-slate-500 py-1" > {city.name} ))}

))}

)}

); } return ( navigateTo(link.id)} className={`text-lg font-semibold text-left py-3 border-b border-slate-50 ${currentPage === link.id ? 'text-indigo-600' : 'text-slate-600'}`} > {link.label} ); })} navigateTo('contact')} > Démarrer mon projet

)}

{/* Main Content Area */}

{renderPage()}

); }; export default App;