{
  "name": "Add New Car",
  "description": "How to add a new car to the inventory",
  "steps": [
    {
      "title": "Step 1",
      "intro": "Navigate to the Inventory section by clicking 'Inventory' in the main menu",
      "position": "bottom",
      "element": "#inventory-nav",
      "click": "#inventory-nav"
    },
    {
      "title": "Step 2",
      "intro": "Click the 'Inventory' button in the top right corner",
      "position": "bottom",
      "element": ".parent-wrapper label-1"
    },
    {
      "title": "Step 3",
      "intro": "Click the 'Add Car' button in the top right corner",
      "position": "bottom",
      "element": "#btn-add-car"
    },
    {
      "title": "Step 4",
      "intro": "Enter the VIN number or scan it using the barcode scanner",
      "position": "bottom",
      "element": "#nv-inventory"
    },
    {
      "title": "Step 5",
      "intro": "Select the car make from the dropdown menu",
      "position": "bottom",
      "element": "#make-select, select[name='make'], .make-field"
    },
    {
      "title": "Step 6",
      "intro": "Select the car series from the available options",
      "position": "bottom",
      "element": "#series-select, select[name='series'], .series-field"
    },
    {
      "title": "Step 7",
      "intro": "Select the trim level for the car",
      "position": "bottom",
      "element": "#trim-select, select[name='trim'], .trim-field"
    },
    {
      "title": "Step 8",
      "intro": "Fill in additional details like color, mileage, and price",
      "position": "bottom",
      "element": "#price-input, input[name='price'], .price-field"
    },
    {
      "title": "Step 9",
      "intro": "Click 'Save' to add the car to inventory, or 'Save & Add Another' to continue adding cars",
      "position": "bottom",
      "element": "#inventory-menu, .inventory-nav, nav .inventory"
    }
  ]
}