/* Bar Kiosi — app root + Tweaks (placeholder info lives here) */

const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{
  "phone": "(215) 555-0149",
  "email": "hello@barkiosi.com",
  "instagram": "@barkiosi",
  "price": "649",
  "serviceArea": "Philadelphia · King of Prussia · Main Line",
  "showTestimonial": false,
  "testimonialQuote": "Our guests could not stop talking about the bar — half of them didn't even realize there was no alcohol.",
  "testimonialAuthor": "— Future you, after the first event"
}/*EDITMODE-END*/;

function App() {
  const [t, setTweak] = useTweaks(TWEAK_DEFAULTS);
  return (
    <React.Fragment>
      <Nav t={t} />
      <main>
        <Hero t={t} />
        <Idea />
        <Package t={t} />
        <Menu />
        <Gallery t={t} />
        <Booking t={t} />
      </main>
      <Footer t={t} />

      <TweaksPanel>
        <TweakSection label="Contact — swap in your real details" />
        <TweakText label="Phone (Text to book)" value={t.phone} onChange={(v) => setTweak("phone", v)} />
        <TweakText label="Email (Email instead)" value={t.email} onChange={(v) => setTweak("email", v)} />
        <TweakText label="Instagram handle" value={t.instagram} onChange={(v) => setTweak("instagram", v)} />

        <TweakSection label="Details" />
        <TweakText label="Flat price ($)" value={t.price} onChange={(v) => setTweak("price", v)} />
        <TweakText label="Service area" value={t.serviceArea} onChange={(v) => setTweak("serviceArea", v)} />

        <TweakSection label="Testimonial — turn on after your first event" />
        <TweakToggle label="Show testimonial" value={t.showTestimonial} onChange={(v) => setTweak("showTestimonial", v)} />
        <TweakText label="Quote" value={t.testimonialQuote} onChange={(v) => setTweak("testimonialQuote", v)} />
        <TweakText label="Attribution" value={t.testimonialAuthor} onChange={(v) => setTweak("testimonialAuthor", v)} />
      </TweaksPanel>
    </React.Fragment>
  );
}

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