Future<void> loadData() async {
    await Future.delayed(Duration(seconds: 2));
    //? earlier local json data
    // final catalogJson = await rootBundle.loadString('assets/files/catalog.json');
    
    //? online fetched data
    final response = await http.get(Uri.parse(url));
    print(response);
    // final catalogJson = response.body;
    // final decodedData = jsonDecode(catalogJson); 

    final decodedData = json.decode(response.body);
    print("DECODED DATA: ");
    print(decodedData);
    

    //? converting from string to object
    var productsData = decodedData["record"]["products"]; 

    //?picking only products
    print(productsData);

    CatalogModel.items = List.from(productsData)
        .map<Item>((item) => Item.fromMap(item))
        .cast<Item>()
        .toList();
    setState(() {});

  }