/* @component-map
 * App — Main container, renders hero section and rainbow canvas background
 * RainbowCanvas — Animated canvas with rainbow arcs, glowing orbs, and sparkle particles
 * @end-component-map */

import { RainbowCanvas } from './components/RainbowCanvas.jsx';

function App() {
  return (
    <div className="app-wrapper">
      <RainbowCanvas />
      <div className="hero">
        <h1>Hello, World!</h1>
        <div className="sub">Welcome to the rainbow realm</div>
        <div className="emojis">🌈 ✨ 🌈</div>
        <div className="tagline">It's a great day at Deplixo!</div>
      </div>
    </div>
  );
}

ReactDOM.createRoot(document.getElementById("root")).render(<App />);