30天投资赚$90

import React from 'react';
import './App.css';

function App() {
  return (
    <div className="App bg-gray-900 text-white min-h-screen">
      <header className="App-header p-8">
        <h1 className="text-4xl font-bold mb-4">$10 Investment App</h1>
        <p className="text-lg">Maximize your earnings in 30 days with our staking platform.</p>
      </header>
      <section className="investment-info bg-gray-800 p-6 mx-8 my-4 rounded-lg">
        <h2 className="text-2xl font-semibold mb-4">Investment Details</h2>
        <p className="text-lg">Invest $10 and stake $90 to earn $3 per day.</p>
        <p className="text-lg">Instant earnings and withdrawals available.</p>
      </section>
      <section className="earnings-calculator bg-gray-800 p-6 mx-8 my-4 rounded-lg">
        <h2 className="text-2xl font-semibold mb-4">Earnings Calculator</h2>
        <p className="text-lg">Calculate your potential earnings over 30 days.</p>
        <div className="calculator-result bg-gray-700 p-4 rounded mt-4">
          <p className="text-lg">Total Earnings: $90</p>
        </div>
      </section>
      <section className="withdrawal-process bg-gray-800 p-6 mx-8 my-4 rounded-lg">
        <h2 className="text-2xl font-semibold mb-4">Withdrawal Process</h2>
        <p className="text-lg">Withdraw your earnings instantly with just one click.</p>
      </section>
      <section className="testimonials bg-gray-800 p-6 mx-8 my-4 rounded-lg">
        <h2 className="text-2xl font-semibold mb-4">Testimonials</h2>
        <div className="testimonial bg-gray-700 p-4 rounded mb-4">
          <p className="text-lg">"This app is amazing! I earned $90 in just 30 days."</p>
          <p className="text-sm text-gray-400">- John Doe</p>
        </div>
        <div className="testimonial bg-gray-700 p-4 rounded mb-4">
          <p className="text-lg">"Easy to use and instant withdrawals. Highly recommend!"</p>
          <p className="text-sm text-gray-400">- Jane Smith</p>
        </div>
      </section>
      <section className="faq bg-gray-800 p-6 mx-8 my-4 rounded-lg">
        <h2 className="text-2xl font-semibold mb-4">FAQ</h2>
        <div className="question bg-gray-700 p-4 rounded mb-4">
          <p className="text-lg">How do I start investing?</p>
          <p className="text-sm text-gray-400">Simply sign up and follow the instructions to invest and stake your funds.</p>
        </div>
        <div className="question bg-gray-700 p-4 rounded mb-4">
          <p className="text-lg">When can I withdraw my earnings?</p>
          <p className="text-sm text-gray-400">You can withdraw your earnings instantly at any time.</p>
        </div>
      </section>
      <section className="contact-us bg-gray-800 p-6 mx-8 my-4 rounded-lg">
        <h2 className="text-2xl font-semibold mb-4">Contact Us</h2>
        <p className="text-lg">Have questions? Reach out to our support team.</p>
        <div className="contact-info bg-gray-700 p-4 rounded mt-4">
          <p className="text-lg">Email: [email protected]</p>
          <p className="text-lg">Phone: +1 234 567 890</p>
        </div>
      </section>
      <footer className="App-footer bg-gray-800 p-6 mt-8">
        <p className="text-sm text-gray-400">© 2025 $10 Investment App. All rights reserved.</p>
      </footer>
    </div>
  );
}

export default App;