Components · Web
HorizontalScenes
The "How it works" section in three steps, plus pantry and AI.
Web · Astro · macromath_web
A narrative block with horizontal scroll that explains how the app works in three steps, followed by pantry and MacroAI highlights.
Structure
- Steps — three numbered cards (
how.1…how.3). - Pantry methods — five ways to add (
pantry.b1…pantry.b5): manual, barcode, receipt, photo, etc. - AI bullets — three points (
ai.b1…ai.b3).
Usage
---
import HorizontalScenes from '../components/sections/HorizontalScenes.astro';
---
<HorizontalScenes />No props — content via i18n.