<!DOCTYPE html>

<html lang="fr">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>PolyBParis | Import-Export & Stablecoin</title>

    <script src="https://cdn.tailwindcss.com"></script>

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">

</head>

<body class="bg-slate-50 text-slate-900 font-sans">


    <nav class="flex justify-between items-center p-6 bg-white shadow-sm sticky top-0 z-50">

        <div class="flex items-center gap-3">

    <img src="logo.svg" alt="Logo" style="width:32px; height:32px;">

    <div class="text-2xl font-bold text-blue-900">PolyB<span class="text-emerald-500">Paris</span></div>

</div>

        <div class="hidden md:flex gap-8 font-medium">

            <a href="#btp" class="hover:text-emerald-500">BTP & Engins</a>

            <a href="#agri" class="hover:text-emerald-500">Agriculture</a>

            <a href="#usdtz" class="hover:text-emerald-600 font-bold text-emerald-500">USDT.z</a>

        </div>

        <button onclick="connectWallet()" class="bg-blue-900 text-white px-6 py-2 rounded-full hover:bg-blue-800 transition">

            <i class="fa-solid fa-wallet mr-2"></i> Connecter Wallet

        </button>

    </nav>


    <header class="py-20 px-6 text-center bg-gradient-to-b from-blue-50 to-white">

        <h1 class="text-5xl font-extrabold mb-6 text-slate-800">L'Import-Export Propulsé par la Blockchain</h1>

        <p class="text-xl text-slate-600 max-w-2xl mx-auto mb-10">Solutions globales pour le BTP, l'Agriculture et les Matériaux de construction avec paiement sécurisé instantané en USDT.z.</p>

        <div class="flex justify-center gap-4">

            <a href="#catalog" class="bg-slate-800 text-white px-8 py-3 rounded-lg font-bold">Voir le Catalogue</a>

            <a href="#usdtz" class="border-2 border-emerald-500 text-emerald-600 px-8 py-3 rounded-lg font-bold">Découvrir l'USDT.z</a>

        </div>

    </header>


    <section id="btp" class="py-16 px-6 max-w-6xl mx-auto">

        <div class="grid md:grid-cols-2 gap-12 items-center">

            <div class="bg-slate-200 h-64 rounded-2xl flex items-center justify-center italic text-slate-400 font-bold text-2xl">[IMAGE ENGIN BTP]</div>

            <div>

                <h2 class="text-3xl font-bold mb-4">Matériel de Travaux Publics</h2>

                <p class="text-lg text-slate-600">Pelles hydrauliques, grues, bulldozers. Nous sourçons le meilleur matériel pour vos chantiers internationaux avec une logistique simplifiée.</p>

            </div>

        </div>

    </section>


    <footer id="usdtz" class="bg-slate-900 text-white py-16 px-6 text-center">

        <h2 class="text-3xl font-bold mb-6">Paiement Sécurisé en USDT.z</h2>

        <p class="mb-8 opacity-80">Notre Stablecoin (BSC/TRON) indexé 1:1 réduit vos frais de transaction de 90%.</p>

        <div class="text-xs font-mono bg-slate-800 p-4 rounded inline-block">

            Contrat BSC : 0x3b48292303e9A303cF122e6104C45C367eba043B

        </div>

    </footer>


    <script>

        async function connectWallet() {

            if (window.ethereum) {

                try {

                    await window.ethereum.request({ method: 'eth_requestAccounts' });

                    alert("Wallet connecté avec succès !");

                } catch (error) {

                    alert("Erreur de connexion");

                }

            } else {

                alert("Veuillez installer Trust Wallet ou MetaMask");

            }

        }

    </script>

</body>

</html>