window.InfoSection = ({ isDark }) => {
    
    // 🔥 FAQ Schema (গুগল সার্চ রেজাল্টে প্রশ্নোত্তর হিসেবে আসার জন্য)
    const faqSchema = {
        "@context": "https://schema.org",
        "@type": "FAQPage",
        "mainEntity": [
            {
                "@type": "Question",
                "name": "Is this temp mail service free?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "Yes, Infinity Mail is a 100% free disposable email service. You can generate unlimited temporary email addresses without any registration or payment."
                }
            },
            {
                "@type": "Question",
                "name": "How long does the temporary email last?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "Our temporary emails are valid until you delete them or clear your browser data. However, for guest users, messages may be auto-cleaned after 2 hours for security."
                }
            },
            {
                "@type": "Question",
                "name": "Can I use this for Facebook or Gaming accounts?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "Absolutely! You can use our premium domains (like SharkLasers) to verify Facebook, Instagram, PUBG, Free Fire, and other gaming accounts instantly."
                }
            }
        ]
    };

    return (
        <section className={`w-full py-12 px-4 transition-colors duration-500 ${isDark ? 'bg-[#020617] text-gray-300' : 'bg-[#f0f4f8] text-slate-700'}`}>
            <div className="max-w-4xl mx-auto space-y-12">
                
                {/* 1. Power Keywords Block */}
                <div className="text-center space-y-4">
                    <h2 className={`text-2xl md:text-3xl font-bold ${isDark ? 'text-white' : 'text-slate-800'}`}>
                        The Advanced Disposable Email Service
                    </h2>
                    <p className="text-sm md:text-base leading-relaxed opacity-80">
                        Forget about spam, advertising mailings, hacking and attacking robots. Keep your real mailbox clean and secure. 
                        <strong>Infinity Mail</strong> provides a temporary, secure, anonymous, free, disposable email address. 
                        Other names for this service are: <em>tempmail, 10minutemail, throwaway email, fake email, fake mail generator, burner mail, and trash mail</em>.
                    </p>
                </div>

                {/* 2. Features Grid */}
                <div className="grid grid-cols-1 md:grid-cols-3 gap-6">
                    {[
                        { icon: "fa-shield-halved", title: "Privacy First", desc: "We don't track your IP. Your identity remains 100% anonymous." },
                        { icon: "fa-bolt", title: "Instant Receipt", desc: "Receive verification codes and OTPs in milliseconds." },
                        { icon: "fa-mobile-screen", title: "Mobile Friendly", desc: "Works perfectly on Android, iPhone, PC, and Tablets." }
                    ].map((item, idx) => (
                        <div key={idx} className={`p-6 rounded-2xl border ${isDark ? 'bg-white/5 border-white/10' : 'bg-white border-slate-200'} hover:-translate-y-1 transition-transform duration-300`}>
                            <div className="w-12 h-12 rounded-full bg-blue-500/10 flex items-center justify-center mb-4 text-blue-500">
                                <i className={`fa-solid ${item.icon} text-xl`}></i>
                            </div>
                            <h3 className={`font-bold text-lg mb-2 ${isDark ? 'text-white' : 'text-slate-800'}`}>{item.title}</h3>
                            <p className="text-sm opacity-70">{item.desc}</p>
                        </div>
                    ))}
                </div>

                {/* 3. FAQ Section (SEO Goldmine) */}
                <div className="space-y-6">
                    <h3 className={`text-xl font-bold text-center ${isDark ? 'text-white' : 'text-slate-800'}`}>Frequently Asked Questions</h3>
                    
                    <div className="grid gap-4">
                        {[
                            { q: "Why use a Temp Mail?", a: "To protect your primary inbox from spam, phishing, and promotional emails when signing up for unknown websites." },
                            { q: "Is it safe to use?", a: "Yes. We use SSL encryption and do not store your emails permanently. It's safer than giving out your real Gmail." },
                            { q: "How to get a Facebook verification code?", a: "Simply copy the email address from above, paste it into Facebook, and wait 10 seconds. The code will appear in the inbox below." }
                        ].map((faq, i) => (
                            <div key={i} className={`p-5 rounded-xl border ${isDark ? 'bg-white/5 border-white/5' : 'bg-white border-slate-200'}`}>
                                <h4 className={`font-bold text-sm mb-2 ${isDark ? 'text-blue-400' : 'text-blue-600'}`}>{faq.q}</h4>
                                <p className="text-sm opacity-80">{faq.a}</p>
                            </div>
                        ))}
                    </div>
                </div>

                {/* 4. Footer SEO Text (Hidden Strength) */}
                <div className="text-[10px] text-center opacity-40 font-mono">
                    Keywords: temp mail bd, 10 minute mail, fake email generator, free temp mail, disposable email address, burner email.
                </div>

                {/* 🔥 Injecting FAQ Schema */}
                <script type="application/ld+json">
                    {JSON.stringify(faqSchema)}
                </script>

            </div>
        </section>
    );
};