{"ast":null,"code":"import React from'react';import{FaUserPlus,FaMapMarkedAlt,FaCar,FaStar}from'react-icons/fa';import'./HowItWorks.css';import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";const HowItWorks=()=>{const steps=[{icon:/*#__PURE__*/_jsx(FaUserPlus,{}),title:'Sign Up',description:'Create your account in less than 2 minutes',details:'Download the app, verify your phone number, and set up your profile.'},{icon:/*#__PURE__*/_jsx(FaMapMarkedAlt,{}),title:'Set Route',description:'Enter your pickup and destination',details:'Use our smart route mapping to find the best path and available rides.'},{icon:/*#__PURE__*/_jsx(FaCar,{}),title:'Choose Ride',description:'Select from available options',details:'Pick between solo rides or shared options based on your preference and budget.'},{icon:/*#__PURE__*/_jsx(FaStar,{}),title:'Enjoy Ride',description:'Relax and reach your destination',details:'Track your ride in real-time, share trip details, and rate your experience.'}];return/*#__PURE__*/_jsx(\"section\",{id:\"how-it-works\",className:\"section how-it-works\",children:/*#__PURE__*/_jsxs(\"div\",{className:\"container\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"section-title\",children:[/*#__PURE__*/_jsx(\"h2\",{children:\"How It Works\"}),/*#__PURE__*/_jsx(\"p\",{children:\"Simple steps to start your ride-sharing journey\"})]}),/*#__PURE__*/_jsx(\"div\",{className:\"steps-container\",children:steps.map((step,index)=>/*#__PURE__*/_jsxs(\"div\",{className:\"step\",children:[/*#__PURE__*/_jsx(\"div\",{className:\"step-number\",children:index+1}),/*#__PURE__*/_jsx(\"div\",{className:\"step-icon\",children:step.icon}),/*#__PURE__*/_jsx(\"h3\",{children:step.title}),/*#__PURE__*/_jsx(\"p\",{className:\"step-description\",children:step.description}),/*#__PURE__*/_jsx(\"p\",{className:\"step-details\",children:step.details})]},index))}),/*#__PURE__*/_jsxs(\"div\",{className:\"cta-section\",children:[/*#__PURE__*/_jsx(\"h3\",{children:\"Ready to Start Your Journey?\"}),/*#__PURE__*/_jsx(\"p\",{children:\"Join thousands of happy riders today\"}),/*#__PURE__*/_jsxs(\"div\",{className:\"cta-buttons\",children:[/*#__PURE__*/_jsx(\"button\",{className:\"btn btn-primary\",children:\"Download App\"}),/*#__PURE__*/_jsx(\"button\",{className:\"btn btn-secondary\",children:\"Book Demo\"})]})]})]})});};export default HowItWorks;","map":{"version":3,"names":["React","FaUserPlus","FaMapMarkedAlt","FaCar","FaStar","jsx","_jsx","jsxs","_jsxs","HowItWorks","steps","icon","title","description","details","id","className","children","map","step","index"],"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: ,\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: ,\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: ,\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: ,\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
\n
\n
\n

How It Works

\n

Simple steps to start your ride-sharing journey

\n
\n
\n {steps.map((step, index) => (\n
\n
{index + 1}
\n
\n {step.icon}\n
\n

{step.title}

\n

{step.description}

\n

{step.details}

\n
\n ))}\n
\n
\n

Ready to Start Your Journey?

\n

Join thousands of happy riders today

\n
\n \n \n
\n
\n
\n
\n );\n};\n\nexport default HowItWorks;"],"mappings":"AAAA,MAAO,CAAAA,KAAK,KAAM,OAAO,CACzB,OAASC,UAAU,CAAEC,cAAc,CAAEC,KAAK,CAAEC,MAAM,KAAQ,gBAAgB,CAC1E,MAAO,kBAAkB,CAAC,OAAAC,GAAA,IAAAC,IAAA,CAAAC,IAAA,IAAAC,KAAA,yBAE1B,KAAM,CAAAC,UAAU,CAAGA,CAAA,GAAM,CACvB,KAAM,CAAAC,KAAK,CAAG,CACZ,CACEC,IAAI,cAAEL,IAAA,CAACL,UAAU,GAAE,CAAC,CACpBW,KAAK,CAAE,SAAS,CAChBC,WAAW,CAAE,4CAA4C,CACzDC,OAAO,CAAE,sEACX,CAAC,CACD,CACEH,IAAI,cAAEL,IAAA,CAACJ,cAAc,GAAE,CAAC,CACxBU,KAAK,CAAE,WAAW,CAClBC,WAAW,CAAE,mCAAmC,CAChDC,OAAO,CAAE,wEACX,CAAC,CACD,CACEH,IAAI,cAAEL,IAAA,CAACH,KAAK,GAAE,CAAC,CACfS,KAAK,CAAE,aAAa,CACpBC,WAAW,CAAE,+BAA+B,CAC5CC,OAAO,CAAE,gFACX,CAAC,CACD,CACEH,IAAI,cAAEL,IAAA,CAACF,MAAM,GAAE,CAAC,CAChBQ,KAAK,CAAE,YAAY,CACnBC,WAAW,CAAE,kCAAkC,CAC/CC,OAAO,CAAE,6EACX,CAAC,CACF,CAED,mBACER,IAAA,YAASS,EAAE,CAAC,cAAc,CAACC,SAAS,CAAC,sBAAsB,CAAAC,QAAA,cACzDT,KAAA,QAAKQ,SAAS,CAAC,WAAW,CAAAC,QAAA,eACxBT,KAAA,QAAKQ,SAAS,CAAC,eAAe,CAAAC,QAAA,eAC5BX,IAAA,OAAAW,QAAA,CAAI,cAAY,CAAI,CAAC,cACrBX,IAAA,MAAAW,QAAA,CAAG,iDAA+C,CAAG,CAAC,EACnD,CAAC,cACNX,IAAA,QAAKU,SAAS,CAAC,iBAAiB,CAAAC,QAAA,CAC7BP,KAAK,CAACQ,GAAG,CAAC,CAACC,IAAI,CAAEC,KAAK,gBACrBZ,KAAA,QAAiBQ,SAAS,CAAC,MAAM,CAAAC,QAAA,eAC/BX,IAAA,QAAKU,SAAS,CAAC,aAAa,CAAAC,QAAA,CAAEG,KAAK,CAAG,CAAC,CAAM,CAAC,cAC9Cd,IAAA,QAAKU,SAAS,CAAC,WAAW,CAAAC,QAAA,CACvBE,IAAI,CAACR,IAAI,CACP,CAAC,cACNL,IAAA,OAAAW,QAAA,CAAKE,IAAI,CAACP,KAAK,CAAK,CAAC,cACrBN,IAAA,MAAGU,SAAS,CAAC,kBAAkB,CAAAC,QAAA,CAAEE,IAAI,CAACN,WAAW,CAAI,CAAC,cACtDP,IAAA,MAAGU,SAAS,CAAC,cAAc,CAAAC,QAAA,CAAEE,IAAI,CAACL,OAAO,CAAI,CAAC,GAPtCM,KAQL,CACN,CAAC,CACC,CAAC,cACNZ,KAAA,QAAKQ,SAAS,CAAC,aAAa,CAAAC,QAAA,eAC1BX,IAAA,OAAAW,QAAA,CAAI,8BAA4B,CAAI,CAAC,cACrCX,IAAA,MAAAW,QAAA,CAAG,sCAAoC,CAAG,CAAC,cAC3CT,KAAA,QAAKQ,SAAS,CAAC,aAAa,CAAAC,QAAA,eAC1BX,IAAA,WAAQU,SAAS,CAAC,iBAAiB,CAAAC,QAAA,CAAC,cAAY,CAAQ,CAAC,cACzDX,IAAA,WAAQU,SAAS,CAAC,mBAAmB,CAAAC,QAAA,CAAC,WAAS,CAAQ,CAAC,EACrD,CAAC,EACH,CAAC,EACH,CAAC,CACC,CAAC,CAEd,CAAC,CAED,cAAe,CAAAR,UAAU","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}