const { SiteHeader, SiteFooter, SectionHeading, Eyebrow, Button, Card, Badge, Tag, Quote, ImageCard, StepMarker, Tabs, Accordion, Field, Input, Textarea, Select, Checkbox, Switch, Radio, Dialog, Toast, Tooltip, Logo, IconButton } = window.DesignSystem_da6ab2;
const B = "./";
const NAV = [
  { id: "home", label: "Home" },
  { id: "method", label: "The Method" },
  { id: "programs", label: "Programs", children: [
    { id: "slim", label: "Slim & Sustain", image: "avocado-toast.jpg", blurb: "The entry program for building the first structure." },
    { id: "three-month", label: "Three Month Transformation", image: "platter-mezze.jpg", blurb: "The core program. Twelve weeks, three phases." },
    { id: "six-month", label: "Six Month Continuation", image: "roxana-bowl.jpg", blurb: "For clients continuing after the transformation." }
  ] },
  { id: "resources", label: "Resources", children: [
    { id: "blog", label: "Blog", blurb: "Notes on nutrition, metabolism and real life." },
    { id: "faqs", label: "FAQs", blurb: "Common questions about the method and programs." }
  ] },
  { id: "about", label: "About Roxana" }
];
const PAGE_META = {
  home: ["Eve Nutrition | Personalized Nutrition That Holds", "For people who have tried every plan and still start over. Eve Nutrition builds a personalized nutrition structure that fits your real life."],
  method: ["The Eve Method | Personalized Nutrition That Holds", "A three-phase personalized nutrition method built around your schedule, your history and the weeks that do not go to plan."],
  programs: ["Nutrition Programs | Eve Nutrition", "Explore Slim & Sustain, the Three Month Transformation and the Six Month Continuation with Roxana Cristache."],
  "three-month": ["Three Month Nutrition Program | Eve Nutrition", "Twelve weeks of personalized nutrition, structure and support built around your actual week."],
  about: ["About Roxana Cristache | Eve Nutrition", "Nutritionist with more than twelve years of practice, working with people who have already tried everything."],
  work: ["Book a Consultation | Eve Nutrition", "Start with one conversation about where you are and what is realistic for you."]
};
const Section = ({ tone = "linen", pad = "var(--space-9)", children, style }) => {
  const bg = { linen: "var(--linen-500)", oat: "var(--oat-200)", sage: "var(--sage-500)", clay: "var(--clay-500)", ink: "var(--ink-900)", card: "#fff" }[tone];
  return <section style={{ background: bg, padding: pad + " 0", ...style }}><div style={{ maxWidth: "var(--container)", margin: "0 auto", padding: "0 var(--gutter)" }}>{children}</div></section>;
};
const Footer = () => <SiteFooter base={B} note="A practitioner-led nutrition practice. Real food, clear structure, one system."
  statement="A better relationship with nutrition starts with better information. Get Roxana's latest notes on nutrition, metabolism and making healthy eating work in real life."
  columns={[{ title: "Practice", items: ["The method", "About Roxana", "Programs"] }, { title: "Company", items: ["Client login", "Contact"] }]} />;
const AnnouncementBar = ({ onClick }) => (
  <div onClick={onClick} style={{ background: "var(--sage-500)", color: "var(--linen-500)", textAlign: "center", padding: "12px var(--gutter)", cursor: onClick ? "pointer" : "default", font: "600 13px/1.5 var(--font-body)" }}>
    Tired of starting over? Find out what's actually keeping you stuck <span style={{ textDecoration: "underline", textDecorationColor: "rgba(255,255,255,.5)" }}>Take the free 5-minute assessment →</span>
  </div>
);
const Soon = ({ title, job, metaTitle, metaDesc }) => (
  <Section tone="linen" pad="var(--space-9)">
    <div style={{ maxWidth: 760 }}>
      <div style={{ font: "700 var(--size-eyebrow)/1.4 var(--font-body)", letterSpacing: "var(--tracking-eyebrow)", textTransform: "uppercase", color: "var(--text-muted)", marginBottom: "var(--space-4)" }}>Not written yet</div>
      <h1 style={{ font: "400 48px/1.1 var(--font-display)", letterSpacing: "-.01em", color: "var(--ink-900)", margin: "0 0 var(--space-5)" }}>{title}</h1>
      <p style={{ font: "300 21px/1.5 var(--font-display)", color: "var(--text-body)", margin: "0 0 var(--space-7)" }}>{job}</p>
      <div style={{ border: "1px dashed var(--clay-400)", background: "var(--clay-100)", padding: "var(--space-6)" }}>
        <div style={{ font: "700 11px/1 var(--font-body)", letterSpacing: ".12em", textTransform: "uppercase", color: "var(--clay-500)", marginBottom: "var(--space-4)" }}>Locked metadata</div>
        <div style={{ font: "400 15px/1.7 var(--font-body)", color: "var(--ink-900)" }}><strong>Title:</strong> {metaTitle}</div>
        <div style={{ font: "400 15px/1.7 var(--font-body)", color: "var(--ink-900)", marginTop: 8 }}><strong>Description:</strong> {metaDesc}</div>
      </div>
      <p style={{ font: "400 16px/1.7 var(--font-body)", color: "var(--text-muted)", marginTop: "var(--space-6)" }}>Send the copy for this page and I will build it to the same system as Home.</p>
    </div>
  </Section>
);
Object.assign(window, { Section, Footer, AnnouncementBar, NAV, PAGE_META, Soon, B });