/** @jsxImportSource https://esm.sh/react@18.2.0 */ import React, { useState, useEffect } from "https://esm.sh/react@18.2.0"; import { createRoot } from "https://esm.sh/react-dom@18.2.0/client"; // SVG illustrations (unchanged) const ComputerSVG = () => ( ); const CleaningSVG = () => ( ); const DiagnosticSVG = () => ( ); const RepairSVG = () => ( ); const BackupSVG = () => ( ); const InstallationSVG = () => ( ); const SupportSVG = () => ( ); // Service page components (unchanged) function DiagnosticGratuitPage() { return (

Diagnostic Gratuit

Notre service de diagnostic gratuit vous offre une analyse complète de votre système informatique.

Ce que nous faisons :

Vérification du matériel
Scan antivirus
Analyse des performances
Vérification de l'état du disque dur

Avantages :

Gratuit et sans engagement
Identification des problèmes potentiels
Recommandations personnalisées

); } function NettoyageOptimisationPage() { return (

Nettoyage & Optimisation

Notre service de nettoyage et d'optimisation vous permet d'accélérer votre ordinateur et d'améliorer ses performances.

Ce que nous faisons :

Nettoyage des fichiers temporaires et inutiles
Optimisation du démarrage et de l'arrêt
Mise à jour des pilotes
Défragmentation du disque dur (si nécessaire)
Vérification et suppression des logiciels malveillants

Avantages :

Amélioration significative des performances
Augmentation de l'espace de stockage disponible
Réduction des temps de chargement
Prolongation de la durée de vie de votre ordinateur

); } function ReparationMateriellePage() { return (

Réparation Matérielle

Notre service de réparation matérielle couvre tous les composants de votre ordinateur pour le remettre en état de marche.

Ce que nous réparons :

Carte mère
RAM
Disque dur / SSD
Ventilateurs et système de refroidissement
Alimentation

Avantages :

Diagnostic précis
Réparation professionnelle
Garantie sur les réparations

); } function SauvegardeRecuperationPage() { return (

Sauvegarde & Récupération

Notre service de sauvegarde et récupération vous aide à protéger vos données importantes et à les récupérer en cas de problème.

Ce que nous proposons :

Sauvegarde en ligne
Sauvegarde sur disque externe
Récupération de données perdues
Cryptage des sauvegardes

Avantages :

Protection contre la perte de données
Restauration rapide en cas de problème
Confidentialité assurée

); } function InstallationLogiciellePage() { return (

Installation Logicielle

Notre service d'installation logicielle vous permet de configurer votre ordinateur selon vos besoins spécifiques.

Ce que nous installons :

{" "} window.history.pushState(null, '', '/tarif-systemes-exploitation')}> Systèmes d'exploitation
Logiciels de sécurité
Suites bureautiques
Logiciels de création
Jeux et divertissements

Avantages :

Installation professionnelle
Configuration optimisée
Formation à l'utilisation

); } function SupportDistancePage() { return (

Support à Distance

Notre service de support à distance vous offre une assistance immédiate pour résoudre vos problèmes informatiques.

Ce que nous proposons :

Assistance téléphonique
Prise en main à distance
Chat en direct
Assistance par vidéoconférence

Avantages :

Résolution rapide des problèmes
Disponibilité étendue
Pas besoin de vous déplacer

); } function TarifSystemesExploitationPage() { return (

Tarifs des Systèmes d'Exploitation

BASIQUE

90€

Installation Windows - Forfait à 90€

Cette prestation de base est conçue pour garantir une installation propre et fonctionnelle de votre système Windows, en toute simplicité.

Détails des services inclus :

Installation complète de Windows
Installation d'une version authentique de Windows (Windows 10, Windows 11, ou autre selon vos besoins)
Formatage et préparation du disque dur pour une installation optimale
Configuration initiale
Création d'un compte utilisateur personnalisé
Réglages régionaux (langue, fuseau horaire, clavier)
Installation des mises à jour critiques et nécessaires
Diagnostic matériel rapide
Vérification de la compatibilité matérielle
Guide et conseils
Explications de base sur l'utilisation du système installé
Suggestions pour sécuriser et optimiser votre ordinateur

Public cible : Idéal pour les utilisateurs qui souhaitent simplement installer ou réinstaller Windows sans services supplémentaires

STANDARD

89€

Installation complète pour utilisateurs réguliers

Installation Windows 10 Pro ou macOS
Mises à jour complètes
Configuration personnalisée
Transfert de données basique
Support téléphonique 30 jours

PROFESSIONNEL

149€

Solution complète pour professionnels

Installation Windows 10/11 Pro ou macOS
Configuration réseau avancée
Installation logiciels professionnels
Transfert complet des données
Support prioritaire 60 jours
Formation utilisateur basique

ENTREPRISE

Sur devis

Solutions sur mesure pour entreprises

Déploiement OS multiples postes
Intégration domaine & services cloud
Sécurité et conformité avancées
Migration complète des données
Support dédié & maintenance
Formation personnel sur site

); } function HomePage() { const [showWelcome, setShowWelcome] = useState(true); const [services, setServices] = useState([ { id: 1, name: "Diagnostic Gratuit", icon: "fas fa-search", description: "Analyse complète de votre système" }, { id: 2, name: "Nettoyage & Optimisation", icon: "fas fa-broom", description: "Accélérez votre ordinateur" }, { id: 3, name: "Réparation Matérielle", icon: "fas fa-tools", description: "Réparation de tous composants" }, { id: 4, name: "Sauvegarde & Récupération", icon: "fas fa-database", description: "Protégez vos données" }, { id: 5, name: "Installation Logicielle", icon: "fas fa-download", description: "Configuration personnalisée" }, { id: 6, name: "Support à Distance", icon: "fas fa-globe", description: "Assistance en ligne immédiate" } ]); const handleCloseWelcome = () => { setShowWelcome(false); }; return (

{showWelcome && (

Restor-Pc Version 13

Votre partenaire de confiance pour tous vos besoins informatiques. Configurez, réparez et optimisez votre ordinateur en toute simplicité !

)}

Nos Services Informatiques

{services.map((service) => (

window.history.pushState(null, '', `/${service.name.toLowerCase().replace(/ & /g, '-').replace(/ /g, '-')}`)} >

{service.name}

{service.description}

))}

Contactez-nous

Zones: Brunoy, Montgeron, Crosne

Téléphone: 06 XX XX XX XX

Email: contact@restor-pc.fr

); } function App() { const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false); const [activeDropdown, setActiveDropdown] = useState(null); const [currentPage, setCurrentPage] = useState('home'); useEffect(() => { const handlePopState = () => { const path = window.location.pathname.slice(1); setCurrentPage(path || 'home'); }; window.addEventListener('popstate', handlePopState); return () => window.removeEventListener('popstate', handlePopState); }, []); const toggleMobileMenu = () => { setIsMobileMenuOpen(!isMobileMenuOpen); }; const toggleDropdown = (menu: string) => { setActiveDropdown(activeDropdown === menu ? null : menu); }; const handleServiceClick = (serviceName: string) => { const pageName = serviceName.toLowerCase().replace(/ & /g, '-').replace(/ /g, '-'); setCurrentPage(pageName); window.history.pushState(null, '', `/${pageName}`); }; const renderPage = () => { switch (currentPage) { case 'diagnostic-gratuit': return ; case 'nettoyage-optimisation': return ; case 'réparation-matérielle': return ; case 'sauvegarde-récupération': return ; case 'installation-logicielle': return ; case 'support-à-distance': return ; case 'tarif-systemes-exploitation': return ; default: return ; } }; return (

Restor-Pc

toggleDropdown('services')} onMouseLeave={() => setActiveDropdown(null)} > Services {activeDropdown === 'services' ? '▲' : '▼'} {activeDropdown === 'services' && (
- handleServiceClick(service)}> {service}
)}
Tarifs
Contact
Prendre RDV

{renderPage()}

); } function client() { createRoot(document.getElementById("root")).render(); } if (typeof document !== "undefined") { client(); } export default async function server(request: Request): Promise { return new Response(` Restor-Pc - Version 13

`, { headers: { "content-type": "text/html", }, }); } function getCss() { return ` * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Arial', sans-serif; line-height: 1.6; color: #333; background-color: #f4f4f4; } .container { max-width: 1200px; margin: 0 auto; padding: 0 15px; } .main-nav { background-color: white; box-shadow: 0 2px 4px rgba(0,0,0,0.1); padding: 15px 0; position: sticky; top: 0; z-index: 100; } .nav-wrapper { display: flex; justify-content: space-between; align-items: center; max-width: 1200px; margin: 0 auto; padding: 0 15px; } .logo { font-size: 1.5rem; font-weight: bold; } .nav-menu { display: flex; list-style: none; align-items: center; } .nav-menu li { margin-left: 20px; position: relative; } .nav-menu a { text-decoration: none; color: #2c3e50; transition: color 0.3s; } .nav-menu a:hover { color: #3498db; } .dropdown { position: absolute; top: 100%; left: 0; background-color: white; border: 1px solid #ddd; border-radius: 5px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); list-style: none; padding: 10px; min-width: 250px; z-index: 200; } .dropdown li { margin: 10px 0; cursor: pointer; } .cta-button { background-color: #3498db; color: white !important; padding: 8px 15px; border-radius: 5px; } .menu-icon { display: none; flex-direction: column; cursor: pointer; } .menu-icon span { height: 3px; width: 25px; background-color: #2c3e50; margin: 3px 0; transition: 0.4s; } @media (max-width: 768px) { .menu-icon { display: flex; } .nav-menu { display: none; flex-direction: column; width: 100%; position: absolute; top: 70px; left: 0; background-color: white; padding: 20px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); } .nav-menu.active { display: flex; } .nav-menu li { margin: 10px 0; width: 100%; text-align: center; } .dropdown { position: static; display: block; background-color: #f4f4f4; } } .welcome-banner { background-color: #3498db; color: white; text-align: center; padding: 30px 20px; position: relative; } .welcome-content { max-width: 600px; margin: 0 auto; } .welcome-banner h2 { margin-bottom: 15px; font-size: 2rem; } .services-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; margin-top: 30px; } .service-card { background-color: white; border-radius: 10px; padding: 30px; text-align: center; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: transform 0.3s, box-shadow 0.3s; cursor: pointer; } .service-card:hover { transform: translateY(-10px); box-shadow: 0 6px 12px rgba(0,0,0,0.15); } .service-icon { font-size: 4rem; margin-bottom: 20px; color: #3498db; } .service-card h3 { font-size: 1.5rem; margin-bottom: 15px; color: #2c3e50; } .service-card p { font-size: 1.1rem; color: #7f8c8d; } .contact-section { background-color: #2c3e50; color: white; text-align: center; padding: 40px 20px; margin-top: 30px; } .contact-details { margin-top: 20px; } .contact-details p { margin: 10px 0; } @media (max-width: 768px) { .services-grid { grid-template-columns: 1fr; } } .service-page { max-width: 1200px; margin: 0 auto; padding: 20px; } .service-page h1 { color: #3498db; margin-bottom: 20px; font-size: 2.5rem; text-align: center; } .service-page h2 { color: #2c3e50; margin-top: 30px; margin-bottom: 15px; } .service-page ul { list-style-type: none; padding-left: 20px; } .service-page li { margin-bottom: 10px; position: relative; } .service-page li i { color: #3498db; margin-right: 10px; } .back-button { background-color: #3498db; color: white; border: none; padding: 10px 20px; border-radius: 5px; cursor: pointer; margin-top: 20px; transition: background-color 0.3s; } .back-button:hover { background-color: #2980b9; } .illustration { width: 100px; height: 100px; margin: 20px auto; display: block; } .welcome-banner .illustration { width: 150px; height: 150px; margin-bottom: 30px; } .service-page .illustration { width: 200px; height: 200px; margin: 30px auto; } i { margin-right: 5px; } .pricing-table { display: flex; flex-wrap: wrap; justify-content: center; gap: 30px; margin-top: 30px; } .pricing-column { background-color: white; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); padding: 30px; width: 300px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .pricing-column:hover { transform: translateY(-10px); box-shadow: 0 6px 12px rgba(0,0,0,0.15); } .pricing-column.highlighted { transform: scale(1.05); box-shadow: 0 8px 12px rgba(0,0,0,0.15); } .pricing-header { font-size: 1.5rem; font-weight: bold; margin-bottom: 20px; padding: 15px; border-radius: 10px; } .pricing-header.starter { background-color: #3498db; color: white; } .pricing-header.basic { background-color: #2ecc71; color: white; } .pricing-header.cms { background-color: #e74c3c; color: white; } .pricing-header.business { background-color: #f39c12; color: white; } .pricing-price { font-size: 2rem; font-weight: bold; margin: 30px 0; } .pricing-price .period { font-size: 1.2rem; color: #7f8c8d; } .pricing-features { text-align: left; margin-bottom: 30px; } .pricing-features p { font-size: 1.1rem; margin-bottom: 15px; color: #2c3e50; } .pricing-features ul { list-style-type: none; padding: 0; } .pricing-features li { margin-bottom: 15px; font-size: 1rem; color: #34495e; } .pricing-features li i { color: #2ecc71; margin-right: 10px; } .pricing-button { background-color: #3498db; color: white; border: none; padding: 15px 30px; border-radius: 5px; cursor: pointer; transition: background-color 0.3s; font-size: 1.1rem; font-weight: bold; } .pricing-button:hover { background-color: #2980b9; } @media (max-width: 1200px) { .pricing-table { justify-content: center; } } @media (max-width: 768px) { .pricing-column { width: 100%; max-width: 350px; } } `; }

honorableAmberShark

Versions

v0