/* Bubble House website — App */

function App() {
  const [featured, setFeatured] = useState(EVENTS[0].id);

  useEffect(() => { if (window.lucide) window.lucide.createIcons(); }, []);

  return (
    <div className="bh-grain">
      <Nav />
      <Hero />
      <Marquee />
      <EventsSection onOpen={(ev) => setFeatured(ev.id)} />
      <LineupSection featuredId={featured} onSelect={setFeatured} />
      <ConceptSection />
      <GallerySection />
      <ApplySection />
      <Footer />
    </div>
  );
}

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