import React from "react";
import * as url from "url";
import "./navcards.scss"
const data = [
{
id: 1,
title: "Getting Started",
description: "Learn how to create and execute tests for a sample application using Testsigma.",
path: "/tutorials/getting-started/automate-web-applications/",
},
{
id: 2,
title: "Test Cases",
description: "Create test cases for Web apps and Mobile apps.",
path: "/tutorials/test-cases/web-apps/build-tests-using-recorder/",
},
{
id: 3,
title: "REST API",
description: "Learn about JSONPath and Contract Testing in Testsigma using REST APIs. ",
path: "/tutorials/rest-api-testing/json-schema-validation/",
},
{
id: 4,
title: "Test Plans",
description: "Create Test Plans and perform cross-platform end-to-end testing with Testsigma.",
path: "/tutorials/test-plans/using-local-devices/",
},
{
id: 5,
title: "Testsigma Agent",
description: "Setup Testsigma Agent to run tests in local devices.",
path: "/tutorials/agent/how-to-setup-agents-to-run-tests-on-local-mobile-devices/",
},
{
id: 6,
title: "Advanced",
description: "Enable two factor SMS and Email based authentication via OTPs.",
path: "/tutorials/advanced/sms-based-two-factor-authentication-2fa/",
},
{
id: 7,
title: "Addons",
description: "Learn how to create addons for different scenarios.",
path: "/tutorials/addons/how-create-addons-actions/",
},
];
const Card = ({ title, description, path }) => {
return (
{description}