/* @component-map
 * App — Main container, renders background effects and invite card
 * InviteCard — Displays the invitation card with dynamic content based on promo data
 * @end-component-map */

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

function App() {
  return (
    <div className="app-root">
      <div className="bg-glow"></div>
      <div className="orb orb-1"></div>
      <div className="orb orb-2"></div>
      <div className="orb orb-3"></div>

      <div className="page">
        <InviteCard />

        <div className="footer">
          <a href="https://deplixo.com" target="_blank" rel="noopener">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
              <path d="M12 2L2 7l10 5 10-5-10-5z" />
              <path d="M2 17l10 5 10-5" />
              <path d="M2 12l10 5 10-5" />
            </svg>
            Powered by Deplixo
          </a>
        </div>
      </div>
    </div>
  );
}

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