@jjlmoya/utils-diy 1.12.0 → 1.14.0

package/src/tool/pythagoreanRightAngleCalculator/pythagorean-right-angle-calculator.css

@@ -0,0 +1,378 @@
+:root {
+  --prac-primary: #6366f1;
+  --prac-primary-dark: #4f46e5;
+  --prac-primary-light: #818cf8;
+  --prac-neutral: #1e293b;
+  --prac-neutral-light: #64748b;
+  --prac-success: #10b981;
+  --prac-warning: #f59e0b;
+  --prac-error: #ef4444;
+  --prac-border: #e2e8f0;
+  --prac-bg-light: #f8fafc;
+  --prac-bg-lighter: #f1f5f9;
+  --prac-bg: #fff;
+}
+
+:root.theme-dark {
+  --prac-primary: #818cf8;
+  --prac-primary-dark: #6366f1;
+  --prac-primary-light: #a5b4fc;
+  --prac-neutral: #f1f5f9;
+  --prac-neutral-light: #9ca3af;
+  --prac-success: #34d399;
+  --prac-warning: #fbbf24;
+  --prac-error: #f87171;
+  --prac-border: rgba(255, 255, 255, 0.1);
+  --prac-bg-light: rgba(255, 255, 255, 0.04);
+  --prac-bg-lighter: rgba(255, 255, 255, 0.02);
+  --prac-bg: rgba(255, 255, 255, 0.01);
+}
+
+.prac-root {
+  width: 100%;
+  color: var(--prac-neutral);
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.prac-container {
+  display: grid;
+  grid-template-columns: 1fr;
+  gap: 0;
+  background: var(--prac-bg);
+}
+
+@media (min-width: 768px) {
+  .prac-container {
+    grid-template-columns: 280px 1fr;
+    gap: 2rem;
+    padding: 2rem;
+  }
+}
+
+.prac-inputs {
+  padding: 1.5rem;
+  border-bottom: 4px solid var(--prac-primary);
+  display: flex;
+  flex-direction: column;
+  gap: 1.25rem;
+  background: var(--prac-bg-light);
+}
+
+@media (min-width: 768px) {
+  .prac-inputs {
+    border-bottom: none;
+    border-right: 4px solid var(--prac-primary);
+    padding: 1.5rem;
+    background: var(--prac-bg);
+  }
+}
+
+.prac-unit-selector {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 0.75rem;
+}
+
+.prac-unit-btn {
+  padding: 0.875rem 1rem;
+  border: 2.5px solid var(--prac-border);
+  border-radius: 0.5rem;
+  background: var(--prac-bg);
+  color: var(--prac-neutral);
+  font-weight: 700;
+  cursor: pointer;
+  transition: all 200ms ease;
+  font-size: 0.95rem;
+  letter-spacing: 0.5px;
+}
+
+.prac-unit-btn:hover {
+  border-color: var(--prac-primary);
+  background: var(--prac-bg-lighter);
+  transform: translateY(-2px);
+  box-shadow: 0 4px 12px rgba(99, 102, 241, 0.15);
+}
+
+.prac-unit-btn.active {
+  background: var(--prac-primary);
+  color: #fff;
+  border-color: var(--prac-primary);
+  box-shadow: 0 6px 20px rgba(99, 102, 241, 0.3);
+}
+
+.prac-input-group {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+
+.prac-input-group label {
+  font-size: 0.8rem;
+  font-weight: 800;
+  color: var(--prac-neutral);
+  text-transform: uppercase;
+  letter-spacing: 0.8px;
+}
+
+.prac-input-group input {
+  padding: 0.875rem 1rem;
+  border: 2.5px solid var(--prac-border);
+  border-radius: 0.5rem;
+  font-size: 1.1rem;
+  font-weight: 700;
+  background: var(--prac-bg);
+  color: var(--prac-neutral);
+  transition: all 200ms ease;
+}
+
+.prac-input-group input:focus {
+  outline: none;
+  border-color: var(--prac-primary);
+  box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.1);
+  background: var(--prac-bg-lighter);
+}
+
+.prac-button-group {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 0.75rem;
+  margin-top: 0.5rem;
+}
+
+.prac-btn {
+  padding: 0.875rem 1rem;
+  border: 2.5px solid var(--prac-border);
+  border-radius: 0.5rem;
+  background: var(--prac-bg);
+  color: var(--prac-neutral);
+  font-weight: 700;
+  cursor: pointer;
+  font-size: 0.9rem;
+  transition: all 200ms ease;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+}
+
+.prac-btn:hover {
+  border-color: var(--prac-primary);
+  background: var(--prac-bg-lighter);
+  transform: translateY(-2px);
+}
+
+.prac-btn:active {
+  transform: translateY(0);
+}
+
+.prac-presets {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 0.75rem;
+  margin-top: 1.5rem;
+  padding-top: 1.5rem;
+  border-top: 2.5px solid var(--prac-border);
+}
+
+.prac-preset {
+  padding: 0.875rem 1rem;
+  border: 2.5px solid var(--prac-primary);
+  border-radius: 0.5rem;
+  background: var(--prac-bg-lighter);
+  color: var(--prac-neutral);
+  font-weight: 800;
+  cursor: pointer;
+  font-size: 0.9rem;
+  transition: all 200ms ease;
+}
+
+.prac-preset:hover {
+  background: var(--prac-primary);
+  color: #fff;
+  transform: translateY(-2px);
+  box-shadow: 0 6px 20px rgba(99, 102, 241, 0.3);
+}
+
+.prac-display {
+  padding: 1.5rem;
+  display: flex;
+  flex-direction: column;
+  gap: 1.25rem;
+}
+
+.prac-status {
+  padding: 1.25rem;
+  border-radius: 0.75rem;
+  border: 2.5px solid var(--prac-border);
+  background: var(--prac-bg-light);
+  display: grid;
+  grid-template-columns: 50px 1fr;
+  gap: 1rem;
+  align-items: center;
+  transition: all 200ms ease;
+}
+
+.prac-status-indicator {
+  width: 50px;
+  height: 50px;
+  border-radius: 50%;
+  background: #e5e7eb;
+  box-shadow: inset 0 0 0 2px #9ca3af;
+}
+
+.prac-status.perfect .prac-status-indicator {
+  background: var(--prac-success);
+  box-shadow: 0 0 16px rgba(16, 185, 129, 0.5);
+}
+
+.prac-status.acceptable .prac-status-indicator {
+  background: var(--prac-success);
+  box-shadow: 0 0 16px rgba(16, 185, 129, 0.5);
+}
+
+.prac-status.warning .prac-status-indicator {
+  background: var(--prac-warning);
+  box-shadow: 0 0 16px rgba(245, 158, 11, 0.5);
+}
+
+.prac-status.error .prac-status-indicator {
+  background: var(--prac-error);
+  box-shadow: 0 0 16px rgba(239, 68, 68, 0.5);
+}
+
+.prac-status-content {
+  display: flex;
+  flex-direction: column;
+  gap: 0.35rem;
+}
+
+.prac-status-title {
+  font-weight: 800;
+  font-size: 1.05rem;
+  color: var(--prac-neutral);
+}
+
+.prac-status-value {
+  font-size: 0.9rem;
+  color: var(--prac-neutral-light);
+  font-weight: 700;
+}
+
+.prac-results-grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 1rem;
+}
+
+.prac-result-box {
+  padding: 1.25rem;
+  background: rgba(255, 255, 255, 0.5);
+  border-radius: 0.75rem;
+  border: 2.5px solid var(--prac-primary);
+  text-align: center;
+  transition: all 200ms ease;
+}
+
+:root.theme-dark .prac-result-box {
+  background: rgba(129, 140, 248, 0.1);
+  border-color: rgba(129, 140, 248, 0.6);
+}
+
+.prac-result-box:hover {
+  transform: translateY(-2px);
+  box-shadow: 0 8px 24px rgba(99, 102, 241, 0.15);
+}
+
+.prac-result-label {
+  display: block;
+  font-size: 0.75rem;
+  font-weight: 800;
+  color: var(--prac-neutral-light);
+  text-transform: uppercase;
+  letter-spacing: 0.8px;
+  margin-bottom: 0.5rem;
+}
+
+.prac-result-value {
+  display: block;
+  font-size: 2rem;
+  font-weight: 900;
+  color: var(--prac-primary);
+  margin-bottom: 0.35rem;
+}
+
+.prac-result-unit {
+  display: block;
+  font-size: 0.85rem;
+  color: var(--prac-neutral-light);
+  font-weight: 700;
+}
+
+.prac-svg {
+  width: 100%;
+  height: auto;
+  min-height: 180px;
+  max-height: 200px;
+  margin: 0.5rem 0;
+}
+
+.prac-label {
+  font-size: 12px;
+  font-weight: 800;
+  fill: var(--prac-primary);
+  text-anchor: middle;
+}
+
+.prac-label-hyp {
+  fill: var(--prac-primary);
+  font-weight: 900;
+  font-size: 13px;
+}
+
+.prac-message {
+  font-size: 0.95rem;
+  line-height: 1.5;
+  color: var(--prac-neutral);
+  font-weight: 700;
+  min-height: 1.5rem;
+  padding: 1rem;
+  background: rgba(245, 158, 11, 0.2);
+  border-left: 5px solid var(--prac-warning);
+  border-radius: 0.375rem;
+}
+
+.prac-status.error ~ .prac-message {
+  background: rgba(239, 68, 68, 0.2);
+  border-left-color: var(--prac-error);
+}
+
+.prac-status.perfect ~ .prac-message,
+.prac-status.acceptable ~ .prac-message {
+  background: rgba(16, 185, 129, 0.2);
+  border-left-color: var(--prac-success);
+}
+
+.prac-status.idle ~ .prac-message {
+  background: transparent;
+  border: none;
+  min-height: auto;
+  padding: 0;
+}
+
+@media (max-width: 640px) {
+  .prac-inputs {
+    padding: 1.25rem;
+  }
+
+  .prac-display {
+    padding: 1.25rem;
+  }
+
+  .prac-result-value {
+    font-size: 1.75rem;
+  }
+
+  .prac-svg {
+    min-height: 160px;
+    max-height: 180px;
+  }
+}

package/src/tool/pythagoreanRightAngleCalculator/seo.astro

@@ -0,0 +1,15 @@
+---
+import { SEORenderer } from '@jjlmoya/utils-shared';
+import { pythagoreanRightAngleCalculator } from './index';
+import type { KnownLocale } from '../../types';
+
+interface Props {
+  locale?: KnownLocale;
+}
+
+const { locale = 'en' } = Astro.props;
+const content = await pythagoreanRightAngleCalculator.i18n[locale]?.();
+if (!content) return null;
+---
+
+{content.seo?.length > 0 && <SEORenderer content={{ locale, sections: content.seo }} />}

package/src/tool/pythagoreanRightAngleCalculator/ui.ts

@@ -0,0 +1,71 @@
+export interface PythagoreanRightAngleCalculatorUI extends Record<string, string> {
+  titleMain: string;
+  labelInputData: string;
+  labelUnitSelection: string;
+  btnUnitInches: string;
+  btnUnitFeet: string;
+  btnUnitCentimeters: string;
+  labelSideA: string;
+  labelSideB: string;
+  labelMeasuredDiagonal: string;
+  labelResults: string;
+  labelIdealDiagonal: string;
+  labelDeviation: string;
+  labelStatus: string;
+  labelVerification: string;
+  btnClear: string;
+  btnCopyResults: string;
+  labelPresets: string;
+  unitInches: string;
+  unitFeet: string;
+  unitCentimeters: string;
+  tooltipOptional: string;
+  tooltipPresets: string;
+  statusPerfect: string;
+  statusAcceptable: string;
+  statusWarning: string;
+  statusError: string;
+  statusReady: string;
+  msgIdealCalculated: string;
+  actionOpen: string;
+  actionClose: string;
+  descLarger: string;
+  descSmaller: string;
+  descCorrection: string;
+}
+
+export const pythagoreanRightAngleCalculatorUI: PythagoreanRightAngleCalculatorUI = {
+  titleMain: 'Pythagorean Right Angle Calculator',
+  labelInputData: 'Measurements',
+  labelUnitSelection: 'Unit',
+  btnUnitInches: 'inches',
+  btnUnitFeet: 'feet',
+  btnUnitCentimeters: 'centimeters',
+  labelSideA: 'Side A',
+  labelSideB: 'Side B',
+  labelMeasuredDiagonal: 'Measured diagonal (optional)',
+  labelResults: 'Results',
+  labelIdealDiagonal: 'Ideal diagonal',
+  labelDeviation: 'Deviation',
+  labelStatus: 'Status',
+  labelVerification: 'Square verification',
+  btnClear: 'Clear',
+  btnCopyResults: 'Copy results',
+  labelPresets: 'Quick presets',
+  unitInches: 'in',
+  unitFeet: 'ft',
+  unitCentimeters: 'cm',
+  tooltipOptional: 'Enter your measured diagonal to verify perfect 90 degrees',
+  tooltipPresets: '3-4-5 rule in different scales',
+  statusPerfect: 'Perfect 90 degree angle',
+  statusAcceptable: 'Acceptable deviation',
+  statusWarning: 'Minor deviation',
+  statusError: 'Out of square',
+  statusReady: 'Ready',
+  msgIdealCalculated: 'Diagonal ideal calculated',
+  actionOpen: 'Open',
+  actionClose: 'Close',
+  descLarger: 'larger',
+  descSmaller: 'smaller',
+  descCorrection: 'Correction needed'
+};

package/src/tool/workshopFractionConverter/i18n/de.ts

@@ -94,11 +94,17 @@ export const content: ToolLocaleContent<WorkshopFractionConverterUI> = {
   faqTitle: 'Häufig gestellte Fragen',
   faq: faqData,
   bibliography,
+  howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [
-    { title: 'FAQ', type: 'faq', schema: faqSchema },
-    { title: 'Bedienungsanleitung', type: 'howto', schema: howToSchema },
-    { title: 'Anwendung', type: 'app', schema: appSchema },
+    { type: 'title', text: 'Warum Präzision bei der Bruchumrechnung in der Werkstatt entscheidend ist', level: 2 },
+    { type: 'paragraph', html: 'In einer professionellen Werkstatt oder beim anspruchsvollen Heimwerken führt ein "ungefähr" oft zu überdrehten Bolzen, wackeligen Verbindungen oder fehlerhaften Konstruktionen. Dieses Tool schließt die Lücke zwischen traditionellen Zoll-Maßen und der Präzision des metrischen Systems und stellt sicher, dass Ihre Projekte Profi-Standards entsprechen.' },
+    { type: 'title', text: 'Die Standard-Umrechnung: 1/2" vs. 12,7 mm', level: 3 },
+    { type: 'card', icon: 'mdi:ruler-square', title: 'Sind metrische und imperiale Maße austauschbar?', html: '<p>Viele nehmen das an. Obwohl 1/2" exakt 12,7 mm entspricht, ist der nächste metrische Steckschlüssel 13 mm groß. Die Verwendung des falschen Werkzeugs kann Schraubenköpfe runddrehen. Unser Umrechner findet die <strong>nächste Standard-Werkzeuggröße</strong>, damit Sie Ihre Hardware niemals beschädigen.</p>' },
+    { type: 'title', text: 'Toleranzen im Holzbau vs. Metallbau', level: 3 },
+    { type: 'paragraph', html: 'Die Anforderungen an die Toleranz variieren je nach Handwerk stark. Im <strong>Holzbau</strong> ist eine Toleranz von 1/64" (0,4 mm) meist akzeptabel. Im <strong>Metallbau und Maschinenbau</strong> zählt jedes 0,1 mm oder sogar 0,01 mm. Unser Tool bietet einen Präzisionsmodus, der Ihnen hilft, die sicherste Standardgröße für Ihr spezifisches Material zu wählen.' },
+    { type: 'title', text: '3 Tipps für präzise Messungen', level: 3 },
+    { type: 'paragraph', html: '<strong>1. Messschieber verwenden:</strong> Nutzen Sie für die Rückwärtssuche immer einen digitalen Messschieber für genaueste Millimeter-Werte. <strong>2. Verschleiß prüfen:</strong> Alte Steckschlüssel und Bolzen können abgenutzte Kanten haben, was die "nächste Übereinstimmung" noch wichtiger macht. <strong>3. Gewindesteigung beachten:</strong> Denken Sie daran: Auch wenn die Kopfgröße passt, ist die Gewindesteigung (metrisch vs. Zoll) immer unterschiedlich.' },
   ],
   ui: {
     labelFraction: 'Messart',

package/src/tool/workshopFractionConverter/i18n/en.ts

@@ -94,11 +94,17 @@ export const content: ToolLocaleContent<WorkshopFractionConverterUI> = {
   faqTitle: 'Frequently Asked Questions',
   faq: faqData,
   bibliography,
+  howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [
-    { title: 'FAQ', type: 'faq', schema: faqSchema },
-    { title: 'How to use', type: 'howto', schema: howToSchema },
-    { title: 'Application', type: 'app', schema: appSchema },
+    { type: 'title', text: 'Why Precision Fractional Conversion Matters in the Workshop', level: 2 },
+    { type: 'paragraph', html: 'In a professional or high-stakes DIY workshop, being "close enough" often results in stripped bolts, wobbly joints, or failed assemblies. This tool is designed to bridge the gap between legacy imperial measurements and the precision of the metric system, ensuring your workshop projects maintain professional-grade standards.' },
+    { type: 'title', text: 'The Standard Conversion: 1/2" vs. 12.7mm', level: 3 },
+    { type: 'card', icon: 'mdi:ruler-square', title: 'Imperial vs. Metric Compatibility', html: '<p>Many DIYers assume imperial and metric fasteners are perfectly interchangeable. While 1/2" is exactly 12.7mm, the closest standard metric socket is 13mm. Using the wrong tool can round off bolt heads. Our converter identifies the <strong>closest standard tool match</strong> so you never damage your hardware.</p>' },
+    { type: 'title', text: 'Woodworking vs. Metalworking Tolerance', level: 3 },
+    { type: 'paragraph', html: 'Tolerance requirements vary wildly by trade. In <strong>woodworking</strong>, a tolerance of 1/64" (0.4mm) is usually acceptable. In <strong>metalworking and machining</strong>, 0.1mm or even 0.01mm matters. Our tool includes a precision mode to help you decide which standard fastener is the safest bet for your specific material.' },
+    { type: 'title', text: '3 Essential Tips for Accurate Measurements', level: 3 },
+    { type: 'paragraph', html: '<strong>1. Use Calipers:</strong> For reverse searching, always use digital calipers for the most accurate millimetre input. <strong>2. Check for Wear:</strong> Old sockets and bolts may have worn edges, making the "closest match" even more critical. <strong>3. Verify Pitch:</strong> Remember that even if the head size matches, the thread pitch (metric vs. imperial) will always be different.' },
   ],
   ui: {
     labelFraction: 'Measurement Type',

package/src/tool/workshopFractionConverter/i18n/es.ts

@@ -94,11 +94,17 @@ export const content: ToolLocaleContent<WorkshopFractionConverterUI> = {
   faqTitle: 'Preguntas Frecuentes',
   faq: faqData,
   bibliography,
+  howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [
-    { title: 'Preguntas Frecuentes', type: 'faq', schema: faqSchema },
-    { title: 'Cómo se usa', type: 'howto', schema: howToSchema },
-    { title: 'Aplicación', type: 'app', schema: appSchema },
+    { type: 'title', text: 'Por qué es Vital la Precisión en la Conversión de Fracciones en el Taller', level: 2 },
+    { type: 'paragraph', html: 'En un taller profesional o de bricolaje avanzado, un "más o menos" suele acabar en tornillos pasados, juntas inestables o montajes fallidos. Esta herramienta cierra la brecha entre las medidas imperiales tradicionales y la precisión del sistema métrico, asegurando que tus proyectos mantengan un estándar profesional.' },
+    { type: 'title', text: 'La Conversión Estándar: 1/2" frente a 12,7 mm', level: 3 },
+    { type: 'card', icon: 'mdi:ruler-square', title: '¿Son intercambiables el sistema métrico e imperial?', html: '<p>Muchos dan por hecho que sí. Aunque 1/2" son exactamente 12,7 mm, la llave métrica más cercana es de 13 mm. Usar la herramienta incorrecta puede redondear las cabezas de los tornillos. Nuestro conversor identifica el <strong>ajuste de herramienta estándar más cercano</strong> para que nunca dañes tus piezas.</p>' },
+    { type: 'title', text: 'Tolerancia en Carpintería vs. Metalmecánica', level: 3 },
+    { type: 'paragraph', html: 'Los requisitos de tolerancia varían enormemente según el oficio. En <strong>carpintería</strong>, una tolerancia de 1/64" (0,4 mm) suele ser aceptable. En <strong>mecanizado y metalistería</strong>, importa cada 0,1 mm o incluso 0,01 mm. Nuestra herramienta incluye un modo de precisión para ayudarte a decidir qué medida estándar es la más segura para tu material.' },
+    { type: 'title', text: '3 Consejos Esenciales para Mediciones Precisas', level: 3 },
+    { type: 'paragraph', html: '<strong>1. Usa Calibres:</strong> Para búsquedas inversas, utiliza siempre un calibre digital para obtener la entrada de milímetros más precisa. <strong>2. Revisa el Desgaste:</strong> Los vasos y tornillos viejos pueden tener bordes desgastados, lo que hace que el "ajuste más cercano" sea aún más crítico. <strong>3. Verifica el Paso de Rosca:</strong> Recuerda que aunque el tamaño de la cabeza coincida, el paso de rosca (métrico vs. imperial) siempre será diferente.' },
   ],
   ui: {
     labelFraction: 'Tipo de Medida',

package/src/tool/workshopFractionConverter/i18n/fr.ts

@@ -94,11 +94,17 @@ export const content: ToolLocaleContent<WorkshopFractionConverterUI> = {
   faqTitle: 'Questions Fréquemment Posées',
   faq: faqData,
   bibliography,
+  howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [
-    { title: 'FAQ', type: 'faq', schema: faqSchema },
-    { title: 'Utilisation', type: 'howto', schema: howToSchema },
-    { title: 'Application', type: 'app', schema: appSchema },
+    { type: 'title', text: 'Pourquoi la Précision de Conversion des Fractions est Vitale en Atelier', level: 2 },
+    { type: 'paragraph', html: 'Dans un atelier professionnel ou de bricolage avancé, un "à peu près" finit souvent par des boulons foirés, des joints instables ou des assemblages défaillants. Cet outil comble le fossé entre les mesures impériales traditionnelles et la précision du système métrique, garantissant que vos projets conservent un standard professionnel.' },
+    { type: 'title', text: 'La Conversion Standard : 1/2" contre 12,7 mm', level: 3 },
+    { type: 'card', icon: 'mdi:ruler-square', title: 'Les systèmes métrique et impérial son tils interchangeables ?', html: '<p>Beaucoup le pensent. Bien que 1/2" fasse exactement 12,7 mm, la clé métrique la plus proche est de 13 mm. L\'utilisation d\'un outil inadapté peut arrondir les têtes de boulons. Notre convertisseur identifie la <strong>correspondance d\'outil standard la plus proche</strong> pour ne jamais endommager votre matériel.</p>' },
+    { type: 'title', text: 'Tolérance en Menuiserie vs. Mécanique', level: 3 },
+    { type: 'paragraph', html: 'Les exigences de tolérance varient énormément selon le métier. En <strong>menuiserie</strong>, une tolérance de 1/64" (0,4 mm) est généralement acceptable. En <strong>mécanique et usinage</strong>, chaque 0,1 mm voire 0,01 mm compte. Notre outil inclut un mode précision pour vous aider à décider quelle mesure standard est la plus sûre pour votre matériau.' },
+    { type: 'title', text: '3 Conseils Essentiels pour des Mesures Précises', level: 3 },
+    { type: 'paragraph', html: '<strong>1. Utilisez un Pied à Coulisse :</strong> Pour les recherches inverses, utilisez toujours un pied à coulisse numérique pour obtenir la mesure en millimètres la plus précise. <strong>2. Vérifiez l\'Usure :</strong> Les douilles et boulons anciens peuvent avoir des bords usés, rendant la "correspondance la plus proche" encore plus critique. <strong>3. Vérifiez le Pas de Vis :</strong> N\'oubliez pas que même si la taille de la tête correspond, le pas de vis (métrique vs impérial) sera toujours différent.' },
   ],
   ui: {
     labelFraction: 'Type de mesure',

package/src/tool/workshopFractionConverter/i18n/id.ts

@@ -91,14 +91,20 @@ export const content: ToolLocaleContent<WorkshopFractionConverterUI> = {
   slug,
   title,
   description,
-  faqTitle: 'Pertanyaan Umum',
+  faqTitle: 'Pertanyaan yang Sering Diajukan',
   faq: faqData,
   bibliography,
+  howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [
-    { title: 'FAQ', type: 'faq', schema: faqSchema },
-    { title: 'Cara Penggunaan', type: 'howto', schema: howToSchema },
-    { title: 'Aplikasi', type: 'app', schema: appSchema },
+    { type: 'title', text: 'Mengapa Presisi Konversi Pecahan Sangat Penting di Bengkel', level: 2 },
+    { type: 'paragraph', html: 'Di bengkel profesional atau DIY tingkat lanjut, pengukuran yang "kira-kira" sering kali mengakibatkan baut slek, sambungan goyah, atau perakitan yang gagal. Alat ini dirancang untuk menjembatani celah antara pengukuran imperial tradisional dan presisi sistem metrik, memastikan proyek bengkel Anda mempertahankan standar kelas profesional.' },
+    { type: 'title', text: 'Konversi Standar: 1/2" vs. 12,7mm', level: 3 },
+    { type: 'card', icon: 'mdi:ruler-square', title: 'Apakah sistem metrik dan imperial dapat dipertukarkan?', html: '<p>Banyak orang menganggap demikian. Meskipun 1/2" tepatnya adalah 12,7mm, kunci sok metrik standar terdekat adalah 13mm. Menggunakan alat yang salah dapat merusak kepala baut. Konverter kami mengidentifikasi <strong>kecocokan alat standar terdekat</strong> sehingga Anda tidak akan pernah merusak perangkat keras Anda.</p>' },
+    { type: 'title', text: 'Toleransi Pertukangan Kayu vs. Pengerjaan Logam', level: 3 },
+    { type: 'paragraph', html: 'Persyaratan toleransi sangat bervariasi tergantung bidangnya. Dalam <strong>pertukangan kayu</strong>, toleransi 1/64" (0,4mm) biasanya dapat diterima. Dalam <strong>pengerjaan logam dan pemesinan</strong>, 0,1mm atau bahkan 0,01mm sangat berarti. Alat kami menyertakan mode presisi untuk membantu Anda memutuskan ukuran pengencang standar mana yang paling aman untuk material spesifik Anda.' },
+    { type: 'title', text: '3 Tip Penting untuk Pengukuran yang Akurat', level: 3 },
+    { type: 'paragraph', html: '<strong>1. Gunakan Jangka Sorong:</strong> Untuk pencarian terbalik, selalu gunakan jangka sorong (caliper) digital untuk input milimeter yang paling akurat. <strong>2. Periksa Keausan:</strong> Kunci sok dan baut lama mungkin memiliki tepi yang aus, membuat "kecocokan terdekat" menjadi lebih penting. <strong>3. Verifikasi Ulir:</strong> Ingatlah bahwa meskipun ukuran kepala cocok, jarak ulir (metrik vs. imperial) akan selalu berbeda.' },
   ],
   ui: {
     labelFraction: 'Jenis Pengukuran',

package/src/tool/workshopFractionConverter/i18n/it.ts

@@ -94,11 +94,17 @@ export const content: ToolLocaleContent<WorkshopFractionConverterUI> = {
   faqTitle: 'Domande Frequenti',
   faq: faqData,
   bibliography,
+  howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [
-    { title: 'FAQ', type: 'faq', schema: faqSchema },
-    { title: 'Istruzioni d\'uso', type: 'howto', schema: howToSchema },
-    { title: 'Applicazione', type: 'app', schema: appSchema },
+    { type: 'title', text: 'Perché la Precisione nella Conversione delle Frazioni è Vitale in Officina', level: 2 },
+    { type: 'paragraph', html: 'In un\'officina professionale o nel fai-da-te avanzato, un "circa" finisce spesso per sgranare bulloni, creare giunzioni instabili o assemblaggi difettosi. Questo strumento colma il divario tra le misure imperiali tradizionali e la precisione del sistema metrico, garantendo che i tuoi progetti mantengano uno standard professionale.' },
+    { type: 'title', text: 'La Conversione Standard: 1/2" contro 12,7 mm', level: 3 },
+    { type: 'card', icon: 'mdi:ruler-square', title: 'I sistemi metrico e imperiale sono intercambiabili?', html: '<p>Molti lo danno per scontato. Sebbene 1/2" sia esattamente 12,7 mm, la chiave metrica più vicina è da 13 mm. L\'uso di uno strumento errato può arrotondare le teste dei bulloni. Il nostro convertitore identifica l\'<strong>abbinamento dello strumento standard più vicino</strong> per non danneggiare mai la tua ferramenta.</p>' },
+    { type: 'title', text: 'Tolleranza in Falegnameria vs. Meccanica', level: 3 },
+    { type: 'paragraph', html: 'I requisiti di tolleranza variano enormemente a seconda del mestiere. In <strong>falegnameria</strong>, una tolleranza di 1/64" (0,4 mm) è solitamente accettabile. In <strong>meccanica e lavorazioni al tornio</strong>, conta ogni 0,1 mm o addirittura 0,01 mm. Il nostro strumento include una modalità precisione per aiutarti a decidere quale misura standard è la più sicura per il tuo materiale.' },
+    { type: 'title', text: '3 Consigli Essenziali per Misurazioni Precise', level: 3 },
+    { type: 'paragraph', html: '<strong>1. Usa il Calibro:</strong> Per le ricerche inverse, usa sempre un calibro digitale per ottenere l\'input in millimetri più accurato. <strong>2. Controlla l\'Usura:</strong> Bussole e bulloni vecchi possono avere bordi usurati, rendendo l\' "abbinamento più vicino" ancora più critico. <strong>3. Verifica il Passo:</strong> Ricorda che anche se la dimensione della testa coincide, il passo della filettatura (metrico vs imperiale) sarà sempre diverso.' },
   ],
   ui: {
     labelFraction: 'Tipo di Misura',

package/src/tool/workshopFractionConverter/i18n/ja.ts

@@ -94,11 +94,17 @@ export const content: ToolLocaleContent<WorkshopFractionConverterUI> = {
   faqTitle: 'よくある質問',
   faq: faqData,
   bibliography,
+  howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [
-    { title: 'FAQ', type: 'faq', schema: faqSchema },
-    { title: '使い方', type: 'howto', schema: howToSchema },
-    { title: 'アプリケーション', type: 'app', schema: appSchema },
+    { type: 'title', text: 'ワークショップにおける分数の高精度変換が重要な理由', level: 2 },
+    { type: 'paragraph', html: 'プロフェッショナルな現場や高度なDIYワークショップでは、「だいたい」の測定がボルトのなめり、接合部のぐらつき、あるいは組み立ての失敗につながることがよくあります。このツールは、伝統的なインチ単位と精密なメートル法のギャップを埋め、ワークショッププロジェクトがプロフェッショナルな基準を維持できるように設計されています。' },
+    { type: 'title', text: '標準的な変換：1/2インチ vs 12.7mm', level: 3 },
+    { type: 'card', icon: 'mdi:ruler-square', title: 'メートル法とインチ法は互換性がありますか？', html: '<p>多くの人がそう思い込んでいます。1/2インチは正確に12.7mmですが、最も近い標準的なメートル法のソケットは13mmです。間違ったツールを使用すると、ボルトの頭を丸めてしまう可能性があります。当社のコンバーターは、ハードウェアを損傷しないよう、<strong>最も近い標準的な工具の一致</strong>を特定します。</p>' },
+    { type: 'title', text: '木工 vs 金属加工の許容誤差', level: 3 },
+    { type: 'paragraph', html: '許容誤差の要件は職種によって大きく異なります。<strong>木工</strong>では、1/64インチ（0.4mm）の許容誤差は通常許容されます。<strong>金属加工や機械加工</strong>では、0.1mmや0.01mmが重要になります。当社のツールには、特定の材料に対してどの標準ファスナーが最も安全かを判断するのに役立つ精度モードが含まれています。' },
+    { type: 'title', text: '正確な測定のための3つの重要なヒント', level: 3 },
+    { type: 'paragraph', html: '<strong>1. ノギスを使用する:</strong> 逆検索の場合は、最も正確なミリメートル入力のために常にデジタルノギスを使用してください。<strong>2. 摩耗を確認する:</strong> 古いソケットやボルトはエッジが摩耗している場合があり、「最も近い一致」がさらに重要になります。<strong>3. ピッチを確認する:</strong> ヘッドサイズが一致していても、ネジピッチ（メートル vs インチ）は常に異なることに注意してください。' },
   ],
   ui: {
     labelFraction: '測定タイプ',

package/src/tool/workshopFractionConverter/i18n/ko.ts

@@ -94,11 +94,17 @@ export const content: ToolLocaleContent<WorkshopFractionConverterUI> = {
   faqTitle: '자주 묻는 질문',
   faq: faqData,
   bibliography,
+  howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [
-    { title: 'FAQ', type: 'faq', schema: faqSchema },
-    { title: '사용 방법', type: 'howto', schema: howToSchema },
-    { title: '애플리케이션', type: 'app', schema: appSchema },
+    { type: 'title', text: '워크숍에서 정밀한 분수 변환이 중요한 이유', level: 2 },
+    { type: 'paragraph', html: '전문적인 작업장이나 고급 DIY 프로젝트에서 "대략적인" 측정은 종종 볼트 마모, 불안정한 결합 또는 조립 실패로 이어집니다. 이 도구는 전통적인 인치 단위와 정밀한 미터법 사이의 간극을 메워 워크숍 프로젝트가 전문가 수준의 표준을 유지할 수 있도록 설계되었습니다.' },
+    { type: 'title', text: '표준 변환: 1/2" vs. 12.7mm', level: 3 },
+    { type: 'card', icon: 'mdi:ruler-square', title: '미터법과 인치법은 호환되나요?', html: '<p>많은 사람들이 그렇다고 가정합니다. 1/2"는 정확히 12.7mm이지만, 가장 가까운 표준 미터법 소켓은 13mm입니다. 잘못된 도구를 사용하면 볼트 머리가 뭉개질 수 있습니다. 당사의 변환기는 하드웨어를 손상시키지 않도록 <strong>가장 가까운 표준 공구 일치 항목</strong>을 식별합니다.</p>' },
+    { type: 'title', text: '목공 vs. 금속 가공 공차', level: 3 },
+    { type: 'paragraph', html: '공차 요구 사항은 직종에 따라 크게 다릅니다. <strong>목공</strong>에서는 1/64"(0.4mm)의 공차가 보통 허용됩니다. <strong>금속 가공 및 기계 가공</strong>에서는 0.1mm 또는 0.01mm가 중요합니다. 당사의 도구에는 특정 재료에 대해 어떤 표준 패스너가 가장 안전한지 결정하는 데 도움이 되는 정밀 모드가 포함되어 있습니다.' },
+    { type: 'title', text: '정확한 측정을 위한 3가지 필수 팁', level: 3 },
+    { type: 'paragraph', html: '<strong>1. 캘리퍼스 사용:</strong> 역방향 검색 시 가장 정확한 밀리미터 입력을 위해 항상 디지털 캘리퍼스를 사용하십시오. <strong>2. 마모 확인:</strong> 오래된 소켓과 볼트는 모서리가 마모되었을 수 있어 "가장 가까운 일치"가 더욱 중요해집니다. <strong>3. 나사산 피치 확인:</strong> 헤드 크기가 일치하더라도 나사산 피치(미터법 vs. 인치법)는 항상 다르다는 점을 기억하십시오.' },
   ],
   ui: {
     labelFraction: '측정 유형',