Editorial Intro

import EditorialIntro from "./index.jsx";
import { editorialIntro } from "../demo-data.js";

export default function EditorialIntroDemo() {
  return (
    <>
      <EditorialIntro {...editorialIntro} />

      <EditorialIntro
        label="The Mission"
        heading="Clean beauty, honestly made."
        headingEmphasis="honestly made."
        description="No fillers, no artificial fragrances — just pure ingredients your skin will love. We believe **good skincare** shouldn't need a chemistry degree to understand."
        background="#fff"
      />

      <EditorialIntro
        label="Our Promise"
        heading="Made for every skin. Tested by real people."
        headingEmphasis="every skin."
        description="From dry to sensitive, our formulas are designed to work across all skin types. Every batch is **small-batch tested** before it leaves our studio."
        background="#e8e0d8"
      />

      <EditorialIntro
        label="The Craft"
        heading="Whipped by hand, never mass-produced."
        headingEmphasis="by hand,"
        description="Each jar is made in small batches using traditional techniques passed down through generations of West African women."
        background="#1a1a1a"
        dark
      />
    </>
  );
}