{"ast":null,"code":"var _jsxFileName = \"/var/www/yuvaride/yuvaride-static/yuva-ride/src/components/HowItWorks.js\";\nimport React from 'react';\nimport { FaUserPlus, FaMapMarkedAlt, FaCar, FaStar } from 'react-icons/fa';\nimport './HowItWorks.css';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nconst HowItWorks = () => {\n  const steps = [{\n    icon: /*#__PURE__*/_jsxDEV(FaUserPlus, {}, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 8,\n      columnNumber: 13\n    }, this),\n    title: 'Sign Up',\n    description: 'Create your account in less than 2 minutes',\n    details: 'Download the app, verify your phone number, and set up your profile.'\n  }, {\n    icon: /*#__PURE__*/_jsxDEV(FaMapMarkedAlt, {}, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 14,\n      columnNumber: 13\n    }, this),\n    title: 'Set Route',\n    description: 'Enter your pickup and destination',\n    details: 'Use our smart route mapping to find the best path and available rides.'\n  }, {\n    icon: /*#__PURE__*/_jsxDEV(FaCar, {}, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 20,\n      columnNumber: 13\n    }, this),\n    title: 'Choose Ride',\n    description: 'Select from available options',\n    details: 'Pick between solo rides or shared options based on your preference and budget.'\n  }, {\n    icon: /*#__PURE__*/_jsxDEV(FaStar, {}, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 26,\n      columnNumber: 13\n    }, this),\n    title: 'Enjoy Ride',\n    description: 'Relax and reach your destination',\n    details: 'Track your ride in real-time, share trip details, and rate your experience.'\n  }];\n  return /*#__PURE__*/_jsxDEV(\"section\", {\n    id: \"how-it-works\",\n    className: \"section how-it-works\",\n    children: /*#__PURE__*/_jsxDEV(\"div\", {\n      className: \"container\",\n      children: [/*#__PURE__*/_jsxDEV(\"div\", {\n        className: \"section-title\",\n        children: [/*#__PURE__*/_jsxDEV(\"h2\", {\n          children: \"How It Works\"\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 37,\n          columnNumber: 11\n        }, this), /*#__PURE__*/_jsxDEV(\"p\", {\n          children: \"Simple steps to start your ride-sharing journey\"\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 38,\n          columnNumber: 11\n        }, this)]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 36,\n        columnNumber: 9\n      }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n        className: \"steps-container\",\n        children: steps.map((step, index) => /*#__PURE__*/_jsxDEV(\"div\", {\n          className: \"step\",\n          children: [/*#__PURE__*/_jsxDEV(\"div\", {\n            className: \"step-number\",\n            children: index + 1\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 43,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n            className: \"step-icon\",\n            children: step.icon\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 44,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(\"h3\", {\n            children: step.title\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 47,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(\"p\", {\n            className: \"step-description\",\n            children: step.description\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 48,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(\"p\", {\n            className: \"step-details\",\n            children: step.details\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 49,\n            columnNumber: 15\n          }, this)]\n        }, index, true, {\n          fileName: _jsxFileName,\n          lineNumber: 42,\n          columnNumber: 13\n        }, this))\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 40,\n        columnNumber: 9\n      }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n        className: \"cta-section\",\n        children: [/*#__PURE__*/_jsxDEV(\"h3\", {\n          children: \"Ready to Start Your Journey?\"\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 54,\n          columnNumber: 11\n        }, this), /*#__PURE__*/_jsxDEV(\"p\", {\n          children: \"Join thousands of happy riders today\"\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 55,\n          columnNumber: 11\n        }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n          className: \"cta-buttons\",\n          children: [/*#__PURE__*/_jsxDEV(\"button\", {\n            className: \"btn btn-primary\",\n            children: \"Download App\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 57,\n            columnNumber: 13\n          }, this), /*#__PURE__*/_jsxDEV(\"button\", {\n            className: \"btn btn-secondary\",\n            children: \"Book Demo\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 58,\n            columnNumber: 13\n          }, this)]\n        }, void 0, true, {\n          fileName: _jsxFileName,\n          lineNumber: 56,\n          columnNumber: 11\n        }, this)]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 53,\n        columnNumber: 9\n      }, this)]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 35,\n      columnNumber: 7\n    }, this)\n  }, void 0, false, {\n    fileName: _jsxFileName,\n    lineNumber: 34,\n    columnNumber: 5\n  }, this);\n};\n_c = HowItWorks;\nexport default HowItWorks;\nvar _c;\n$RefreshReg$(_c, \"HowItWorks\");","map":{"version":3,"names":["React","FaUserPlus","FaMapMarkedAlt","FaCar","FaStar","jsxDEV","_jsxDEV","HowItWorks","steps","icon","fileName","_jsxFileName","lineNumber","columnNumber","title","description","details","id","className","children","map","step","index","_c","$RefreshReg$"],"sources":["/var/www/yuvaride/yuvaride-static/yuva-ride/src/components/HowItWorks.js"],"sourcesContent":["import React from 'react';\nimport { FaUserPlus, FaMapMarkedAlt, FaCar, FaStar } from 'react-icons/fa';\nimport './HowItWorks.css';\n\nconst HowItWorks = () => {\n  const steps = [\n    {\n      icon: <FaUserPlus />,\n      title: 'Sign Up',\n      description: 'Create your account in less than 2 minutes',\n      details: 'Download the app, verify your phone number, and set up your profile.'\n    },\n    {\n      icon: <FaMapMarkedAlt />,\n      title: 'Set Route',\n      description: 'Enter your pickup and destination',\n      details: 'Use our smart route mapping to find the best path and available rides.'\n    },\n    {\n      icon: <FaCar />,\n      title: 'Choose Ride',\n      description: 'Select from available options',\n      details: 'Pick between solo rides or shared options based on your preference and budget.'\n    },\n    {\n      icon: <FaStar />,\n      title: 'Enjoy Ride',\n      description: 'Relax and reach your destination',\n      details: 'Track your ride in real-time, share trip details, and rate your experience.'\n    }\n  ];\n\n  return (\n    <section id=\"how-it-works\" className=\"section how-it-works\">\n      <div className=\"container\">\n        <div className=\"section-title\">\n          <h2>How It Works</h2>\n          <p>Simple steps to start your ride-sharing journey</p>\n        </div>\n        <div className=\"steps-container\">\n          {steps.map((step, index) => (\n            <div key={index} className=\"step\">\n              <div className=\"step-number\">{index + 1}</div>\n              <div className=\"step-icon\">\n                {step.icon}\n              </div>\n              <h3>{step.title}</h3>\n              <p className=\"step-description\">{step.description}</p>\n              <p className=\"step-details\">{step.details}</p>\n            </div>\n          ))}\n        </div>\n        <div className=\"cta-section\">\n          <h3>Ready to Start Your Journey?</h3>\n          <p>Join thousands of happy riders today</p>\n          <div className=\"cta-buttons\">\n            <button className=\"btn btn-primary\">Download App</button>\n            <button className=\"btn btn-secondary\">Book Demo</button>\n          </div>\n        </div>\n      </div>\n    </section>\n  );\n};\n\nexport default HowItWorks;"],"mappings":"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","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}