Diagnostic Gratuit

\n \n

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

\n \n

\n );\n}\n\nfunction NettoyageOptimisationPage() {\n return (\n

Nettoyage & Optimisation

\n \n

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

\n \n

\n );\n}\n\nfunction ReparationMateriellePage() {\n return (\n

Réparation Matérielle

\n \n

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

\n \n

\n );\n}\n\nfunction SauvegardeRecuperationPage() {\n return (\n

Sauvegarde & Récupération

\n \n

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

\n \n

\n );\n}\n\nfunction InstallationLogiciellePage() {\n return (\n

Installation Logicielle

\n \n

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

Ce que nous installons :

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

Avantages :

Installation professionnelle
Configuration optimisée
Formation à l'utilisation

\n \n

\n );\n}\n\nfunction SupportDistancePage() {\n return (\n

Support à Distance

\n \n

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

\n \n

\n );\n}\n\nfunction TarifSystemesExploitationPage() {\n return (\n

Tarifs des Systèmes d'Exploitation

BASIQUE

\n 90€\n

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

\n \n

STANDARD

\n 89€\n

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

\n \n

PROFESSIONNEL

\n 149€\n

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

\n \n

ENTREPRISE

\n Sur devis\n

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

\n \n

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

\n {showWelcome && (\n

\n \n

Restor-Pc Version 13

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

\n \n

\n )}\n\n

Nos Services Informatiques

\n {services.map((service) => (\n

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

{service.name}

{service.description}

\n ))}\n

\n\n

Contactez-nous

Zones: Brunoy, Montgeron, Crosne

Téléphone: 06 XX XX XX XX

Email: contact@restor-pc.fr

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

Restor-Pc

\n \n

\n \n \n \n

\n \n

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

\n\n {renderPage()}\n

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

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