OTC Pulse تحليل EUR/USD

import React from 'react';

const App = () => {
  return (
    <div className="min-h-screen bg-gradient-to-b from-deep-blue-900 to-dark-purple-900 text-white">
      <header className="p-6 text-center">
        <h1 className="font-bold text-4xl">OTC Pulse AI</h1>
        <p className="text-lg mt-2">Real-time EUR/USD OTC Analysis</p>
      </header>

      <main className="flex flex-col items-center justify-center p-4">
        <div className="bg-deep-blue-800 p-6 rounded-lg shadow-lg max-w-md w-full">
          <h2 className="text-xl font-semibold mb-4">Trade Analysis</h2>
          <p className="text-sm">Click the button to get a quick trade recommendation.</p>
          <button className="mt-4 bg-dark-purple-700 hover:bg-dark-purple-600 text-white font-bold py-2 px-4 rounded w-full transition duration-200">Start Analysis Now</button>
          <div className="mt-4 text-center">
            <span className="text-sm">Time left: </span>
            <span className="text-yellow-400 text-lg">5s</span>
          </div>
        </div>

        <div className="mt-6 bg-deep-blue-800 p-6 rounded-lg shadow-lg max-w-md w-full">
          <h2 className="text-xl font-semibold mb-4">Trade Result</h2>
          <p className="text-sm">Your trade result will appear here after completion.</p>
          <div className="mt-4 text-center text-green-400 font-bold"></div>
        </div>
      </main>

      <footer className="p-6 text-center text-sm">
        <p>© 2025 OTC Pulse AI. All rights reserved.</p>
      </footer>
    </div>
  );
};

export default App;