
import React from 'react';

const BingXReferralWebsite = () => {
  return (
    <div className="min-h-screen bg-gradient-to-b from-gray-900 to-gray-800 text-white">
      {/* Hero Section */}
      <header className="bg-black py-6 shadow-lg">
        <div className="container mx-auto px-4 flex justify-between items-center">
          <div className="text-2xl font-bold">BingX<span className="text-blue-500">Global</span></div>
          <a 
            href="https://bingx.com/invite/IMOIJ1" 
            target="_blank" 
            rel="noopener noreferrer"
            className="bg-blue-600 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded-lg transition duration-300"
          >
            Sign Up Now
          </a>
        </div>
      </header>

      {/* Main Hero */}
      <div className="container mx-auto px-4 py-16 text-center">
        <h1 className="text-5xl font-bold mb-4">BingX Referral Code: IMOIJ1</h1>
        <h2 className="text-3xl font-semibold text-blue-400 mb-8">Unlock Your 7700 USDT Sign-Up Bonus</h2>
        <p className="text-xl mb-8 max-w-3xl mx-auto">
          Ready to dive into cryptocurrency trading with a head start? Use referral code <span className="bg-blue-900 text-blue-300 px-3 py-1 rounded-lg font-mono">IMOIJ1</span> to claim exclusive bonuses and enhance your trading experience.
        </p>
        <div className="flex justify-center">
          <a 
            href="https://bingx.com/invite/IMOIJ1" 
            target="_blank" 
            rel="noopener noreferrer"
            className="bg-blue-600 hover:bg-blue-700 text-white text-xl font-bold py-4 px-8 rounded-lg transition duration-300 animate-pulse"
          >
            Register with Code: IMOIJ1
          </a>
        </div>
      </div>

      {/* What is BingX Section */}
      <section className="container mx-auto px-4 py-16">
        <h2 className="text-3xl font-bold mb-8 text-center">What is BingX and Why Use a Referral Code?</h2>
        <div className="bg-gray-800 p-8 rounded-xl shadow-xl">
          <p className="text-lg mb-4">
            BingX is a leading cryptocurrency exchange platform that offers spot trading, futures, copy trading, and more. It's popular among traders worldwide for its user-friendly interface, low fees, and innovative features.
          </p>
          <p className="text-lg mb-4">
            Signing up with the BingX referral code <span className="bg-blue-900 text-blue-300 px-2 py-0.5 rounded-lg font-mono">IMOIJ1</span> provides immediate value through bonuses, making it easier to start trading without a large initial deposit.
          </p>
          <p className="text-lg">
            The platform operates globally, ensuring accessibility for users outside restricted regions. By entering the referral code during registration, you unlock rewards that can include trading fee discounts, bonus USDT, and other incentives tailored for new users.
          </p>
        </div>
      </section>

      {/* How to Sign Up Section */}
      <section className="container mx-auto px-4 py-16 bg-gray-900 rounded-xl">
        <h2 className="text-3xl font-bold mb-8 text-center">How to Sign Up with Referral Code IMOIJ1</h2>
        
        <div className="grid md:grid-cols-2 gap-8">
          <div className="bg-gray-800 p-6 rounded-xl shadow-lg">
            <div className="flex items-center mb-4">
              <div className="bg-blue-600 w-10 h-10 rounded-full flex items-center justify-center mr-4">1</div>
              <h3 className="text-xl font-semibold">Visit the BingX Website</h3>
            </div>
            <p>Head to the official BingX global site at bingx.com and click on "Sign Up" or "Register."</p>
          </div>
          
          <div className="bg-gray-800 p-6 rounded-xl shadow-lg">
            <div className="flex items-center mb-4">
              <div className="bg-blue-600 w-10 h-10 rounded-full flex items-center justify-center mr-4">2</div>
              <h3 className="text-xl font-semibold">Enter Your Details</h3>
            </div>
            <p>Provide your email address or phone number, create a strong password, and agree to the terms of service.</p>
          </div>
          
          <div className="bg-gray-800 p-6 rounded-xl shadow-lg">
            <div className="flex items-center mb-4">
              <div className="bg-blue-600 w-10 h-10 rounded-full flex items-center justify-center mr-4">3</div>
              <h3 className="text-xl font-semibold">Input the Referral Code</h3>
            </div>
            <p>During registration, look for the field labeled "Referral Code" or "Invite Code." Enter <span className="bg-blue-900 text-blue-300 px-2 py-0.5 rounded-lg font-mono">IMOIJ1</span>. This code ensures you receive the maximum sign-up bonus.</p>
          </div>
          
          <div className="bg-gray-800 p-6 rounded-xl shadow-lg">
            <div className="flex items-center mb-4">
              <div className="bg-blue-600 w-10 h-10 rounded-full flex items-center justify-center mr-4">4</div>
              <h3 className="text-xl font-semibold">Verify Your Account</h3>
            </div>
            <p>Complete any required verification steps, such as email confirmation or KYC (Know Your Customer) if needed for full access.</p>
          </div>
          
          <div className="bg-gray-800 p-6 rounded-xl shadow-lg md:col-span-2">
            <div className="flex items-center mb-4">
              <div className="bg-blue-600 w-10 h-10 rounded-full flex items-center justify-center mr-4">5</div>
              <h3 className="text-xl font-semibold">Claim Your Bonus</h3>
            </div>
            <p>Once registered, check your account dashboard or promotions section. The 7700 USDT bonus will be credited based on your first deposit and trading activity.</p>
          </div>
        </div>
        
        <div className="mt-8 text-center">
          <p className="text-yellow-300 font-semibold">Remember, the BingX referral code IMOIJ1 is case-sensitive, so enter it exactly as shown.</p>
        </div>
      </section>

      {/* Benefits Section */}
      <section className="container mx-auto px-4 py-16">
        <h2 className="text-3xl font-bold mb-8 text-center">Benefits of Using BingX Referral Code IMOIJ1</h2>
        
        <div className="grid md:grid-cols-2 gap-8">
          <div className="bg-gradient-to-br from-blue-900 to-blue-800 p-6 rounded-xl shadow-lg">
            <h3 className="text-xl font-semibold mb-4">💰 Massive Sign-Up Bonus</h3>
            <p>Up to 7700 USDT in bonuses, which can cover trading fees, leverage positions, or serve as risk-free starting capital.</p>
          </div>
          
          <div className="bg-gradient-to-br from-blue-900 to-blue-800 p-6 rounded-xl shadow-lg">
            <h3 className="text-xl font-semibold mb-4">🌎 Global Accessibility</h3>
            <p>Designed for international users, ensuring compliance with global regulations while offering seamless trading.</p>
          </div>
          
          <div className="bg-gradient-to-br from-blue-900 to-blue-800 p-6 rounded-xl shadow-lg">
            <h3 className="text-xl font-semibold mb-4">🎁 Additional Perks</h3>
            <p>Enjoy reduced trading fees (up to 20% discount), access to exclusive events, and priority customer support.</p>
          </div>
          
          <div className="bg-gradient-to-br from-blue-900 to-blue-800 p-6 rounded-xl shadow-lg">
            <h3 className="text-xl font-semibold mb-4">📊 Copy Trading Rewards</h3>
            <p>BingX's unique copy trading feature allows you to mirror successful traders, and the referral bonus amplifies your potential earnings.</p>
          </div>
        </div>
      </section>

      {/* Tips Section */}
      <section className="container mx-auto px-4 py-16 bg-gray-900 rounded-xl">
        <h2 className="text-3xl font-bold mb-8 text-center">Tips for Maximizing Your BingX Bonus</h2>
        
        <div className="grid md:grid-cols-2 gap-8">
          <div className="bg-gray-800 p-6 rounded-xl shadow-lg">
            <div className="flex items-start">
              <div className="text-blue-400 text-3xl mr-4">💡</div>
              <div>
                <h3 className="text-xl font-semibold mb-2">Deposit Strategically</h3>
                <p>Meet the minimum deposit threshold quickly to activate the full bonus.</p>
              </div>
            </div>
          </div>
          
          <div className="bg-gray-800 p-6 rounded-xl shadow-lg">
            <div className="flex items-start">
              <div className="text-blue-400 text-3xl mr-4">💡</div>
              <div>
                <h3 className="text-xl font-semibold mb-2">Explore Trading Options</h3>
                <p>Use the bonus on high-liquidity pairs like BTC/USDT or ETH/USDT to minimize risks.</p>
              </div>
            </div>
          </div>
          
          <div className="bg-gray-800 p-6 rounded-xl shadow-lg">
            <div className="flex items-start">
              <div className="text-blue-400 text-3xl mr-4">💡</div>
              <div>
                <h3 className="text-xl font-semibold mb-2">Stay Updated</h3>
                <p>Follow BingX's promotions page for additional referral-linked offers.</p>
              </div>
            </div>
          </div>
          
          <div className="bg-gray-800 p-6 rounded-xl shadow-lg">
            <div className="flex items-start">
              <div className="text-blue-400 text-3xl mr-4">💡</div>
              <div>
                <h3 className="text-xl font-semibold mb-2">Trade Responsibly</h3>
                <p>Always trade with funds you can afford to lose, and utilize BingX's risk management tools.</p>
              </div>
            </div>
          </div>
        </div>
      </section>

      {/* CTA Section */}
      <section className="container mx-auto px-4 py-16 text-center">
        <h2 className="text-3xl font-bold mb-6">Ready to Start Trading with BingX?</h2>
        <p className="text-xl mb-8">Don't miss out on the 7700 USDT bonus—sign up today and elevate your crypto journey!</p>
        <a 
          href="https://bingx.com/invite/IMOIJ1" 
          target="_blank" 
          rel="noopener noreferrer"
          className="bg-blue-600 hover:bg-blue-700 text-white text-xl font-bold py-4 px-8 rounded-lg transition duration-300"
        >
          Register Now with Code: IMOIJ1
        </a>
      </section>

      {/* Footer */}
      <footer className="bg-black py-8">
        <div className="container mx-auto px-4 text-center text-gray-400">
          <p className="mb-4">Remember to use referral code <span className="text-blue-400 font-mono">IMOIJ1</span> when signing up!</p>
          <p>Registration link: <a href="https://bingx.com/invite/IMOIJ1" target="_blank" rel="noopener noreferrer" className="text-blue-400 hover:underline">https://bingx.com/invite/IMOIJ1</a></p>
        </div>
      </footer>
    </div>
  );
};

export default BingXReferralWebsite;


BingX Referral Code Website