<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" type="image/gif" href="/Capture_d_écran_2024-12-01_141507-removebg-preview.png">
    <title>Instant Duplication</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
    font-family: 'Arial', sans-serif;
    color: #f0f0f0;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow-x: hidden;
    position: relative;
    background-color: transparent; /* Aucune superposition blanche */
    margin: 0;
    background-color: #000; /* Fond noir */
}

.background-video {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
     /* Réduction de la luminosité sans opacité */
}
        header {
    background-color: rgba(0, 0, 0, 0.8); /* Couleur d'arrière-plan avec transparence */
    color: white;
    padding: 20px;
    text-align: center;
    font-size: 2.5em;
    letter-spacing: 2px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.4);
    margin-bottom: 10px; /* Ajoute un espace en bas */
}

/* Menu de navigation */
nav ul {
    list-style: none;
    display: flex;
    justify-content: center;
    background-color: rgba(34, 34, 34, 0.8); /* Couleur d'arrière-plan avec transparence */
    padding: 15px 0;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.4);
    border-radius: 10px; /* Arrondi des coins */
    margin-top: 20px; /* Espace entre le header et la nav */
}

        nav ul li {
            margin: 0 20px;
        }

        nav ul li a {
            color: white;
            text-decoration: none;
            padding: 15px 25px;
            border-radius: 30px;
            transition: background-color 0.5s, transform 0.4s, box-shadow 0.4s;
        }

        nav ul li a:hover {
            background-color: #000000;
            box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.6);
            transform: translateY(-5px);
        }

        nav ul li a:active {
            background-color: #ff0080;
            box-shadow: 0px 5px 15px rgba(255, 0, 128, 0.6);
            transform: scale(1.1);
        }

        main {
            padding: 20px;
            max-width: 800px;
            margin: 50px auto;
            background: rgba(0, 0, 0, 0.8);
            border-radius: 10px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
            backdrop-filter: blur(10px);
            animation: fadeIn 1.5s;
            display: flex;
            flex-direction: column;
            align-items: center; /* Centrer horizontalement */
            justify-content: center; /* Centrer verticalement si possible */
        }

        @keyframes fadeIn {
            from {
                opacity: 0;
            }
            to {
                opacity: 1;
            }
        }

        h2 {
            color: #ffffff;
            border-bottom: 2px solid #ccc;
            padding-bottom: 5px;
            margin-bottom: 15px;
            animation: slideIn 1s;
            text-align: center; /* Centrer le texte */
        }

        @keyframes slideIn {
            from {
                transform: translateY(-20px);
                opacity: 0;
            }
            to {
                transform: translateY(0);
                opacity: 1;
            }
        }

        p {
            line-height: 1.6;
            margin-bottom: 15px;
            animation: fadeIn 2s;
            animation-delay: 0.5s;
            opacity: 0;
            animation-fill-mode: forwards;
            text-align: center; /* Centrer le texte */
        }

        footer {
    text-align: center;
    padding: 10px;
    color: white;
    background-color: #222222;
    width: 100%; /* S'assure que le footer prend toute la largeur */
}
main {
    padding: 20px; /* Espace intérieur */
    width: 50%; /* Utilise 50% de la largeur */
    margin: 50px auto; /* Centrer le contenu avec un espace en haut */
    background: rgba(0, 0, 0, 0.8); /* Fond noir semi-transparent */
    border-radius: 10px; /* Coins arrondis */
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.8), /* Lueur blanche */
                0 4px 20px rgba(0, 0, 0, 0.2); /* Ombre portée */
    animation: fadeIn 1.5s; /* Animation d'entrée */
    backdrop-filter: blur(10px);
    font-size: 1.2em; /* Agrandit la taille du texte */
    line-height: 1.8; /* Ajuste l'espacement des lignes pour plus de lisibilité */
}


h1 {
    font-size: 2.5em; /* Agrandit la taille du titre principal */
    text-align: center; /* Centre le titre principal */
}

h2 {
    font-size: 2em; /* Agrandit la taille des sous-titres */
    margin-top: 20px; /* Ajoute de l'espace au-dessus des sous-titres */
    text-align: center; /* Centre les sous-titres */
}

</style>
<style>
   

     #downloadButton {
            background: linear-gradient(135deg, #ffffff, #f8f9fa);
            color: #333333;
            border: 2px solid #dddddd;
            padding: 15px 30px;
            font-size: 18px;
            border-radius: 30px;
            cursor: pointer;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s, box-shadow 0.3s, background-color 0.3s;
            text-align: center;
            
        }

        #downloadButton:hover {
            background-color: #f1f1f1;
            box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
            transform: translateY(-3px);
        }

        #downloadButton:active {
            background-color: #e9e9e9;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
            transform: translateY(2px);
        }
        @media (max-width: 600px) {
    body {
        font-size: 16px;
    }

    header {
        font-size: 1.8rem;
    }

    nav ul {
        flex-direction: column;
        padding: 10px;
    }

    nav ul li {
        margin: 10px 0;
    }

    main {
        width: 90%;
        padding: 10px;
    }

    footer {
        font-size: 0.9em;
    }
}

/* Pour les petits écrans (mobiles) */
@media (max-width: 600px) {
    #reviews {
        flex-direction: column;
        align-items: center;
        justify-content: center; /* Centre les éléments */
    }

    .review-card {
        width: 100%; /* Occupation complète de l'espace */
        padding: 15px;
    }

    /* Ajuster la taille de l'image pour les petits écrans */
    .client-img {
        width: 60px;
        height: 60px;
    }

    /* Ajuster la taille du texte */
    .review-text {
        font-size: 0.9rem;
    }

    .client-name {
        font-size: 1.1rem;
    }

    #ratingText {
        font-size: 1rem;
    }

    /* Réduire la taille du titre sur mobile */
    h1 {
        font-size: 1.5rem; /* Ajuste la taille du titre */
        text-align: center; /* Centrer le titre */
        word-wrap: break-word; /* Éviter que le titre dépasse de l'écran */
        overflow-wrap: break-word; /* En cas de mots longs */
    }
}

/* Pour les écrans moyens (tablettes) */
@media (min-width: 601px) and (max-width: 1024px) {
    #reviews {
        justify-content: flex-start; /* Aligne les éléments sur le côté gauche pour maximiser l'espace */
    }

    .review-card {
        width: 45%;
    }

    .client-img {
        width: 70px;
        height: 70px;
    }

    .review-text {
        font-size: 1rem;
    }

    .client-name {
        font-size: 1.2rem;
    }

    /* Ajuster la taille du titre pour les tablettes */
    h1 {
        font-size: 2rem; /* Ajuster la taille pour les écrans moyens */
        text-align: center;
    }
}    </style>


</head>
<body>
    
    <video autoplay muted loop class="background-video">
        <source src="/blanc.mp4" type="video/mp4"> <!-- Chemin vers ta vidéo MP4 -->
        Votre navigateur ne prend pas en charge les vidéos.
    </video>

 
    <header>
        <h1>Instant Duplication</h1>
        <nav>
            <ul>
                <li><a href="accueil.html">Accueil</a></li> <!-- Lien vers la page d'accueil -->
            </ul>
        </nav>
    </header>
   
    
    <main>
        <h2>Bienvenue dans le monde de Tech Instant Dupli</h2>
        <p>
            Félicitations pour l'achat de votre Tech Instant Dupli. Vous trouverez ci-dessous un lien pour télécharger votre guide PDF. Ce document contient toutes les informations nécessaires pour vous aider à utiliser Tech Instant Dupli de manière optimale. Il vous suffit de télécharger le PDF et de suivre les instructions étape par étape.
        </p>
        <p>
            <strong>Avec Tech Instant Dupli :</strong> Contrairement à la Tech Dupli, vous n'êtes pas obligé de passer par PayPal. Vous pouvez utiliser votre wallet crypto ou votre compte bancaire. Cette Tech peut être utilisée presque illimitée, tant que vous suivez correctement les conseils. Aucun risque pour vous ni pour votre argent.
        </p>
        <p>
            En cas de problème ou d'incompréhension, nous sommes à votre disposition. Un remboursement intégral sera effectué en cas de problème, y compris pour la Tech et la somme perdue.
        </p>
        <p>
            Si vous n'avez pas de wallet crypto, vous pouvez en créer un gratuitement, comme par exemple avec <strong>Exodus</strong>.
        </p>
        <p>
            Si vous avez besoin d'aide, vous pourrez nous contacter via notre serveur Discord. Vous y trouverez aussi un service de conversion de cryptomonnaie, si vous n'avez pas encore de crypto.
        </p>
        <p>
            Si vous craignez de ne pas réussir à suivre les instructions, nous pouvons nous en occuper pour vous, contre un pourcentage de 10% de la somme.
        </p>
        <p>
            <strong>Important : </strong> Veuillez lire attentivement les instructions. Le non-respect de celles-ci pourrait entraîner une perte d'argent.
        </p>
        <p>
            Le principe est simple : Si vous avez 300€, après l'utilisation de la Tech, vous aurez 600€.
        </p>
        
        <div id="buttonContainer">
            <button id="downloadButton">📥 Télécharger le PDF</button>
        </div>
    </main>
    

        <script>
            document.getElementById("downloadButton").addEventListener("click", function() {
                // Crée un élément de lien temporaire
                const link = document.createElement("a");
                link.href = "/Dupli_PayPal_Instant_V2.pdf"; // Chemin réel vers le PDF
                link.download = "Dupli_PayPal_Instant_V2.pdf"; // Nom du fichier téléchargé
                link.style.display = "none"; // Cache le lien
                document.body.appendChild(link);
                link.click(); // Simule un clic
                document.body.removeChild(link); // Supprime le lien
            });
        </script>
        
        <footer>
        <p>&copy; 2024 Tech Paypal. Tous droits réservés.</p>
    </footer>

    
</body>

</html>