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;
function About() {
  const facts = [["Registered", "Nutrition practitioner"], ["Practice", "Bucharest and online"], ["Since", "2016"], ["Clients", "400+"]];
  return <>
    <Section tone="linen" pad="var(--space-9)">
      <div style={{ display: "grid", gridTemplateColumns: "1fr 1fr", gap: "var(--space-9)", alignItems: "center" }}>
        <div>
          <Eyebrow tone="muted">About</Eyebrow>
          <h1 style={{ font: "400 56px/1.1 var(--font-display)", letterSpacing: "-.01em", color: "var(--ink-900)", margin: "var(--space-4) 0 var(--space-5)" }}>Roxana Cristache</h1>
          <p style={{ font: "300 22px/1.5 var(--font-display)", color: "var(--text-body)", margin: "0 0 var(--space-5)" }}>I founded Eve Nutrition because most people do not need more information. They need a structure they can keep.</p>
          <p style={{ font: "400 16px/1.65 var(--font-body)", color: "var(--text-body)", maxWidth: 520 }}>I work with adults who have tried the fast version of this and abandoned it. The practice is deliberately unglamorous: whole food, a written protocol, and enough sessions to get you past the point where motivation runs out.</p>
          <p style={{ font: "400 16px/1.65 var(--font-body)", color: "var(--text-body)", maxWidth: 520 }}>Nothing here is a cure and nothing is promised. What I can offer is a clear first step and the practice to keep taking it.</p>
        </div>
        <ImageCard src={B + "assets/imagery/in-the-hands.png"} ratio="4 / 5" eyebrow="In the hands" caption="Ingredients before they become a meal" />
      </div>
    </Section>
    <Section tone="oat" pad="var(--space-7)">
      <div style={{ display: "grid", gridTemplateColumns: "repeat(4,1fr)", gap: "var(--space-6)" }}>
        {facts.map(([k, v]) => (
          <div key={k}>
            <div style={{ font: "700 12px/1.4 var(--font-body)", letterSpacing: ".14em", textTransform: "uppercase", color: "var(--text-muted)", marginBottom: 8 }}>{k}</div>
            <div style={{ font: "400 24px/1.3 var(--font-display)", color: "var(--ink-900)" }}>{v}</div>
          </div>
        ))}
      </div>
    </Section>
    <Section tone="linen">
      <div style={{ display: "grid", gridTemplateColumns: "repeat(3,1fr)", gap: "var(--space-5)" }}>
        <Quote tone="oat" attribution="Ana P." role="Client, one year">She was the first person to ask what a normal week actually looks like.</Quote>
        <Quote tone="sage" attribution="Marta K." role="Client, two years">I stopped starting over every Monday.</Quote>
        <Quote tone="oat" attribution="Dan V." role="Client, eight months">The protocol survived a house move and a new job. That is the test.</Quote>
      </div>
    </Section>
  </>;
}
Object.assign(window, { About });