import React from "react";

const App = () => {
  const containerStyle = {
    backgroundColor: "#f0f0f0",
    fontFamily: "Arial, sans-serif",
    textAlign: "center",
  };

  const headerStyle = {
    backgroundColor: "#3498db",
    color: "#fff",
    padding: "20px",
  };

  const addressStyle = {
    fontSize: "24px",
    fontWeight: "bold",
    color: "#3498db",
  };

  const textStyle = {
    fontSize: "18px",
  };

  return (
    <div style={containerStyle}>
      <div style={headerStyle}>
        <h1>سامانه رصدیار به آدرس زیر انتقال یافت!</h1>
      </div>
      <div style={{ margin: "20px" }}>
        <p style={textStyle}>آدرس جدید سامانه:</p>
        <p style={addressStyle}>
          <a href="https://sha.rasadyaar.ir/">sha.rasadyaar.ir</a>
        </p>
      </div>
      <div style={{ margin: "20px" }}>
        <p style={textStyle}>برای انتقال بر روی لینک کلیک کنید.</p>
      </div>
    </div>
  );
};

export default App;
