@breathe-ds/ui 0.6.8 → 0.6.9

package/README.md

@@ -198,6 +198,10 @@ from color, not from extra markup.
   portrait on the left (photo or `living`, the team pages' living portrait), then
   eyebrow, name, role, registration, bio and `actions`. `variant` `plain` (on the page
   color) or `card` (white card). Stacks on phones.
+- **FounderSpotlight**: the family founder (Mariangela, creator of RTA and TTCAB) in one
+  block: `ProfileSpotlight` card + living portrait on hover, filled with the text validated
+  on ttcab (pt/en/es), her Instagram and the courses link. `<FounderSpotlight locale="pt" />`.
+  Media live in each site's `public/` (`/images/mariangela.png`, `/equipe/vivas/mariangela.mp4|.webp`).
 - **Texture & rhythm (opt-in)**: `.cg-grain` adds a barely-there paper grain (noise in
   the ink color) to any background — the body, a band. `bg-surface-alt` (token
   `--cg-surface-alt`, falls back to `surface`) is a band one step deeper than the page,

package/components/FounderSpotlight.tsx

@@ -0,0 +1,109 @@
+import type { ReactNode } from "react";
+import { ProfileSpotlight } from "./ProfileSpotlight";
+import { IconGraduationCap, IconInstagram } from "./icons";
+
+/**
+ * The founder of the family: Mariangela Pinheiro de Lima, who created the RTA
+ * Method and TTCAB. One block, one text, for every site of the family (ttcab,
+ * metodorta, creeta…), so she reads the same everywhere. The text is the one
+ * validated on the ttcab site (06/11/2026), in pt, en and es.
+ *
+ * Media stay in each site's `public/` (the package ships no binaries); copy them
+ * from the ttcab site, or pass your own paths:
+ *   /images/mariangela.png               still portrait (4:5)
+ *   /equipe/vivas/mariangela.mp4 + .webp living portrait (plays on hover)
+ */
+export const FOUNDER = {
+  name: "Mariangela Pinheiro de Lima",
+  registration: "CREFITO-10/2894-F",
+  instagram: "https://www.instagram.com/mariangela.rta/",
+  courses: "https://metodorta.com.br/cursos-e-eventos/",
+  pt: {
+    eyebrow: "Idealizadora",
+    role: "Criadora do método Reequilíbrio Toracoabdominal e fundadora da Escola Brasileira de RTA e Biomecânica Respiratória",
+    roleShort: "Criadora do Método RTA e do TTCAB",
+    bio: "Mariangela tem mais de 40 anos de carreira na Fisioterapia, com experiências marcantes na área pediátrica e respiratória. Iniciou como professora na PUCPR e atuou por sete anos nos hospitais Pequeno Príncipe e César Pernetta, em Curitiba. Especializou-se no Método Bobath, com influência de Oacy Veronesi e Sherry Arndt. Seu interesse em Fisioterapia Respiratória a levou a criar o Método Reequilíbrio Toracoabdominal (RTA), difundido há mais de três décadas por todo o Brasil. Também idealizou o TTCAB, a formação para o tratamento do torcicolo congênito e de outras assimetrias no bebê.",
+    instagram: "Instagram da Mariangela",
+    courses: "Cursos no site do Método RTA",
+    newTab: "(abre em nova aba)",
+  },
+  en: {
+    eyebrow: "Founder",
+    role: "Creator of the Reequilíbrio Toracoabdominal method and founder of the Escola Brasileira de RTA e Biomecânica Respiratória",
+    roleShort: "Creator of the RTA Method and of TTCAB",
+    bio: "Mariangela has a career of more than 40 years in Physiotherapy, with remarkable experience in paediatrics and respiratory care. She began as a lecturer at PUCPR and worked for seven years at the Pequeno Príncipe and César Pernetta hospitals in Curitiba. She specialised in the Bobath Concept, influenced by Oacy Veronesi and Sherry Arndt. Her interest in Respiratory Physiotherapy led her to create the Thoracoabdominal Rebalancing Method (RTA), taught across Brazil for more than three decades. She also created TTCAB, the training in the treatment of congenital torticollis and other asymmetries in babies.",
+    instagram: "Mariangela's Instagram",
+    courses: "Courses on the Método RTA website",
+    newTab: "(opens in a new tab)",
+  },
+  es: {
+    eyebrow: "Idealizadora",
+    role: "Creadora del método Reequilíbrio Toracoabdominal y fundadora de la Escola Brasileira de RTA e Biomecânica Respiratória",
+    roleShort: "Creadora del Método RTA y del TTCAB",
+    bio: "Mariangela tiene más de 40 años de carrera en la Fisioterapia, con experiencias destacadas en el área pediátrica y respiratoria. Comenzó como profesora en la PUCPR y trabajó durante siete años en los hospitales Pequeno Príncipe y César Pernetta, en Curitiba. Se especializó en el Método Bobath, con influencia de Oacy Veronesi y Sherry Arndt. Su interés por la Fisioterapia Respiratoria la llevó a crear el Método Reequilibrio Toracoabdominal (RTA), difundido desde hace más de tres décadas en todo Brasil. También ideó el TTCAB, la formación para el tratamiento de la tortícolis congénita y otras asimetrías en el bebé.",
+    instagram: "Instagram de Mariangela",
+    courses: "Cursos en el sitio del Método RTA",
+    newTab: "(se abre en una pestaña nueva)",
+  },
+} as const;
+
+export type FounderLocale = "pt" | "en" | "es";
+
+type Props = {
+  locale?: FounderLocale;
+  /** Where "courses" points (default: the Método RTA courses page). */
+  coursesHref?: string;
+  /** Media paths in the site's public/ (defaults above). */
+  photo?: string;
+  living?: { src: string; poster: string } | false;
+  /** Your own image element (e.g. next/image) in place of the photo. */
+  media?: ReactNode;
+  /** Links or buttons at the foot, after the text. */
+  actions?: ReactNode;
+  variant?: "plain" | "card";
+  headingLevel?: "h2" | "h3";
+  id?: string;
+  className?: string;
+};
+
+/**
+ * Founder spotlight: `ProfileSpotlight` (card, living portrait on hover) filled
+ * with the founder's validated text, her Instagram and the courses link. Sites
+ * only drop it in: `<FounderSpotlight locale="pt" />`.
+ */
+export function FounderSpotlight({
+  locale = "pt",
+  coursesHref = FOUNDER.courses,
+  photo = "/images/mariangela.png",
+  living = { src: "/equipe/vivas/mariangela.mp4", poster: "/equipe/vivas/mariangela.webp" },
+  media,
+  actions,
+  variant = "card",
+  headingLevel = "h2",
+  id,
+  className,
+}: Props) {
+  const t = FOUNDER[locale];
+  return (
+    <ProfileSpotlight
+      variant={variant}
+      headingLevel={headingLevel}
+      id={id}
+      className={className}
+      eyebrow={t.eyebrow}
+      name={FOUNDER.name}
+      role={t.role}
+      registration={FOUNDER.registration}
+      bio={t.bio}
+      photo={{ src: photo, alt: FOUNDER.name }}
+      living={living || undefined}
+      media={media}
+      actions={actions}
+      social={[
+        { label: t.instagram, href: FOUNDER.instagram, Icon: IconInstagram },
+        { label: t.courses, href: coursesHref, Icon: IconGraduationCap },
+      ]}
+      newTabLabel={t.newTab}
+    />
+  );
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@breathe-ds/ui",
-  "version": "0.6.8",
+  "version": "0.6.9",
   "description": "Breathe DS — the design system of the Cuidado Global family of sites (creeta, ttcab, metodorta). Themeable tokens + React components.",
   "license": "MIT",
   "type": "module",
@@ -100,6 +100,7 @@
     "./components/SidePanel": "./components/SidePanel.tsx",
     "./components/PullQuote": "./components/PullQuote.tsx",
     "./components/ProfileSpotlight": "./components/ProfileSpotlight.tsx",
+    "./components/FounderSpotlight": "./components/FounderSpotlight.tsx",
     "./components/FilterBar": "./components/FilterBar.tsx",
     "./components/Callout": "./components/Callout.tsx",
     "./components/KenBurnsImage": "./components/KenBurnsImage.tsx"