@jjlmoya/utils-babies 1.1.0

package/src/tool/baby-size-converter/component.astro

@@ -0,0 +1,289 @@
+---
+import './style.css';
+import type { BabySizeConverterUI } from './index';
+import brandsData from './data.json';
+
+interface Props { ui: BabySizeConverterUI; }
+const { ui } = Astro.props;
+
+const brands = brandsData.brands;
+---
+<div
+  id="baby-size-converter-root"
+  class="baby-size-converter"
+  data-ui={JSON.stringify(ui)}
+  data-brands={JSON.stringify(brands)}
+>
+  <div class="baby-size-converter-main">
+    <div class="baby-size-converter-left">
+      <div class="baby-size-converter-section-marker">{ui.labelInput}</div>
+
+      <div class="baby-size-converter-unit-nav">
+        <button class="baby-size-converter-unit-tab active" data-unit="metric">{ui.unitMetric}</button>
+        <button class="baby-size-converter-unit-tab" data-unit="imperial">{ui.unitImperial}</button>
+      </div>
+
+      <div class="baby-size-converter-num-ctrl">
+        <div class="baby-size-converter-num-label" id="bsc-height-label">{ui.labelHeight} ({ui.labelCm})</div>
+        <div class="baby-size-converter-stepper-box">
+          <button class="baby-size-converter-btn-step" id="bsc-height-dec" aria-label="Reducir altura">−</button>
+          <div class="baby-size-converter-val-view">
+            <span class="baby-size-converter-val-big" id="bsc-height-val">68</span>
+            <span class="baby-size-converter-val-sub" id="bsc-height-unit">{ui.labelCm}</span>
+          </div>
+          <button class="baby-size-converter-btn-step" id="bsc-height-inc" aria-label="Aumentar altura">+</button>
+        </div>
+        <input class="baby-size-converter-slider-line" type="range" id="bsc-height-slider" min="45" max="100" value="68" />
+      </div>
+
+      <div class="baby-size-converter-num-ctrl">
+        <div class="baby-size-converter-num-label" id="bsc-weight-label">{ui.labelWeight} ({ui.labelKg})</div>
+        <div class="baby-size-converter-stepper-box">
+          <button class="baby-size-converter-btn-step" id="bsc-weight-dec" aria-label="Reducir peso">−</button>
+          <div class="baby-size-converter-val-view">
+            <span class="baby-size-converter-val-big" id="bsc-weight-val">8.0</span>
+            <span class="baby-size-converter-val-sub" id="bsc-weight-unit">{ui.labelKg}</span>
+          </div>
+          <button class="baby-size-converter-btn-step" id="bsc-weight-inc" aria-label="Aumentar peso">+</button>
+        </div>
+        <input class="baby-size-converter-slider-line" type="range" id="bsc-weight-slider" min="2" max="20" step="0.1" value="8" />
+      </div>
+
+      <div class="baby-size-converter-num-ctrl">
+        <div class="baby-size-converter-num-label">{ui.labelPresets}</div>
+        <div class="baby-size-converter-age-rack">
+          <button class="baby-size-converter-age-tile" data-height="56" data-weight="4.5">0-1m</button>
+          <button class="baby-size-converter-age-tile" data-height="62" data-weight="6">1-3m</button>
+          <button class="baby-size-converter-age-tile" data-height="68" data-weight="8">3-6m</button>
+          <button class="baby-size-converter-age-tile" data-height="74" data-weight="9">6-9m</button>
+          <button class="baby-size-converter-age-tile" data-height="80" data-weight="10">9-12m</button>
+          <button class="baby-size-converter-age-tile" data-height="86" data-weight="11.5">12-18m</button>
+          <button class="baby-size-converter-age-tile" data-height="92" data-weight="13">18-24m</button>
+        </div>
+      </div>
+
+      <div class="baby-size-converter-num-ctrl">
+        <div class="baby-size-converter-num-label">{ui.labelBrandFit}</div>
+        <select class="baby-size-converter-select-box" id="bsc-brand-select">
+          {brands.map((b) => (
+            <option value={b.id}>{b.name}</option>
+          ))}
+        </select>
+      </div>
+    </div>
+
+    <div class="baby-size-converter-right">
+      <div class="baby-size-converter-section-marker">{ui.labelResults}</div>
+
+      <div class="baby-size-converter-res-header">
+        <div class="baby-size-converter-res-size-main" id="bsc-size-label">68</div>
+        <div class="baby-size-converter-res-brand-hint" id="bsc-brand-hint">Zara</div>
+        <span class="baby-size-converter-fit-label" id="bsc-fit-label">{ui.fitRegular}</span>
+        <button class="baby-size-converter-share-btn" id="bsc-share-btn" aria-label={ui.shareAriaLabel}>
+          &#8679;
+        </button>
+      </div>
+
+      <div class="baby-size-converter-clothes-meta">
+        <div class="baby-size-converter-meta-title">{ui.labelGarmentMeasures}</div>
+        <div class="baby-size-converter-meta-vals">
+          <div class="baby-size-converter-meta-cell">
+            <span class="baby-size-converter-num-label">{ui.labelChest}</span>
+            <span class="baby-size-converter-val-big" id="bsc-chest-val">44 cm</span>
+          </div>
+          <div class="baby-size-converter-meta-cell">
+            <span class="baby-size-converter-num-label">{ui.labelWaist}</span>
+            <span class="baby-size-converter-val-big" id="bsc-waist-val">43 cm</span>
+          </div>
+        </div>
+      </div>
+
+      <div class="baby-size-converter-equivalents-grid-box">
+        <div class="baby-size-converter-eq-head-row">
+          <span class="baby-size-converter-eq-col-name">{ui.labelBrandFit}</span>
+          <span>{ui.labelSuggested}</span>
+        </div>
+        <div id="bsc-eq-list"></div>
+      </div>
+
+      <div class="baby-size-converter-pro-tip-footer">
+        <span class="baby-size-converter-footer-icon">&#9432;</span>
+        <span class="baby-size-converter-footer-text">{ui.tipText}</span>
+      </div>
+    </div>
+  </div>
+</div>
+
+<script is:inline>
+  (function () {
+    const root = document.getElementById('baby-size-converter-root');
+    if (!root) return;
+    const ui = JSON.parse(root.dataset.ui);
+    const brands = JSON.parse(root.dataset.brands);
+
+    let heightCm = 68;
+    let weightKg = 8.0;
+    let unitMode = 'metric';
+    let activeBrandId = brands[0].id;
+
+    const heightSlider = root.querySelector('#bsc-height-slider');
+    const weightSlider = root.querySelector('#bsc-weight-slider');
+    const heightValEl = root.querySelector('#bsc-height-val');
+    const weightValEl = root.querySelector('#bsc-weight-val');
+    const heightLabelEl = root.querySelector('#bsc-height-label');
+    const weightLabelEl = root.querySelector('#bsc-weight-label');
+    const heightUnitEl = root.querySelector('#bsc-height-unit');
+    const weightUnitEl = root.querySelector('#bsc-weight-unit');
+    const brandSelect = root.querySelector('#bsc-brand-select');
+    const sizeLabelEl = root.querySelector('#bsc-size-label');
+    const brandHintEl = root.querySelector('#bsc-brand-hint');
+    const fitLabelEl = root.querySelector('#bsc-fit-label');
+    const chestValEl = root.querySelector('#bsc-chest-val');
+    const waistValEl = root.querySelector('#bsc-waist-val');
+    const eqList = root.querySelector('#bsc-eq-list');
+    const shareBtn = root.querySelector('#bsc-share-btn');
+
+    function findBestSize(brand, height, weight) {
+      let best = brand.sizes[0];
+      let diff = Infinity;
+      brand.sizes.forEach(function (s) {
+        const d = Math.abs(s.height - height) + Math.abs(s.weight - weight) * 8;
+        if (d < diff) {
+          diff = d;
+          best = s;
+        }
+      });
+      return best;
+    }
+
+    function getFitLabel(fit) {
+      if (fit === 'large') return ui.fitLarge;
+      if (fit === 'small') return ui.fitSmall;
+      return ui.fitRegular;
+    }
+
+    function getFitClass(fit) {
+      if (fit === 'large') return 'baby-size-converter-fit-large';
+      if (fit === 'small') return 'baby-size-converter-fit-small';
+      return '';
+    }
+
+    function displayHeight() {
+      if (unitMode === 'imperial') return (heightCm / 2.54).toFixed(1);
+      return heightCm.toString();
+    }
+
+    function displayWeight() {
+      if (unitMode === 'imperial') return (weightKg * 2.20462).toFixed(1);
+      return weightKg.toFixed(1);
+    }
+
+    function updateDisplay() {
+      const activeBrand = brands.find(function (b) { return b.id === activeBrandId; }) || brands[0];
+      const best = findBestSize(activeBrand, heightCm, weightKg);
+      const measureUnit = unitMode === 'imperial' ? ui.labelIn : ui.labelCm;
+      const weightUnit = unitMode === 'imperial' ? ui.labelLb : ui.labelKg;
+
+      heightValEl.textContent = displayHeight();
+      weightValEl.textContent = displayWeight();
+      heightUnitEl.textContent = measureUnit;
+      weightUnitEl.textContent = weightUnit;
+      heightLabelEl.textContent = ui.labelHeight + ' (' + measureUnit + ')';
+      weightLabelEl.textContent = ui.labelWeight + ' (' + weightUnit + ')';
+
+      heightSlider.value = heightCm;
+      weightSlider.value = weightKg;
+
+      sizeLabelEl.textContent = best.label;
+      brandHintEl.textContent = activeBrand.name;
+      fitLabelEl.textContent = getFitLabel(activeBrand.fit);
+      fitLabelEl.className = 'baby-size-converter-fit-label ' + getFitClass(activeBrand.fit);
+
+      const chestDisplay = unitMode === 'imperial'
+        ? (best.chest / 2.54).toFixed(1) + ' ' + ui.labelIn
+        : best.chest + ' ' + ui.labelCm;
+      const waistDisplay = unitMode === 'imperial'
+        ? (best.waist / 2.54).toFixed(1) + ' ' + ui.labelIn
+        : best.waist + ' ' + ui.labelCm;
+      chestValEl.textContent = chestDisplay;
+      waistValEl.textContent = waistDisplay;
+
+      const rows = brands.map(function (b) {
+        const s = findBestSize(b, heightCm, weightKg);
+        const isActive = b.id === activeBrandId;
+        return '<div class="baby-size-converter-eq-data-row' + (isActive ? ' baby-size-converter-eq-active' : '') + '">'
+          + '<span class="baby-size-converter-eq-brand-v">' + b.name + '</span>'
+          + '<span class="baby-size-converter-eq-size-v">' + s.label + '</span>'
+          + '</div>';
+      }).join('');
+      eqList.innerHTML = rows;
+    }
+
+    root.querySelectorAll('.baby-size-converter-unit-tab').forEach(function (btn) {
+      btn.addEventListener('click', function () {
+        unitMode = btn.dataset.unit;
+        root.querySelectorAll('.baby-size-converter-unit-tab').forEach(function (b) { b.classList.remove('active'); });
+        btn.classList.add('active');
+        updateDisplay();
+      });
+    });
+
+    root.querySelectorAll('.baby-size-converter-age-tile').forEach(function (btn) {
+      btn.addEventListener('click', function () {
+        heightCm = Number(btn.dataset.height);
+        weightKg = Number(btn.dataset.weight);
+        updateDisplay();
+      });
+    });
+
+    root.querySelector('#bsc-height-dec').addEventListener('click', function () {
+      if (heightCm > 45) { heightCm -= 1; updateDisplay(); }
+    });
+    root.querySelector('#bsc-height-inc').addEventListener('click', function () {
+      if (heightCm < 100) { heightCm += 1; updateDisplay(); }
+    });
+    heightSlider.addEventListener('input', function () {
+      heightCm = Number(heightSlider.value);
+      updateDisplay();
+    });
+
+    root.querySelector('#bsc-weight-dec').addEventListener('click', function () {
+      if (weightKg > 2) { weightKg = Math.round((weightKg - 0.1) * 10) / 10; updateDisplay(); }
+    });
+    root.querySelector('#bsc-weight-inc').addEventListener('click', function () {
+      if (weightKg < 20) { weightKg = Math.round((weightKg + 0.1) * 10) / 10; updateDisplay(); }
+    });
+    weightSlider.addEventListener('input', function () {
+      weightKg = Number(weightSlider.value);
+      updateDisplay();
+    });
+
+    brandSelect.addEventListener('change', function () {
+      activeBrandId = brandSelect.value;
+      updateDisplay();
+    });
+
+    shareBtn.addEventListener('click', function () {
+      const params = new URLSearchParams();
+      params.set('h', heightCm.toString());
+      params.set('w', weightKg.toString());
+      params.set('b', activeBrandId);
+      const url = window.location.pathname + '?' + params.toString();
+      if (navigator.share) {
+        navigator.share({ url: url });
+      } else {
+        navigator.clipboard.writeText(window.location.origin + url);
+      }
+    });
+
+    const urlParams = new URLSearchParams(window.location.search);
+    if (urlParams.get('h')) heightCm = Number(urlParams.get('h'));
+    if (urlParams.get('w')) weightKg = Number(urlParams.get('w'));
+    if (urlParams.get('b')) {
+      activeBrandId = urlParams.get('b');
+      brandSelect.value = activeBrandId;
+    }
+
+    updateDisplay();
+  })();
+</script>

package/src/tool/baby-size-converter/data.json

@@ -0,0 +1,11 @@
+{
+  "brands": [
+    {"id":"zara","name":"Zara","fit":"regular","sizes":[{"label":"0-1 m","age":1,"height":56,"weight":4.5,"chest":38,"waist":38},{"label":"1-3 m","age":3,"height":62,"weight":6,"chest":41,"waist":41},{"label":"3-6 m","age":6,"height":68,"weight":8,"chest":44,"waist":43},{"label":"6-9 m","age":9,"height":74,"weight":9,"chest":47,"waist":46},{"label":"9-12 m","age":12,"height":80,"weight":10,"chest":49,"waist":48},{"label":"12-18 m","age":18,"height":86,"weight":11.5,"chest":51,"waist":50},{"label":"18-24 m","age":24,"height":92,"weight":13,"chest":53,"waist":52}]},
+    {"id":"hm","name":"H&M","fit":"large","sizes":[{"label":"50","age":0.5,"height":50,"weight":3.5,"chest":37,"waist":36},{"label":"56","age":2,"height":56,"weight":4.5,"chest":39,"waist":38},{"label":"62","age":4,"height":62,"weight":6,"chest":42,"waist":40},{"label":"68","age":6,"height":68,"weight":8,"chest":45,"waist":43},{"label":"74","age":9,"height":74,"weight":9,"chest":48,"waist":46},{"label":"80","age":12,"height":80,"weight":10.5,"chest":50,"waist":48},{"label":"86","age":18,"height":86,"weight":12,"chest":52,"waist":50},{"label":"92","age":24,"height":92,"weight":14,"chest":54,"waist":52}]},
+    {"id":"primark","name":"Primark","fit":"large","sizes":[{"label":"Up to 1m","age":1,"height":56,"weight":4.5,"chest":38.5,"waist":37},{"label":"0-3 m","age":3,"height":62,"weight":6,"chest":41.5,"waist":40},{"label":"3-6 m","age":6,"height":68,"weight":8,"chest":44.5,"waist":43},{"label":"6-9 m","age":9,"height":74,"weight":9.5,"chest":47.5,"waist":46},{"label":"9-12 m","age":12,"height":80,"weight":11,"chest":49.5,"waist":48},{"label":"12-18 m","age":18,"height":86,"weight":12.5,"chest":51.5,"waist":50},{"label":"18-24 m","age":24,"height":92,"weight":14.5,"chest":53.5,"waist":52}]},
+    {"id":"carters","name":"Carter's","fit":"small","sizes":[{"label":"NB","age":0.5,"height":55,"weight":3.6,"chest":36,"waist":35},{"label":"3m","age":3,"height":61,"weight":5.7,"chest":40,"waist":39},{"label":"6m","age":6,"height":67,"weight":7.5,"chest":43,"waist":42},{"label":"9m","age":9,"height":72,"weight":9.3,"chest":46,"waist":45},{"label":"12m","age":12,"height":78,"weight":11.1,"chest":48,"waist":47},{"label":"18m","age":18,"height":83,"weight":12.7,"chest":50,"waist":49},{"label":"24m","age":24,"height":86,"weight":13.6,"chest":52,"waist":51}]},
+    {"id":"kiabi","name":"Kiabi","fit":"regular","sizes":[{"label":"50cm","age":0.5,"height":50,"weight":3.5,"chest":37,"waist":36},{"label":"56cm","age":1,"height":56,"weight":4.5,"chest":39,"waist":38},{"label":"62cm","age":3,"height":62,"weight":6,"chest":42,"waist":41},{"label":"68cm","age":6,"height":68,"weight":8,"chest":45,"waist":44},{"label":"74cm","age":9,"height":74,"weight":9.5,"chest":48,"waist":46},{"label":"80cm","age":12,"height":80,"weight":11,"chest":50,"waist":48},{"label":"86cm","age":18,"height":86,"weight":12.5,"chest":52,"waist":50},{"label":"92cm","age":24,"height":92,"weight":14,"chest":54,"waist":52}]},
+    {"id":"mango","name":"Mango Kids","fit":"regular","sizes":[{"label":"0-1 m","age":1,"height":56,"weight":4.5,"chest":38,"waist":38},{"label":"1-3 m","age":3,"height":62,"weight":6,"chest":41,"waist":41},{"label":"3-6 m","age":6,"height":68,"weight":8,"chest":44,"waist":43},{"label":"6-9 m","age":9,"height":74,"weight":9.5,"chest":47,"waist":46},{"label":"9-12 m","age":12,"height":80,"weight":11,"chest":49,"waist":48},{"label":"12-18 m","age":18,"height":86,"weight":13,"chest":51,"waist":50},{"label":"18-24 m","age":24,"height":92,"weight":15,"chest":53,"waist":52}]},
+    {"id":"mayoral","name":"Mayoral","fit":"small","sizes":[{"label":"50","age":0.5,"height":50,"weight":3.3,"chest":36,"waist":35},{"label":"56","age":1,"height":56,"weight":4.3,"chest":38,"waist":37},{"label":"62","age":2,"height":62,"weight":5.8,"chest":41,"waist":40},{"label":"68","age":4,"height":68,"weight":7.8,"chest":44,"waist":43},{"label":"74","age":9,"height":74,"weight":9.2,"chest":47,"waist":46},{"label":"80","age":12,"height":80,"weight":10.8,"chest":49,"waist":48},{"label":"86","age":18,"height":86,"weight":12.3,"chest":51,"waist":50},{"label":"92","age":24,"height":92,"weight":13.8,"chest":53,"waist":52}]}
+  ]
+}

package/src/tool/baby-size-converter/i18n/en.ts

@@ -0,0 +1,203 @@
+import type { BabySizeConverterLocaleContent } from '../index';
+import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
+
+const slug = 'baby-size-converter';
+const title = 'Baby Size Converter';
+const description = "Convert baby clothing sizes between Zara, H&M, Primark, Carter's, Kiabi, Mango, and Mayoral. Enter your baby's height and weight to get the exact size for each brand.";
+const faq = [
+  {
+    question: "How do I know what clothing size my baby needs?",
+    answer: "The most reliable approach is to use your baby's height as the main reference. European sizes (50, 56, 62...) correspond directly to height in centimeters. Enter the baby's height and weight in the converter to get the recommended size for each brand.",
+  },
+  {
+    question: 'Why do sizes vary so much between brands?',
+    answer: "Each brand has its own cut pattern. H&M and Primark tend to run large, while Carter's and Mayoral run slim. Always use the baby's measurements, not just their age.",
+  },
+  {
+    question: 'What should I do if the baby is between two sizes?',
+    answer: 'Always choose the larger size. Babies grow very quickly and a larger size ensures better durability and comfort.',
+  },
+  {
+    question: 'Do inch-based sizes work the same way?',
+    answer: "American brands like Carter's use inches and weight as their primary reference. The converter automatically shows equivalents in the imperial system when you activate it.",
+  },
+];
+const howTo = [
+  {
+    name: "Enter the baby's height",
+    text: "Use the slider or buttons to adjust the baby's current height in centimeters or inches.",
+  },
+  {
+    name: "Enter the baby's weight",
+    text: 'Adjust the weight in kg or pounds to refine results, as some brands use weight as a complementary reference.',
+  },
+  {
+    name: 'Select a brand',
+    text: 'Choose the clothing brand to see the suggested size and estimated garment measurements.',
+  },
+  {
+    name: 'Review equivalents',
+    text: 'The right panel shows equivalent sizes for all available brands at a glance.',
+  },
+];
+
+const faqSchema: WithContext<FAQPage> = {
+  '@context': 'https://schema.org',
+  '@type': 'FAQPage',
+  mainEntity: faq.map((item) => ({
+    '@type': 'Question',
+    name: item.question,
+    acceptedAnswer: { '@type': 'Answer', text: item.answer },
+  })),
+};
+const howToSchema: WithContext<HowTo> = {
+  '@context': 'https://schema.org',
+  '@type': 'HowTo',
+  name: title,
+  description,
+  step: howTo.map((step) => ({
+    '@type': 'HowToStep',
+    name: step.name,
+    text: step.text,
+  })),
+};
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: title,
+  description,
+  applicationCategory: 'UtilitiesApplication',
+  operatingSystem: 'Web',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+  inLanguage: 'en',
+};
+
+export const content: BabySizeConverterLocaleContent = {
+  slug,
+  title,
+  description,
+  ui: {
+    labelInput: 'Baby measurements',
+    labelResults: 'Estimated equivalents',
+    labelHeight: "Baby's height",
+    labelWeight: "Baby's current weight",
+    labelPresets: 'Presets by typical age',
+    unitMetric: 'Metric (cm/kg)',
+    unitImperial: 'Imperial (in/lb)',
+    labelCm: 'cm',
+    labelKg: 'kg',
+    labelIn: 'in',
+    labelLb: 'lb',
+    labelBrandFit: 'Brand & Fit',
+    labelSuggested: 'Suggested size',
+    labelChest: 'Chest',
+    labelWaist: 'Waist',
+    labelGarmentMeasures: 'Estimated garment measurements',
+    fitRegular: 'Regular fit',
+    fitLarge: 'Large fit',
+    fitSmall: 'Slim fit',
+    tipTitle: 'Expert tip',
+    tipText: 'Babies grow in very rapid development spurts. If the result is at the upper limit of a size, always choose the next size up to ensure durability and comfort for your baby.',
+    shareAriaLabel: 'Share size',
+    faqTitle: 'Frequently asked questions',
+    bibliographyTitle: 'References',
+  },
+  seo: [
+    { type: 'title', text: 'Baby Size Guide: Zara, H&M, Primark and International Brands', level: 2 },
+    { type: 'stats', columns: 3, items: [
+      { value: '2.5 cm', label: 'Monthly growth' },
+      { value: '3 months', label: 'Duration per size' },
+      { value: '95%', label: 'Reliability by height' },
+    ]},
+    { type: 'tip', html: 'Always use height as the primary reference for choosing a size, not age. Two babies of the same age can differ by up to 8–10 cm, which means jumping a full size.' },
+    { type: 'title', text: 'Sizes by age, height and weight', level: 3 },
+    { type: 'table', headers: ['Approx. age', 'Height (cm)', 'Weight (kg)', 'Usual size', 'Estimated use'], rows: [
+      ['Newborn', '50–56', '3–4.5', '50 / NB', '4–6 weeks'],
+      ['1–3 months', '56–62', '4.5–6', '56–62', '6–8 weeks'],
+      ['3–6 months', '62–68', '6–8', '62–68', '6–8 weeks'],
+      ['6–9 months', '68–74', '8–9.5', '68–74', '6–8 weeks'],
+      ['9–12 months', '74–80', '9.5–11', '74–80', '6–8 weeks'],
+      ['12–18 months', '80–86', '11–13', '80–86', '3–4 months'],
+      ['18–24 months', '86–92', '13–15', '86–92', '3–4 months'],
+    ]},
+    { type: 'title', text: 'Brands that run large vs. slim', level: 3 },
+    { type: 'comparative', columns: 2, items: [
+      {
+        title: 'Run large (size down)',
+        description: 'These brands use wider cuts; go one size smaller than usual.',
+        points: [
+          'H&M: typically runs one size larger',
+          'Primark: generally wide cut',
+          'Lupilu (Lidl): loose fit overall',
+          'Recommended for babies in lower percentiles',
+        ],
+      },
+      {
+        title: 'Run slim (size up)',
+        description: 'These brands use narrower cuts; go one size larger than usual.',
+        points: [
+          "Carter's: American slim cut",
+          'Mayoral: fitted European cut',
+          'Neck & Neck: reduced sizing',
+          'Recommended for babies in higher percentiles',
+        ],
+      },
+    ]},
+    { type: 'title', text: 'Keys to getting the right size', level: 3 },
+    { type: 'list', items: [
+      'Always measure the baby before buying — do not rely solely on age',
+      'If the result falls between two sizes, always choose the larger one',
+      'Account for nappy room in bodysuits and all-in-ones',
+      'European sizes (50, 56, 62...) correspond to height in cm',
+      'Always wash before use: cotton can shrink up to 5%',
+    ]},
+    { type: 'glossary', items: [
+      {
+        term: 'Size 50 / Newborn',
+        definition: 'Designed for babies up to 50 cm tall and around 3.5 kg. Many babies outgrow it very quickly, even within the first weeks.',
+      },
+      {
+        term: 'Crotch length (rise)',
+        definition: 'Distance from the crotch to the waist. Critical in bodysuits and rompers: a short rise restricts the baby\'s movement even if the rest of the garment fits well.',
+      },
+      {
+        term: 'Weight-based sizing',
+        definition: "American brands like Carter's use weight as the primary reference. Useful for babies with proportions outside the standard percentile.",
+      },
+      {
+        term: 'Envelope neckline',
+        definition: 'Neckline design on bodysuits and T-shirts that allows dressing the baby by sliding the garment downward rather than over the head. Essential in the first months.',
+      },
+    ]},
+    { type: 'summary', title: 'What to remember', items: [
+      'Height is the most reliable indicator for choosing size, above age.',
+      "H&M and Primark tend to run large; Carter's and Mayoral run slim.",
+      'Numerical European sizes (50, 56, 62...) correspond to height in cm.',
+      'When between sizes, choosing the larger one ensures better durability.',
+      'Envelope necklines and a generous rise are the key comfort details.',
+    ]},
+  ],
+  faqTitle: "Frequently asked questions",
+  faq,
+  bibliographyTitle: "References",
+  bibliography: [
+    {
+      name: 'Zara - Children\'s size guide',
+      url: 'https://www.zara.com/en/size-guide.html',
+    },
+    {
+      name: 'H&M - Baby size guide',
+      url: 'https://www2.hm.com/en_gb/customer-service/sizeguide.html',
+    },
+    {
+      name: 'WHO - Child growth standards',
+      url: 'https://www.who.int/tools/child-growth-standards',
+    },
+    {
+      name: "Carter's - Size guide",
+      url: 'https://www.carters.com/size-chart',
+    },
+  ],
+  howTo,
+  schemas: [faqSchema as any, howToSchema as any, appSchema],
+};