// Minimal test component
function TestApp() {
  return (
    <div
      style={{
        minHeight: "100vh",
        display: "flex",
        alignItems: "center",
        justifyContent: "center",
        background: "linear-gradient(135deg, #3b82f6, #8b5cf6)",
        color: "white",
        fontFamily: "Inter, sans-serif",
      }}
    >
      <div
        style={{
          background: "rgba(255,255,255,0.2)",
          padding: "40px 60px",
          borderRadius: "20px",
          backdropFilter: "blur(10px)",
          textAlign: "center",
        }}
      >
        <h1 style={{ fontSize: "2.5rem", marginBottom: "10px" }}>
          🎵 Worship Platform
        </h1>
        <p style={{ opacity: 0.9 }}>React is working!</p>
      </div>
    </div>
  );
}

export default TestApp;
