
import React from 'react';

const BybitReferralWebsite = () => {
  return (
    <div className="min-h-screen bg-gradient-to-b from-gray-900 to-gray-800 text-white font-sans">
      {/* Hero Section */}
      <header className="bg-gradient-to-r from-blue-600 to-purple-600 py-20 px-4 text-center">
        <div className="max-w-5xl mx-auto">
          <h1 className="text-4xl md:text-6xl font-bold mb-4">Bybit Global Referral Code</h1>
          <h2 className="text-2xl md:text-4xl font-bold mb-6 text-yellow-300">BET666</h2>
          <p className="text-xl mb-8">Unlock Exclusive Rewards with up to 30,000 USDT in bonuses & 50% fee discounts</p>
          <a 
            href="https://partner.bybit.com/b/bet666" 
            target="_blank" 
            rel="noopener noreferrer"
            className="bg-yellow-400 hover:bg-yellow-500 text-gray-900 font-bold py-3 px-8 rounded-full text-lg transition duration-300 inline-block"
          >
            Register Now
          </a>
        </div>
      </header>

      {/* Main Content */}
      <main className="max-w-5xl mx-auto px-4 py-12">
        {/* What is section */}
        <section className="mb-16">
          <h2 className="text-3xl font-bold mb-6 text-blue-400">What is the Bybit Global Referral Code BET666?</h2>
          <div className="bg-gray-800 p-6 rounded-lg shadow-lg">
            <p className="mb-4">
              The Bybit global referral code BET666 is a unique alphanumeric identifier designed for new users during the registration process on Bybit. Also referred to as a promo code, invite code, or discount code, it unlocks exclusive perks that enhance your trading journey.
            </p>
            <p>
              This code is particularly popular in 2025 due to its generous rewards structure, making it ideal for users in regions like the USA, India, Europe, Russia, UAE, and beyond.
            </p>
          </div>
        </section>

        {/* Benefits section */}
        <section className="mb-16">
          <h2 className="text-3xl font-bold mb-6 text-blue-400">Benefits of Using BET666</h2>
          <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
            <div className="bg-gray-800 p-6 rounded-lg shadow-lg">
              <h3 className="text-xl font-bold mb-3 text-yellow-300">Up to 30,000 USDT Signup Bonus</h3>
              <p>New users can claim bonuses in USDT based on their initial deposits and trading activity, providing a significant boost to your starting capital.</p>
            </div>
            <div className="bg-gray-800 p-6 rounded-lg shadow-lg">
              <h3 className="text-xl font-bold mb-3 text-yellow-300">50% Discount on Trading Fees</h3>
              <p>Reduce your transaction costs by up to 50%, which is especially valuable for frequent traders. Applies to spot, futures, and derivatives trading.</p>
            </div>
            <div className="bg-gray-800 p-6 rounded-lg shadow-lg">
              <h3 className="text-xl font-bold mb-3 text-yellow-300">Exclusive Trading Rewards</h3>
              <p>Access special promotions, airdrops, staking bonuses, and VIP perks. Participate in referral contests to earn additional commissions.</p>
            </div>
            <div className="bg-gray-800 p-6 rounded-lg shadow-lg">
              <h3 className="text-xl font-bold mb-3 text-yellow-300">Global Accessibility</h3>
              <p>Works in supported countries worldwide, including the USA, Russia, UAE, Germany, Turkey, India, and European nations.</p>
            </div>
          </div>
        </section>

        {/* How to use section */}
        <section className="mb-16">
          <h2 className="text-3xl font-bold mb-6 text-blue-400">How to Use the Referral Code: Step-by-Step</h2>
          <div className="bg-gray-800 p-6 rounded-lg shadow-lg">
            <ol className="space-y-4">
              <li className="flex">
                <span className="bg-blue-600 text-white rounded-full w-8 h-8 flex items-center justify-center mr-3 flex-shrink-0">1</span>
                <div>
                  <h4 className="font-bold text-lg text-yellow-300">Visit the Official Signup Page</h4>
                  <p>Go to Bybit's registration page using the dedicated referral link: <a href="https://partner.bybit.com/b/bet666" className="text-blue-400 hover:underline" target="_blank" rel="noopener noreferrer">https://partner.bybit.com/b/bet666</a>. This preloads the code automatically.</p>
                </div>
              </li>
              <li className="flex">
                <span className="bg-blue-600 text-white rounded-full w-8 h-8 flex items-center justify-center mr-3 flex-shrink-0">2</span>
                <div>
                  <h4 className="font-bold text-lg text-yellow-300">Enter Your Details</h4>
                  <p>Provide your email address or phone number and create a strong password. If the code isn't pre-filled, manually enter "BET666" in the "Referral Code," "Promo Code," or "Invite Code" field.</p>
                </div>
              </li>
              <li className="flex">
                <span className="bg-blue-600 text-white rounded-full w-8 h-8 flex items-center justify-center mr-3 flex-shrink-0">3</span>
                <div>
                  <h4 className="font-bold text-lg text-yellow-300">Verify Your Account</h4>
                  <p>Complete the email or SMS verification process. For full access to bonuses and withdrawals, proceed with KYC verification by uploading your ID documents.</p>
                </div>
              </li>
              <li className="flex">
                <span className="bg-blue-600 text-white rounded-full w-8 h-8 flex items-center justify-center mr-3 flex-shrink-0">4</span>
                <div>
                  <h4 className="font-bold text-lg text-yellow-300">Make a Deposit and Start Trading</h4>
                  <p>Fund your account via bank transfer, crypto deposit, or other methods. Begin trading to unlock tiered bonuses.</p>
                </div>
              </li>
              <li className="flex">
                <span className="bg-blue-600 text-white rounded-full w-8 h-8 flex items-center justify-center mr-3 flex-shrink-0">5</span>
                <div>
                  <h4 className="font-bold text-lg text-yellow-300">Claim Your Rewards</h4>
                  <p>Head to Bybit's Rewards Hub in your account dashboard to view and claim your bonuses.</p>
                </div>
              </li>
            </ol>
          </div>
        </section>

        {/* FAQ section */}
        <section className="mb-16">
          <h2 className="text-3xl font-bold mb-6 text-blue-400">Frequently Asked Questions</h2>
          <div className="space-y-4">
            <div className="bg-gray-800 p-6 rounded-lg shadow-lg">
              <h3 className="text-xl font-bold mb-2 text-yellow-300">What is the official Bybit global referral code for 2025?</h3>
              <p>The top-recommended Bybit global referral code is BET666, which unlocks up to 30,000 USDT in bonuses and 50% fee discounts.</p>
            </div>
            <div className="bg-gray-800 p-6 rounded-lg shadow-lg">
              <h3 className="text-xl font-bold mb-2 text-yellow-300">Can I use BET666 if I'm already a Bybit user?</h3>
              <p>No, the Bybit global referral code BET666 is exclusive to new users. Existing accounts can't apply it, but you can generate your own code to refer others.</p>
            </div>
            <div className="bg-gray-800 p-6 rounded-lg shadow-lg">
              <h3 className="text-xl font-bold mb-2 text-yellow-300">Is the Bybit global referral code BET666 available worldwide?</h3>
              <p>Yes, it's valid globally in supported regions, including the USA, Europe, Asia, and the Middle East, with few restrictions.</p>
            </div>
            <div className="bg-gray-800 p-6 rounded-lg shadow-lg">
              <h3 className="text-xl font-bold mb-2 text-yellow-300">How do I maximize bonuses with the Bybit global referral code?</h3>
              <p>Complete KYC, deposit funds promptly, and engage in trading tasks outlined in Bybit's promotions to hit the full 30,000 USDT reward.</p>
            </div>
            <div className="bg-gray-800 p-6 rounded-lg shadow-lg">
              <h3 className="text-xl font-bold mb-2 text-yellow-300">What if the code doesn't work during signup?</h3>
              <p>Double-check spelling (it's BET666), ensure you're a new user, and contact Bybit support. Using the referral link usually auto-applies it.</p>
            </div>
          </div>
        </section>

        {/* CTA section */}
        <section className="text-center py-8">
          <h2 className="text-3xl font-bold mb-4">Ready to Get Started?</h2>
          <p className="text-xl mb-8">Sign up today with the Bybit global referral code BET666 and claim your rewards!</p>
          <a 
            href="https://partner.bybit.com/b/bet666" 
            target="_blank" 
            rel="noopener noreferrer"
            className="bg-yellow-400 hover:bg-yellow-500 text-gray-900 font-bold py-3 px-8 rounded-full text-lg transition duration-300 inline-block"
          >
            Register with BET666
          </a>
        </section>
      </main>

      {/* Footer */}
      <footer className="bg-gray-900 py-8 text-center text-gray-400">
        <div className="max-w-5xl mx-auto px-4">
          <p>© 2025 Bybit Referral Program. Trading cryptocurrency involves risk.</p>
          <p className="mt-2">Always do your own research before investing.</p>
        </div>
      </footer>
    </div>
  );
};

export default BybitReferralWebsite;


Bybit Global Referral Code Website