import { useState } from 'react'; import styles from './styles.module.css';
const InstallationGuide = () => { const [step, setStep] = useState(1);
const nextStep = () => { setStep(step + 1); };
const prevStep = () => { setStep(step - 1); };
return ( <div className={styles.container}> <h1>Guide d'installation du VPN sur LG Smart TV</h1> {step === 1 && ( <div> <p> Pour installer un VPN sur votre LG Smart TV, vous avez plusieurs options. Vous pouvez utiliser des applications tierces comme ExpressVPN ou NordVPN, ou configurer un VPN manuellement si votre fournisseur de services le supporte. </p> <button onClick={nextStep}>Suivant</button> </div> )} {step === 2 && ( <div> <h2>Étape 1 : Télécharger l'application VPN</h2> <p> Accédez à l'App Store de votre LG Smart TV et recherchez une application VPN de votre choix. Assurez-vous que l'application est compatible avec votre modèle de TV. </p> <button onClick={prevStep}>Précédent</button> <button onClick={nextStep}>Suivant</button> </div> )} {step === 3 && ( <div> <h2>Étape 2 : Installer l'application VPN</h2> <p> Une fois que vous avez trouvé une application VPN compatible, téléchargez-la et installez-la sur votre TV. Suivez les instructions d'installation fournies par l'application. </p> <button onClick={prevStep}>Précédent</button> <button onClick={nextStep}>Suivant</button> </div> )} {step === 4 && ( <div> <h2>Étape 3 : Configurer l'application VPN</h2> <p> Après l'installation, ouvrez l'application VPN et suivez les étapes de configuration. Vous devrez généralement entrer vos informations de connexion fournies par votre fournisseur de VPN. </p> <button onClick={prevStep}>Précédent</button> <button onClick={nextStep}>Suivant</button> </div> )} {step === 5 && ( <div> <h2>Étape 4 : Connexion au VPN</h2> <p> Une fois configurée, connectez-vous à votre VPN en utilisant l'application. Vérifiez que la connexion est établie et que votre IP est masquée. </p> <button onClick={prevStep}>Précédent</button> </div> )} </div> ); };
export default InstallationGuide;