// ────────────────────────────────────────────────────────────────────────
//  app.jsx — App shell + mount
//
//  The three ivory sections after the date reveal share ONE continuous
//  background so there are no seams between them — the journey reads as a
//  single flowing scene rather than a stack of slides. A page-wide ambient
//  petal layer drifts over every section to tie it all together.
// ────────────────────────────────────────────────────────────────────────

function App() {
  return (
    <main style={{ background: '#efe2c9' }}>
      <window.OpeningHero />

      {/* one unbroken gradient across invitation → agenda → RSVP */}
      <div style={{ position: 'relative',
        background: 'linear-gradient(180deg, #f7efdf 0%, #f3e7cd 18%, #efe2c9 38%, #eddfc2 58%, #e9dabb 78%, #e4d4b1 100%)' }}>
        <window.InvitationPlaceholder />
        <window.AgendaScroll />
        <window.RSVPSection />
      </div>

      <window.ClosingSection />

      {/* continuous atmosphere threading through the whole page */}
      <window.FlowAmbience />
    </main>
  );
}

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