{
  "features": {
    "hero": {
      "badge": "Why No.JS?",
      "title": "Built for Modern Web Development",
      "subtitle": "Every feature designed to make HTML-first development powerful, fast, and enjoyable."
    },
    "showcase1": {
      "badge": "Core Feature",
      "title": "Reactive State Management",
      "desc": "Declare state directly in HTML with state. Changes automatically propagate to all bound elements — no store setup, no reducers, no boilerplate.",
      "h1": "Automatic dependency tracking",
      "h2": "Nested object support",
      "h3": "Computed properties",
      "h4": "Cross-component state sharing"
    },
    "showcase2": {
      "badge": "Rendering",
      "title": "Declarative Rendering",
      "desc": "Use if, each, show, and bind to control what renders. No JSX, no template literals — just HTML attributes.",
      "h1": "Conditional rendering with if",
      "h2": "List rendering with each",
      "h3": "Text interpolation with bind",
      "h4": "Visibility toggle with show",
      "item1": "Buy groceries",
      "item2": "Take out trash",
      "item3": "Fix the bug"
    },
    "showcase3": {
      "badge": "Interactivity",
      "title": "Intuitive Event Handling",
      "desc": "Bind events with on:event syntax. Access state directly in handlers without this or callbacks.",
      "h1": "Click, submit, input, and more",
      "h2": "Direct state access in handlers",
      "h3": "Event modifiers support",
      "h4": "No wrapper functions needed",
      "clickedLabel": "Clicked:"
    },
    "grid": {
      "title": "More Features",
      "subtitle": "Everything you need, nothing you don't",
      "routing": {
        "title": "Client-Side Routing",
        "desc": "Full SPA routing with route and route-view. Hash and history mode, dynamic params, nested routes, and guards."
      },
      "forms": {
        "title": "Form Handling",
        "desc": "Two-way binding with model, built-in validation, error messages, and form submission handling. (Validation now in NoJS Elements)"
      },
      "fetch": {
        "title": "Fetch & API",
        "desc": "Declarative data fetching with get and post. Loading states, error handling, and caching built in."
      },
      "css": {
        "title": "CSS Bindings",
        "desc": "Dynamic styling with class-* and style-*. Bind CSS classes and inline styles reactively to state."
      },
      "lifecycle": {
        "title": "Lifecycle Hooks",
        "desc": "Hook into mount, update, and destroy phases. Run setup logic and cleanup with fine-grained control."
      },
      "zero": {
        "title": "Zero Dependencies",
        "desc": "No build tools, no bundlers, no npm install. Just drop a script tag and start building instantly."
      }
    },
    "cta": {
      "title": "Ready to Build?",
      "subtitle": "Start using No.JS in under 30 seconds.",
      "button": "Get Started Now"
    },
    "showcase": {
      "previewLabel": "▶  PREVIEW"
    }
  }
}