<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="author" content="Vlad.dev">
    <meta name="description" content="Scopri i migliori prodotti cinesi su AllChinaBuy, la piattaforma ideale per acquistare articoli esclusivi a prezzi competitivi direttamente dalla Cina.">
    <meta name="keywords" content="AllChinaBuy, acquisti online, prodotti cinesi, shopping Cina, elettronica, moda, accessori, sconto Cina">
    <meta name="robots" content="index, follow">
    <title>TiagoXFinds | Home</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="css/style.css">
    <link rel="shortcut icon" href="images/Tiago.png" type="image/x-icon">
</head>
<body class="bg-[#0f1010]">



    <div class=" relative bg-gradient-to-r from-red-500/10 via-black/30 to-red-500/10 backdrop-blur-sm border-b border-red-500/10">
        <div class="max-w-7xl mx-auto py-3 px-4">
            <div class="flex items-center justify-center">
                <span class="flex items-center space-x-2">
                    <i class='bx bx-info-circle text-red-400'></i>
                    <p class="text-sm text-gray-300">
                        <span class="font-medium">⚠️ Attenzione:</span>
                        <span class="text-gray-400">Il sito è nuovo! Se riscontri dei bug, apri un ticket su</span>
                        <a href="https://discord.gg/U8HjzhWfCS" class="text-red-400 hover:text-red-300 transition-colors duration-300 font-medium">Discord</a>
                        <span class="text-gray-400">o contatta</span>
                        <a href="https://discordapp.com/users/vl4d_ua" class="text-red-400 hover:text-red-300 transition-colors duration-300 font-medium">vl4d_ua</a>
                        <span class="text-gray-400">in privato. ⚠️</span>
                    </p>
                </span>
            </div>
        </div>
    </div>

    <nav class="bg-[#070808]/80 backdrop-blur-lg border-b border-red-500/10 sticky top-0 z-50">
        <div class="max-w-7xl mx-auto px-4">
            <div class="flex justify-between items-center h-20">
          
                <div class="flex-shrink-0 transform hover:scale-105 transition-all duration-300 group">
                    <a href="/" class="flex items-center space-x-3">
                        <div class="relative">
                            <img src="images/Tiago.png" alt="TiagoXFinds Logo" 
                                 class="h-10 w-auto drop-shadow-lg transform group-hover:rotate-6 transition-transform duration-300">
                            <div class="absolute inset-0 bg-red-500/20 rounded-full filter blur-md scale-110 animate-pulse"></div>
                        </div>
                        <span class="text-3xl font-extrabold bg-gradient-to-r from-red-400 via-red-500 to-red-600 bg-clip-text text-transparent tracking-tight">
                            TiagoXFinds
                        </span>
                    </a>
                </div>


               
                <div class="hidden lg:flex items-center space-x-8">
                    <a class='nav-link nav-text flex items-center space-x-2 text-gray-300 hover:text-red-500 transition-all duration-300' href='index.html'>
                        <i class='bx bxs-home-alt-2'></i>
                        <span>Home</span>
                    </a>
                    <a class='text-bold nav-link nav-text flex items-center space-x-2 text-gray-300 hover:text-red-500 transition-all duration-300' href='products.html'>
                        <i class='bx bxs-collection'></i>
                        <span>Products</span>
                    </a>

                    
                  
             
                    <div class="relative group">
                        <button class="text-bold nav-link nav-text flex items-center space-x-2 text-gray-300 hover:text-red-500 transition-all duration-300">
                            <i class='bx bxs-grid-alt'></i>
                            <span>Socials</span>
                            <i class='bx bx-chevron-down ml-1 transform group-hover:rotate-180 transition-transform duration-200'></i>
                        </button>
                        <div class="absolute left-0 mt-2 w-48 rounded-md shadow-lg bg-[#070808] ring-1 ring-black ring-opacity-5 invisible group-hover:visible opacity-0 group-hover:opacity-100 transition-all duration-200">
                            <div class="py-1">
                                <a href="https://www.youtube.com/@tyzerk5559" target="_blank" class="flex items-center space-x-2 px-4 py-2 text-gray-300 hover:bg-red-900/50 hover:text-red-500">
                                    <i class='bx bxl-youtube'></i>
                                    <span>Youtube</span>
                                </a>
                                <a href="https://www.tiktok.com/@10tiagox" target="_blank" class="flex items-center space-x-2 px-4 py-2 text-gray-300 hover:bg-red-900/50 hover:text-red-500">
                                    <i class='bx bxl-tiktok'></i>
                                    <span>TikTok</span>
                                </a>
                                <a href="https://discord.gg/U8HjzhWfCS" target="_blank" class="flex items-center space-x-2 px-4 py-2 text-gray-300 hover:bg-red-900/50 hover:text-red-500">
                                    <i class='bx bxl-discord-alt'></i>
                                    <span>Discord</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>

            
                <div class="lg:hidden">
                    <button id="mobile-menu-button" class="text-gray-300 hover:text-red-400 focus:outline-none transition duration-300">
                        <i class='bx bx-menu text-2xl'></i>
                    </button>
                </div>
            </div>

            
            <div id="mobile-menu" class="hidden lg:hidden pb-4 slide-down">
              
                <div class="space-y-2 px-4">
                    <a href="index.html" class="nav-text flex items-center space-x-2 py-2 px-4 text-gray-300 hover:bg-red-900/50 hover:text-red-500 rounded-lg transition-all duration-300 transform hover:-translate-y-0.5">
                        <i class='bx bxs-home-alt-2'></i>
                        <span>Home</span>
                    </a>
                    <a href="products.html" class="nav-text flex items-center space-x-2 py-2 px-4 text-gray-300 hover:bg-red-900/50 hover:text-red-500 rounded-lg transition-all duration-300 transform hover:-translate-y-0.5">
                        <i class='bx bxs-collection'></i>
                        <span>Products</span>
                    </a>
                </div>

      
                <div class="mt-6 pt-6 border-t border-gray-700">
                    <div class="flex justify-center space-x-8">
                        <a href="https://www.youtube.com/@tyzerk5559" target="_blank" 
                           class="text-gray-300 hover:text-red-500 hover:scale-110 transition-all duration-300">
                            <i class='bx bxl-youtube text-2xl'></i>
                        </a>
                        <a href="https://www.tiktok.com/@10tiagox" target="_blank" 
                           class="text-gray-300 hover:text-red-500 hover:scale-110 transition-all duration-300">
                            <i class='bx bxl-tiktok text-2xl'></i>
                        </a>
                        <a href="https://discord.gg/U8HjzhWfCS" target="_blank" 
                           class="text-gray-300 hover:text-red-500 hover:scale-110 transition-all duration-300">
                            <i class='bx bxl-discord-alt text-2xl'></i>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </nav>
    <div class="relative min-h-screen flex items-center justify-center px-4 pt-24 pb-16">
        <div class="absolute inset-0 bg-cover bg-center opacity-30" 
             style="background-image: url(/images/Tiago.png)">
        </div>
        
        <div class="absolute inset-0 bg-gradient-to-b from-black/70 via-black/50 to-black/70"></div>
    
        <div class="relative max-w-7xl mx-auto text-center space-y-12 z-10">
    
            <h1 class="text-5xl md:text-7xl lg:text-8xl font-extrabold text-white leading-tight">
                Trasforma le Tue <br>
                <span class="bg-gradient-to-r from-red-400 via-red-500 to-orange-500 bg-clip-text text-transparent">
                    Idee in Outfit
                </span>
            </h1>
    
            <p class="text-xl text-gray-300 max-w-3xl mx-auto font-bold">
                Risparmia di più, acquista meglio, vivi alla grande!
            </p>
    
            <div class="flex flex-wrap justify-center gap-6 pt-8">
                <a class='px-10 py-6 bg-gradient-to-r from-red-500 to-red-600 text-white font-bold rounded-full 
                          transform hover:scale-105 transition-all duration-300 shadow-lg hover:shadow-red-500/50
                          flex items-center space-x-2 text-xl ' href='products.html'>
                    <i class='bx bxs-shopping-bag'></i>
                    <span>Esplora Prodotti</span>
                </a>
            </div>
        </div>
    </div>
   
    <div class="max-w-7xl mx-auto px-4 py-16 relative">
        <div class="absolute inset-0 bg-gradient-to-b from-red-500/5 to-transparent blur-3xl"></div>
        <h2 class="text-4xl font-bold bg-gradient-to-r from-red-400 to-red-600 bg-clip-text text-transparent text-center mb-12 animate__animated animate__fadeIn">
            Perché Sceglierci?
        </h2>
        
        <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
          
            <div class="backdrop-blur-xl bg-black/30 rounded-2xl p-6 border border-red-500/20 transform hover:scale-105 transition-all duration-300 hover:shadow-[0_0_30px_rgba(255,0,0,0.15)] group">
                <div class="bg-gradient-to-br from-red-500 to-red-600 w-16 h-16 rounded-full flex items-center justify-center mb-6 mx-auto transform group-hover:rotate-12 transition-transform duration-300">
                    <i class='bx bx-badge-check text-3xl text-white'></i>
                </div>
                <h3 class="text-xl font-bold text-white text-center mb-4">Qualità Garantita</h3>
                <p class="text-gray-300 text-center">Selezioniamo e verifichiamo personalmente ogni prodotto per garantirti il massimo della qualità.</p>
            </div>

        
            <div class="backdrop-blur-xl bg-black/30 rounded-2xl p-6 border border-red-500/20 transform hover:scale-105 transition-all duration-300 hover:shadow-[0_0_30px_rgba(255,0,0,0.15)] group">
                <div class="bg-gradient-to-br from-red-500 to-red-600 w-16 h-16 rounded-full flex items-center justify-center mb-6 mx-auto transform group-hover:rotate-12 transition-transform duration-300">
                    <i class='bx bx-euro text-3xl text-white'></i>
                </div>
                <h3 class="text-xl font-bold text-white text-center mb-4">Prezzi Imbattibili</h3>
                <p class="text-gray-300 text-center">Offriamo i migliori prezzi sul mercato con sconti esclusivi per i nostri membri.</p>
            </div>

            <div class="backdrop-blur-xl bg-black/30 rounded-2xl p-6 border border-red-500/20 transform hover:scale-105 transition-all duration-300 hover:shadow-[0_0_30px_rgba(255,0,0,0.15)] group">
                <div class="bg-gradient-to-br from-red-500 to-red-600 w-16 h-16 rounded-full flex items-center justify-center mb-6 mx-auto transform group-hover:rotate-12 transition-transform duration-300">
                    <i class='bx bx-support text-3xl text-white'></i>
                </div>
                <h3 class="text-xl font-bold text-white text-center mb-4">Supporto 24/7</h3>
                <p class="text-gray-300 text-center">Il nostro team è sempre disponibile per aiutarti con qualsiasi domanda o necessità.</p>
            </div>
        </div>
    </div>

  
<section class="relative py-24">
    <div class="max-w-7xl mx-auto px-4">
        <h2 class="text-4xl font-bold bg-gradient-to-r from-red-400 to-red-600 bg-clip-text text-transparent text-center mb-16">
            Cosa Dicono i Nostri Clienti
        </h2>
    </div>


    <div class="reviews-container">
        <div class="reviews-track animate-scroll">
             <!-- Recensione 1 -->
            <div class="review-slide min-w-[400px] backdrop-blur-xl bg-black/30 rounded-2xl p-8 border border-red-500/20 mx-4">
                <div class="flex items-start space-x-4">
                  
                    <div class="flex-1">
                        <div class="flex items-center justify-between">
                            <h3 class="text-xl font-bold text-white">Marco R.</h3>
                            <div class="flex items-center space-x-1">
                                <i class='bx bxs-star text-yellow-400'></i>
                                <i class='bx bxs-star text-yellow-400'></i>
                                <i class='bx bxs-star text-yellow-400'></i>
                                <i class='bx bxs-star text-yellow-400'></i>
                                <i class='bx bxs-star text-yellow-400'></i>
                            </div>
                        </div>
                        <p class="text-gray-400 mt-2 italic">"Ho acquistato delle Jordan 4 e sono arrivate perfette. La qualità è incredibile e il prezzo imbattibile!"</p>
                        <div class="mt-4 flex items-center space-x-2">
                            <span class="text-green-600">Acquisto Verificato</span>
                            <i class='bx bxs-badge-check text-green-500' ></i>
                        </div>
                    </div>
                </div>
            </div>
        
            <!-- Recensione 2 -->
            <div class="review-slide min-w-[400px] backdrop-blur-xl bg-black/30 rounded-2xl p-8 border border-red-500/20 mx-4">
                <div class="flex items-start space-x-4">
                  
                    <div class="flex-1">
                        <div class="flex items-center justify-between">
                            <h3 class="text-xl font-bold text-white">Sofia L.</h3>
                            <div class="flex items-center space-x-1">
                                <i class='bx bxs-star text-yellow-400'></i>
                                <i class='bx bxs-star text-yellow-400'></i>
                                <i class='bx bxs-star text-yellow-400'></i>
                                <i class='bx bxs-star text-yellow-400'></i>
                                <i class='bx bxs-star-half text-yellow-400'></i>
                            </div>
                        </div>
                        <p class="text-gray-400 mt-2 italic">"Le guide sono state fondamentali per i miei primi acquisti. Ho risparmiato molto e la qualità è ottima!"</p>
                        <div class="mt-4 flex items-center space-x-2">
                            <span class="text-green-600">Acquisto Verificato</span>
                            <i class='bx bxs-badge-check text-green-500' ></i>
                        </div>
                    </div>
                </div>
            </div>
        
            <!-- Recensione 3 -->
            <div class="review-slide min-w-[400px] backdrop-blur-xl bg-black/30 rounded-2xl p-8 border border-red-500/20 mx-4">
                <div class="flex items-start space-x-4">
                   
                    <div class="flex-1">
                        <div class="flex items-center justify-between">
                            <h3 class="text-xl font-bold text-white">Luca M.</h3>
                            <div class="flex items-center space-x-1">
                                <i class='bx bxs-star text-yellow-400'></i>
                                <i class='bx bxs-star text-yellow-400'></i>
                                <i class='bx bxs-star text-yellow-400'></i>
                                <i class='bx bxs-star text-yellow-400'></i>
                                <i class='bx bxs-star text-yellow-400'></i>
                            </div>
                        </div>
                        <p class="text-gray-400 mt-2 italic">"Ho fatto più di 10 ordini e sono sempre rimasto soddisfatto. Spedizioni veloci e supporto eccellente!"</p>
                        <div class="mt-4 flex items-center space-x-2">
                            <span class="text-green-600">Acquisto Verificato</span>
                            <i class='bx bxs-badge-check text-green-500' ></i>
                        </div>
                    </div>
                </div>
            </div>
        
            <!-- Recensione 4 -->
            <div class="review-slide min-w-[400px] backdrop-blur-xl bg-black/30 rounded-2xl p-8 border border-red-500/20 mx-4">
                <div class="flex items-start space-x-4">
                    
                    <div class="flex-1">
                        <div class="flex items-center justify-between">
                            <h3 class="text-xl font-bold text-white">Giulia F.</h3>
                            <div class="flex items-center space-x-1">
                                <i class='bx bxs-star text-yellow-400'></i>
                                <i class='bx bxs-star text-yellow-400'></i>
                                <i class='bx bxs-star text-yellow-400'></i>
                                <i class='bx bxs-star text-yellow-400'></i>
                                <i class='bx bxs-star text-yellow-400'></i>
                            </div>
                        </div>
                        <p class="text-gray-400 mt-2 italic">"Le Yeezy Slides sono perfette! Qualità incredibile e prezzo ottimo. Consigliatissimo!"</p>
                        <div class="mt-4 flex items-center space-x-2">
                            <span class="text-green-600">Acquisto Verificato</span>
                            <i class='bx bxs-badge-check text-green-500' ></i>
                        </div>
                    </div>
                </div>
            </div>
        
            <!-- Recensione 5 -->
            <div class="review-slide min-w-[400px] backdrop-blur-xl bg-black/30 rounded-2xl p-8 border border-red-500/20 mx-4">
                <div class="flex items-start space-x-4">
                    <div class="flex-1">
                        <div class="flex items-center justify-between">
                            <h3 class="text-xl font-bold text-white">Alessandro P.</h3>
                            <div class="flex items-center space-x-1">
                                <i class='bx bxs-star text-yellow-400'></i>
                                <i class='bx bxs-star text-yellow-400'></i>
                                <i class='bx bxs-star text-yellow-400'></i>
                                <i class='bx bxs-star text-yellow-400'></i>
                                <i class='bx bxs-star-half text-yellow-400'></i>
                            </div>
                        </div>
                        <p class="text-gray-400 mt-2 italic">"Prima volta che acquisto e devo dire che sono rimasto piacevolmente sorpreso. Tutto perfetto!"</p>
                        <div class="mt-4 flex items-center space-x-2">
                            <span class="text-green-600">Acquisto Verificato</span>
                            <i class='bx bxs-badge-check text-green-500' ></i>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Recensione 6 -->
    <div class="review-slide min-w-[400px] backdrop-blur-xl bg-black/30 rounded-2xl p-8 border border-red-500/20 mx-4">
        <div class="flex items-start space-x-4">
           
            <div class="flex-1">
                <div class="flex items-center justify-between">
                    <h3 class="text-xl font-bold text-white">Davide R.</h3>
                    <div class="flex items-center space-x-1">
                        <i class='bx bxs-star text-yellow-400'></i>
                        <i class='bx bxs-star text-yellow-400'></i>
                        <i class='bx bxs-star text-yellow-400'></i>
                        <i class='bx bxs-star text-yellow-400'></i>
                        <i class='bx bxs-star text-yellow-400'></i>
                    </div>
                </div>
                <p class="text-gray-400 mt-2 italic">"Le Air Force 1 sono identiche alle originali. Qualità dei materiali eccezionale e spedizione velocissima!"</p>
                <div class="mt-4 flex items-center space-x-2">
                    <span class="text-green-600">Acquisto Verificato</span>
                    <i class='bx bxs-badge-check text-green-500' ></i>
                </div>
            </div>
        </div>
    </div>
    
    <!-- Recensione 7 -->
    <div class="review-slide min-w-[400px] backdrop-blur-xl bg-black/30 rounded-2xl p-8 border border-red-500/20 mx-4">
        <div class="flex items-start space-x-4">
           
            <div class="flex-1">
                <div class="flex items-center justify-between">
                    <h3 class="text-xl font-bold text-white">Valentina S.</h3>
                    <div class="flex items-center space-x-1">
                        <i class='bx bxs-star text-yellow-400'></i>
                        <i class='bx bxs-star text-yellow-400'></i>
                        <i class='bx bxs-star text-yellow-400'></i>
                        <i class='bx bxs-star text-yellow-400'></i>
                        <i class='bx bxs-star text-yellow-400'></i>
                    </div>
                </div>
                <p class="text-gray-400 mt-2 italic">"Ho ordinato delle Dunk Low e sono arrivate in condizioni perfette. Il team di supporto è stato super disponibile!"</p>
                <div class="mt-4 flex items-center space-x-2">
                    <span class="text-green-600">Acquisto Verificato</span>
                    <i class='bx bxs-badge-check text-green-500' ></i>
                </div>
            </div>
        </div>
    </div>
    
    <!-- Recensione 8 -->
    <div class="review-slide min-w-[400px] backdrop-blur-xl bg-black/30 rounded-2xl p-8 border border-red-500/20 mx-4">
        <div class="flex items-start space-x-4">
            
            <div class="flex-1">
                <div class="flex items-center justify-between">
                    <h3 class="text-xl font-bold text-white">Federico M.</h3>
                    <div class="flex items-center space-x-1">
                        <i class='bx bxs-star text-yellow-400'></i>
                        <i class='bx bxs-star text-yellow-400'></i>
                        <i class='bx bxs-star text-yellow-400'></i>
                        <i class='bx bxs-star text-yellow-400'></i>
                        <i class='bx bxs-star-half text-yellow-400'></i>
                    </div>
                </div>
                <p class="text-gray-400 mt-2 italic">"Ottimo servizio! Ho acquistato delle Travis Scott e sono rimasto stupito dalla qualità. Consigliatissimo!"</p>
                <div class="mt-4 flex items-center space-x-2">
                    <span class="text-green-600">Acquisto Verificato</span>
                    <i class='bx bxs-badge-check text-green-500' ></i>
                </div>
            </div>
        </div>
    </div>
    
    <!-- Recensione 9 -->
    <div class="review-slide min-w-[400px] backdrop-blur-xl bg-black/30 rounded-2xl p-8 border border-red-500/20 mx-4">
        <div class="flex items-start space-x-4">
           
            <div class="flex-1">
                <div class="flex items-center justify-between">
                    <h3 class="text-xl font-bold text-white">Chiara B.</h3>
                    <div class="flex items-center space-x-1">
                        <i class='bx bxs-star text-yellow-400'></i>
                        <i class='bx bxs-star text-yellow-400'></i>
                        <i class='bx bxs-star text-yellow-400'></i>
                        <i class='bx bxs-star text-yellow-400'></i>
                        <i class='bx bxs-star text-yellow-400'></i>
                    </div>
                </div>
                <p class="text-gray-400 mt-2 italic">"Le Jordan 1 che ho ordinato sono perfette! Materiali premium e comfort eccezionale. Tornerò sicuramente!"</p>
                <div class="mt-4 flex items-center space-x-2">
                    <span class="text-green-600">Acquisto Verificato</span>
                    <i class='bx bxs-badge-check text-green-500' ></i>
                </div>
            </div>
        </div>
    </div>
    
    <!-- Recensione 10 -->
    <div class="review-slide min-w-[400px] backdrop-blur-xl bg-black/30 rounded-2xl p-8 border border-red-500/20 mx-4">
        <div class="flex items-start space-x-4">
           
            <div class="flex-1">
                <div class="flex items-center justify-between">
                    <h3 class="text-xl font-bold text-white">Roberto G.</h3>
                    <div class="flex items-center space-x-1">
                        <i class='bx bxs-star text-yellow-400'></i>
                        <i class='bx bxs-star text-yellow-400'></i>
                        <i class='bx bxs-star text-yellow-400'></i>
                        <i class='bx bxs-star text-yellow-400'></i>
                        <i class='bx bxs-star text-yellow-400'></i>
                    </div>
                </div>
                <p class="text-gray-400 mt-2 italic">"Servizio clienti eccezionale e prodotti di altissima qualità. Ho già fatto diversi ordini e sono sempre soddisfatto!"</p>
                <div class="mt-4 flex items-center space-x-2">
                    <span class="text-green-600">Acquisto Verificato</span>
                    <i class='bx bxs-badge-check text-green-500' ></i>
                </div>
            </div>
        </div>
    </div>
</div>

</section>




       
  <div class="max-w-7xl mx-auto px-4 py-16 relative">
    <div class="absolute inset-0 bg-gradient-to-b from-red-500/5 to-transparent blur-3xl"></div>
    <h2 class="text-4xl font-bold bg-gradient-to-r from-red-400 to-red-600 bg-clip-text text-transparent text-center mb-12 animate__animated animate__fadeIn">
        Domande Frequenti
    </h2>
    <div class="space-y-4 max-w-3xl mx-auto relative">
        <div class="backdrop-blur-sm bg-black/20 rounded-xl border border-white/10">
            <button onclick="toggleAccordion('faq1')" class="flex justify-between items-center w-full p-6 text-left">
                <h3 class="text-xl font-semibold text-white">Come dichiarare?</h3>
                <i class='bx bx-plus text-2xl text-white transition-transform duration-300' id="icon-faq1"></i>
            </button>
            <div id="faq1" class="hidden px-6 pb-6">
                <p class="text-gray-300">Per dichiarare i tuoi acquisti, è necessario compilare il modulo doganale che ti verrà fornito dalla compagnia di spedizione. Assicurati di fornire informazioni accurate per evitare ritardi.</p>
            </div>
        </div>

       
        <div class="backdrop-blur-sm bg-black/20 rounded-xl border border-white/10">
            <button onclick="toggleAccordion('faq2')" class="flex justify-between items-center w-full p-6 text-left">
                <h3 class="text-xl font-semibold text-white">Come ordinare?</h3>
                <i class='bx bx-plus text-2xl text-white transition-transform duration-300' id="icon-faq2"></i>
            </button>
            <div id="faq2" class="hidden px-6 pb-6">
                <p class="text-gray-300">Ordinare su AllChinaBuy è semplice: basta registrarti, selezionare i prodotti, aggiungerli al carrello e procedere con il pagamento. Ti invieremo una conferma via email.</p>
            </div>
        </div>

       
        <div class="backdrop-blur-sm bg-black/20 rounded-xl border border-white/10">
            <button onclick="toggleAccordion('faq3')" class="flex justify-between items-center w-full p-6 text-left">
                <h3 class="text-xl font-semibold text-white">Come iscriversi ad AllChinaBuy?</h3>
                <i class='bx bx-plus text-2xl text-white transition-transform duration-300' id="icon-faq3"></i>
            </button>
            <div id="faq3" class="hidden px-6 pb-6">
                <p class="text-gray-300">Se stai cercando un agent che ti permetterà di spedire scarpe, vestiti e accessori replica a il costo minore possibile questo è la migliore scelta!

                    Dovrai creare un nuovo account e se vi iscrivete con il mio link che trovate qua sotto avrete il 50% di sconto sulla spedizione!
                    
                 <a class="text-red-800" href="https://www.allchinabuy.com/en/page/login?partnercode=wHKKre&type=register">https://www.allchinabuy.com/en/page/login?partnercode=wHKKre&type=register</a>   </p>
            </div>
        </div>


        <div class="backdrop-blur-sm bg-black/20 rounded-xl border border-white/10">
            <button onclick="toggleAccordion('faq4')" class="flex justify-between items-center w-full p-6 text-left">
                <h3 class="text-xl font-semibold text-white">Quali garanzie offre AllChinaBuy?</h3>
                <i class='bx bx-plus text-2xl text-white transition-transform duration-300' id="icon-faq4"></i>
            </button>
            <div id="faq4" class="hidden px-6 pb-6">
                <p class="text-gray-300">Offriamo una garanzia di rimborso per gli acquisti non conformi o danneggiati. Puoi contattare il nostro supporto clienti per avviare una procedura di reso o sostituzione.</p>
            </div>
        </div>
    </div>
</div>


    <div class="max-w-7xl mx-auto px-4 py-16 relative">
     
        <div class="absolute inset-0 bg-gradient-to-t from-red-500/5 to-transparent blur-3xl"></div>
        <h2 class="text-4xl font-bold bg-gradient-to-r from-red-400 to-red-600 bg-clip-text text-transparent text-center mb-12 animate__animated animate__fadeIn">
            Hai Bisogno di Aiuto?
        </h2>
        <div class="backdrop-blur-xl bg-black/30 rounded-xl p-8 border border-red-500/20 max-w-2xl mx-auto text-center transform hover:scale-[1.02] hover:shadow-[0_0_30px_rgba(255,0,0,0.15)] transition-all duration-300">
            <p class="text-xl text-gray-300 mb-8">
                Per supporto immediato e risposte alle tue domande, unisciti al nostro server Discord!
            </p>
            <a href="https://discord.gg/U8HjzhWfCS" target="_blank" 
               class="inline-flex items-center space-x-3 bg-[#5865F2] hover:bg-[#4752C4] text-white font-bold py-4 px-8 rounded-lg transform hover:scale-105 transition-all duration-300 relative overflow-hidden group">
                <span class="absolute w-64 h-64 mt-12 group-hover:-rotate-45 group-hover:-mt-24 transition-all duration-1000 ease-out -left-10 bg-white opacity-10"></span>
                <i class='bx bxl-discord-alt text-2xl relative'></i>
                <span class="relative">Unisciti al Discord</span>
            </a>
        </div>
    </div>




    <div class="max-w-7xl mx-auto px-4 py-16 relative">
    <div class="absolute inset-0 bg-gradient-to-b from-red-500/5 to-transparent blur-3xl"></div>
    <h2 class="text-4xl font-bold bg-gradient-to-r from-red-400 to-red-600 bg-clip-text text-transparent text-center mb-12">
        I Nostri Numeri
    </h2>
    
    <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
   
        <div class="backdrop-blur-xl bg-black/30 rounded-2xl p-6 border border-green-500/20 text-center transform hover:scale-105 transition-all duration-300 hover:shadow-[0_0_30px_rgba(0, 255, 8, 0.15)]">
            <div class="text-4xl font-bold text-green-400 mb-2">1000+</div>
            <div class="text-gray-400 font-bold">Utenti Supportati</div>
        </div>

      
        <div class="backdrop-blur-xl bg-black/30 rounded-2xl p-6 border border-green-500/20 text-center transform hover:scale-105 transition-all duration-300 hover:shadow-[0_0_30px_rgba(0, 255, 8, 0.15)]">
            <div class="text-4xl font-bold text-green-400 mb-2">500+</div>
            <div class="text-gray-400 font-bold">Prodotti Consigliati</div>
        </div>

    
        <div class="backdrop-blur-xl bg-black/30 rounded-2xl p-6 border border-green-500/20 text-center transform hover:scale-105 transition-all duration-300 hover:shadow-[0_0_30px_rgba(0, 255, 8, 0.15)]">
            <div class="text-4xl font-bold text-green-400 mb-2">98%</div>
            <div class="text-gray-400 font-bold">Feedback Positivi</div>
        </div>

   
        <div class="backdrop-blur-xl bg-black/30 rounded-2xl p-6 border border-green-500/20 text-center transform hover:scale-105 transition-all duration-300 hover:shadow-[0_0_30px_rgba(0, 255, 8, 0.15)]">
            <div class="text-4xl font-bold text-green-400 mb-2">70%</div>
            <div class="text-gray-400 font-bold">Risparmio Medio</div>
        </div>
    </div>
</div>


    


<footer class="relative bg-[#070808]/80 backdrop-blur-lg text-white border-t border-red-500/10 overflow-hidden">
  
    <div class="absolute inset-0 bg-gradient-to-t from-red-500/5 via-transparent to-transparent"></div>

    <div class="relative container mx-auto px-4 py-12">
    
        <div class="grid grid-cols-1 md:grid-cols-3 gap-8 mb-8">
            
            <div class="space-y-4">
                <div class="flex items-center space-x-2 group">
                    <div class="relative">
                        <div class="absolute -inset-1 bg-gradient-to-r from-red-500 to-red-600 rounded-full blur opacity-60 group-hover:opacity-100 transition duration-1000 group-hover:duration-200 animate-pulse"></div>
                        <img src="images/Tiago.png" alt="TiagoXFinds Logo" 
                             class="relative h-10 w-auto transform group-hover:rotate-6 transition-all duration-300">
                    </div>
                    <span class="text-2xl font-bold bg-gradient-to-r from-red-400 to-red-600 bg-clip-text text-transparent">
                        TiagoXFinds
                    </span>
                </div>
                <p class="text-gray-400">
                    La tua guida affidabile per acquisti intelligenti su AllChinaBuy. Scopri le migliori offerte e consigli per i tuoi acquisti.
                </p>
            </div>

        
            <div class="space-y-4">
                <h3 class="text-xl font-semibold bg-gradient-to-r from-red-400 to-red-600 bg-clip-text text-transparent">
                    Quick Links
                </h3>
                <ul class="space-y-2">
                    <li>
                        <a class='text-gray-400 hover:text-red-500 transition-colors duration-300 flex items-center space-x-2 group' href='index.html'>
                            <i class='bx bx-chevron-right transform group-hover:translate-x-1 transition-transform'></i>
                            <span>Home</span>
                        </a>
                    </li>
                    <li>
                        <a class='text-gray-400 hover:text-red-500 transition-colors duration-300 flex items-center space-x-2 group' href='products.html'>
                            <i class='bx bx-chevron-right transform group-hover:translate-x-1 transition-transform'></i>
                            <span>Products</span>
                        </a>
                    </li>
                   
                </ul>
            </div>

          
            <div class="space-y-4">
                <h3 class="text-xl font-semibold bg-gradient-to-r from-red-400 to-red-600 bg-clip-text text-transparent">
                    Social Media
                </h3>
                <div class="flex flex-wrap gap-4">
                    <a href="https://www.youtube.com/@tyzerk5559" target="_blank" 
                       class="bg-gray-800/50 backdrop-blur-sm p-3 rounded-lg hover:bg-red-500/20 hover:text-red-500 transition-all duration-300 group">
                        <i class='bx bxl-youtube text-2xl transform group-hover:scale-110 transition-transform'></i>
                    </a>
                    <a href="https://www.tiktok.com/@10tiagox" target="_blank" 
                       class="bg-gray-800/50 backdrop-blur-sm p-3 rounded-lg hover:bg-red-500/20 hover:text-red-500 transition-all duration-300 group">
                        <i class='bx bxl-tiktok text-2xl transform group-hover:scale-110 transition-transform'></i>
                    </a>
                    <a href="https://discord.gg/U8HjzhWfCS" target="_blank" 
                       class="bg-gray-800/50 backdrop-blur-sm p-3 rounded-lg hover:bg-red-500/20 hover:text-red-500 transition-all duration-300 group">
                        <i class='bx bxl-discord-alt text-2xl transform group-hover:scale-110 transition-transform'></i>
                    </a>
                </div>
                <p class="text-gray-400 mt-4">
                    Seguici sui social per rimanere aggiornato sulle ultime novità e offerte!
                </p>
            </div>
        </div>

       
        <div class="border-t border-red-500/10 my-8"></div>

  
        <div class="text-center space-y-4">
            <p class="text-xl font-bold bg-gradient-to-r from-red-400 to-red-600 bg-clip-text text-transparent">
                TiagoXFinds &copy; 2025
            </p>
            <div class="relative max-w-3xl mx-auto p-4 backdrop-blur-md bg-black/30 rounded-xl border border-red-500/10 hover:border-red-500/20 transition-colors duration-300 group">
                <div class="absolute inset-0 bg-gradient-to-r from-red-500/10 via-transparent to-red-500/10 rounded-xl opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div>
                <p class="text-red-500/80 text-sm relative">
                    TiagoXFinds does not sell any physical products and neither does AllChinaBuy.
                    This is purely link's to Taobao and Weidian to better educate buyers so they do not get scammed. 
                    TiagoXFinds does not support and endorse the sale of counterfeit goods and hopes this information 
                    is only used to aid buyers to not get scammed.
                </p>
            </div>
        </div>
    </div>

   
    <div class="absolute -top-10 -left-10 w-32 h-32 bg-red-500/20 rounded-full filter blur-3xl animate-pulse"></div>
    <div class="absolute -bottom-10 -right-10 w-32 h-32 bg-red-500/20 rounded-full filter blur-3xl animate-pulse"></div>
</footer>
  
  
  
   <script src="js/scripts.js"></script>
</body>
</html>
