Untitled

const CombinedDashboard = () => {
  return (
    <div className="min-h-screen bg-gradient-to-br from-pink-500 to-purple-700">
      {/* Previous content remains the same... */}

      {/* Materials Order CTA */}
      <div className="max-w-7xl mx-auto px-4 pb-16">
        <div className="bg-white/10 backdrop-blur-lg rounded-lg p-8 text-center">
          <div className="flex justify-center mb-6">
            <Package className="h-12 w-12 text-white" />
          </div>
          <h2 className="text-3xl font-bold text-white mb-4">Ready to Start Spreading Understanding?</h2>
          <p className="text-xl text-white/90 mb-8 max-w-2xl mx-auto">
            Get your free personalized business cards and brochures with custom QR codes. 
            Start tracking your impact and compete for rewards.
          </p>
          <button className="bg-white/20 hover:bg-white/30 text-white px-8 py-4 rounded-lg text-xl font-medium backdrop-blur-lg inline-flex items-center gap-3 transition-all">
            Order Your Free Educational Materials
            <ArrowRight className="h-6 w-6" />
          </button>
          <p className="text-white/70 mt-4">
            Includes 500 business cards and 100 professional brochures
          </p>
        </div>
      </div>
    </div>
  );
};

export default CombinedDashboard;