{"ast":null,"code":"var _jsxFileName = \"/var/www/yuvaride/yuvaride-static/yuva-ride/src/components/Services.js\",\n  _s = $RefreshSig$();\nimport React, { useState } from 'react';\nimport { FaCar, FaUsers, FaBuilding, FaLeaf, FaShieldAlt, FaMoneyBillWave, FaArrowRight, FaPlay, FaStar } from 'react-icons/fa';\nimport './Services.css';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nconst Services = () => {\n  _s();\n  const [activeService, setActiveService] = useState(0);\n  const services = [{\n    id: 1,\n    icon: /*#__PURE__*/_jsxDEV(FaCar, {}, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 21,\n      columnNumber: 13\n    }, this),\n    title: 'Book a Ride',\n    description: 'Instant ride booking with smart matching and real-time tracking',\n    fullDescription: 'Book your ride in seconds with our intelligent matching system that finds the perfect vehicle for your needs. Real-time tracking keeps you informed every step of the way.',\n    features: ['Instant Booking', 'Live Tracking', 'Multiple Vehicle Options', 'Smart Matching'],\n    stats: {\n      rating: '4.9/5',\n      users: '50K+',\n      speed: '<2min'\n    },\n    gradient: 'linear-gradient(135deg, #FF6B35 0%, #FF8C42 100%)',\n    image: 'https://images.unsplash.com/photo-1544620347-c4fd4a3d5957?ixlib=rb-4.0.3&auto=format&fit=crop&w=1000&q=80'\n  }, {\n    id: 2,\n    icon: /*#__PURE__*/_jsxDEV(FaUsers, {}, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 32,\n      columnNumber: 13\n    }, this),\n    title: 'Share a Ride',\n    description: 'Connect with fellow travelers and save up to 60% on your commute',\n    fullDescription: 'Our advanced algorithm matches you with people traveling the same route. Share costs, reduce traffic, and make new connections while saving money.',\n    features: ['Cost Sharing', 'Route Optimization', 'Community Building', 'Flexible Scheduling'],\n    stats: {\n      rating: '4.8/5',\n      users: '35K+',\n      savings: '60%'\n    },\n    gradient: 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)',\n    image: 'https://images.unsplash.com/photo-1549317661-bd32c8ce0db2?ixlib=rb-4.0.3&auto=format&fit=crop&w=1000&q=80'\n  }, {\n    id: 3,\n    icon: /*#__PURE__*/_jsxDEV(FaBuilding, {}, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 43,\n      columnNumber: 13\n    }, this),\n    title: 'Corporate Services',\n    description: 'Tailored transportation solutions for businesses and organizations',\n    fullDescription: 'Streamline employee transportation with our corporate solutions. Dedicated fleets, custom routes, and comprehensive reporting for your business needs.',\n    features: ['Employee Transport', 'Dedicated Fleet', 'Custom Solutions', 'Advanced Analytics'],\n    stats: {\n      rating: '4.9/5',\n      companies: '500+',\n      efficiency: '40%'\n    },\n    gradient: 'linear-gradient(135deg, #f093fb 0%, #f5576c 100%)',\n    image: 'https://images.unsplash.com/photo-1552664730-d307ca884978?ixlib=rb-4.0.3&auto=format&fit=crop&w=1000&q=80'\n  }, {\n    id: 4,\n    icon: /*#__PURE__*/_jsxDEV(FaLeaf, {}, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 54,\n      columnNumber: 13\n    }, this),\n    title: 'Eco Rides',\n    description: 'Sustainable travel with electric vehicles and carbon offset programs',\n    fullDescription: 'Choose from our fleet of electric and hybrid vehicles. Every ride contributes to our carbon offset program, making your travel environmentally responsible.',\n    features: ['Electric Vehicles', 'Carbon Neutral', 'Green Technology', 'Eco Routes'],\n    stats: {\n      rating: '4.7/5',\n      co2: '5T+ Saved',\n      green: '100+'\n    },\n    gradient: 'linear-gradient(135deg, #4facfe 0%, #00f2fe 100%)',\n    image: 'https://images.unsplash.com/photo-1593941707882-a5bba5331b56?ixlib=rb-4.0.3&auto=format&fit=crop&w=1000&q=80'\n  }, {\n    id: 5,\n    icon: /*#__PURE__*/_jsxDEV(FaShieldAlt, {}, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 65,\n      columnNumber: 13\n    }, this),\n    title: 'Safety First',\n    description: 'Comprehensive safety features and verified driver partners',\n    fullDescription: 'Your safety is our top priority. All drivers undergo rigorous background checks, and our app includes emergency features and real-time monitoring.',\n    features: ['Verified Partners', '24/7 Support', 'Emergency SOS', 'Trip Sharing'],\n    stats: {\n      rating: '5.0/5',\n      safety: '99.9%',\n      response: '<30s'\n    },\n    gradient: 'linear-gradient(135deg, #43e97b 0%, #38f9d7 100%)',\n    image: 'https://images.unsplash.com/photo-1580273916550-e323be2ae537?ixlib=rb-4.0.3&auto=format&fit=crop&w=1000&q=80'\n  }, {\n    id: 6,\n    icon: /*#__PURE__*/_jsxDEV(FaMoneyBillWave, {}, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 76,\n      columnNumber: 13\n    }, this),\n    title: 'Save Money',\n    description: 'Transparent pricing with no hidden fees and multiple payment options',\n    fullDescription: 'Enjoy competitive pricing with complete transparency. No surge pricing during peak hours and multiple payment methods for your convenience.',\n    features: ['Best Prices', 'No Hidden Fees', 'Multiple Payments', 'Price Lock'],\n    stats: {\n      rating: '4.8/5',\n      savings: '40% Avg',\n      payment: '10+'\n    },\n    gradient: 'linear-gradient(135deg, #fa709a 0%, #fee140 100%)',\n    image: 'https://images.unsplash.com/photo-1554224155-6726b3ff858f?ixlib=rb-4.0.3&auto=format&fit=crop&w=1000&q=80'\n  }];\n  const activeServiceData = services[activeService];\n  return /*#__PURE__*/_jsxDEV(\"section\", {\n    id: \"services\",\n    className: \"services-modern\",\n    children: /*#__PURE__*/_jsxDEV(\"div\", {\n      className: \"services-container\",\n      children: [/*#__PURE__*/_jsxDEV(\"div\", {\n        className: \"services-header\",\n        children: /*#__PURE__*/_jsxDEV(\"div\", {\n          className: \"services-title-content\",\n          children: [/*#__PURE__*/_jsxDEV(\"h2\", {\n            className: \"services-main-title\",\n            children: \"Our Premium Services\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 95,\n            columnNumber: 5\n          }, this), /*#__PURE__*/_jsxDEV(\"p\", {\n            className: \"services-subtitle\",\n            children: \"Experience next-generation ride sharing with cutting-edge features and unparalleled service quality.\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 96,\n            columnNumber: 5\n          }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n            className: \"services-line\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 99,\n            columnNumber: 5\n          }, this)]\n        }, void 0, true, {\n          fileName: _jsxFileName,\n          lineNumber: 94,\n          columnNumber: 3\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 93,\n        columnNumber: 9\n      }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n        className: \"services-grid\",\n        children: [/*#__PURE__*/_jsxDEV(\"div\", {\n          className: \"service-list\",\n          children: services.map((service, index) => /*#__PURE__*/_jsxDEV(\"div\", {\n            className: `service-item ${activeService === index ? 'active' : ''}`,\n            onClick: () => setActiveService(index),\n            children: [/*#__PURE__*/_jsxDEV(\"div\", {\n              className: \"service-item-content\",\n              children: [/*#__PURE__*/_jsxDEV(\"div\", {\n                className: \"service-icon-wrapper\",\n                style: {\n                  background: service.gradient\n                },\n                children: service.icon\n              }, void 0, false, {\n                fileName: _jsxFileName,\n                lineNumber: 114,\n                columnNumber: 19\n              }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n                className: \"service-text\",\n                children: [/*#__PURE__*/_jsxDEV(\"h4\", {\n                  children: service.title\n                }, void 0, false, {\n                  fileName: _jsxFileName,\n                  lineNumber: 121,\n                  columnNumber: 21\n                }, this), /*#__PURE__*/_jsxDEV(\"p\", {\n                  children: service.description\n                }, void 0, false, {\n                  fileName: _jsxFileName,\n                  lineNumber: 122,\n                  columnNumber: 21\n                }, this)]\n              }, void 0, true, {\n                fileName: _jsxFileName,\n                lineNumber: 120,\n                columnNumber: 19\n              }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n                className: \"service-arrow\",\n                children: /*#__PURE__*/_jsxDEV(FaArrowRight, {}, void 0, false, {\n                  fileName: _jsxFileName,\n                  lineNumber: 125,\n                  columnNumber: 21\n                }, this)\n              }, void 0, false, {\n                fileName: _jsxFileName,\n                lineNumber: 124,\n                columnNumber: 19\n              }, this)]\n            }, void 0, true, {\n              fileName: _jsxFileName,\n              lineNumber: 113,\n              columnNumber: 17\n            }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n              className: \"service-indicator\"\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 128,\n              columnNumber: 17\n            }, this)]\n          }, service.id, true, {\n            fileName: _jsxFileName,\n            lineNumber: 108,\n            columnNumber: 15\n          }, this))\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 106,\n          columnNumber: 11\n        }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n          className: \"service-details\",\n          children: [/*#__PURE__*/_jsxDEV(\"div\", {\n            className: \"details-background\",\n            children: [/*#__PURE__*/_jsxDEV(\"img\", {\n              src: activeServiceData.image,\n              alt: activeServiceData.title\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 136,\n              columnNumber: 15\n            }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n              className: \"details-overlay\",\n              style: {\n                background: activeServiceData.gradient\n              }\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 137,\n              columnNumber: 15\n            }, this)]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 135,\n            columnNumber: 13\n          }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n            className: \"details-content\",\n            children: [/*#__PURE__*/_jsxDEV(\"div\", {\n              className: \"details-header\",\n              children: [/*#__PURE__*/_jsxDEV(\"div\", {\n                className: \"service-badge\",\n                children: [/*#__PURE__*/_jsxDEV(\"span\", {\n                  className: \"badge-icon\",\n                  children: activeServiceData.icon\n                }, void 0, false, {\n                  fileName: _jsxFileName,\n                  lineNumber: 143,\n                  columnNumber: 19\n                }, this), /*#__PURE__*/_jsxDEV(\"span\", {\n                  className: \"badge-text\",\n                  children: \"Premium Service\"\n                }, void 0, false, {\n                  fileName: _jsxFileName,\n                  lineNumber: 144,\n                  columnNumber: 19\n                }, this)]\n              }, void 0, true, {\n                fileName: _jsxFileName,\n                lineNumber: 142,\n                columnNumber: 17\n              }, this), /*#__PURE__*/_jsxDEV(\"h3\", {\n                children: activeServiceData.title\n              }, void 0, false, {\n                fileName: _jsxFileName,\n                lineNumber: 146,\n                columnNumber: 17\n              }, this), /*#__PURE__*/_jsxDEV(\"p\", {\n                className: \"details-description\",\n                children: activeServiceData.fullDescription\n              }, void 0, false, {\n                fileName: _jsxFileName,\n                lineNumber: 147,\n                columnNumber: 17\n              }, this)]\n            }, void 0, true, {\n              fileName: _jsxFileName,\n              lineNumber: 141,\n              columnNumber: 15\n            }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n              className: \"details-features\",\n              children: [/*#__PURE__*/_jsxDEV(\"h4\", {\n                children: \"Key Features\"\n              }, void 0, false, {\n                fileName: _jsxFileName,\n                lineNumber: 151,\n                columnNumber: 17\n              }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n                className: \"features-grid\",\n                children: activeServiceData.features.map((feature, index) => /*#__PURE__*/_jsxDEV(\"div\", {\n                  className: \"feature-card\",\n                  children: [/*#__PURE__*/_jsxDEV(\"div\", {\n                    className: \"feature-icon\",\n                    children: /*#__PURE__*/_jsxDEV(FaStar, {}, void 0, false, {\n                      fileName: _jsxFileName,\n                      lineNumber: 156,\n                      columnNumber: 25\n                    }, this)\n                  }, void 0, false, {\n                    fileName: _jsxFileName,\n                    lineNumber: 155,\n                    columnNumber: 23\n                  }, this), /*#__PURE__*/_jsxDEV(\"span\", {\n                    children: feature\n                  }, void 0, false, {\n                    fileName: _jsxFileName,\n                    lineNumber: 158,\n                    columnNumber: 23\n                  }, this)]\n                }, index, true, {\n                  fileName: _jsxFileName,\n                  lineNumber: 154,\n                  columnNumber: 21\n                }, this))\n              }, void 0, false, {\n                fileName: _jsxFileName,\n                lineNumber: 152,\n                columnNumber: 17\n              }, this)]\n            }, void 0, true, {\n              fileName: _jsxFileName,\n              lineNumber: 150,\n              columnNumber: 15\n            }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n              className: \"details-stats\",\n              children: Object.entries(activeServiceData.stats).map(([key, value]) => /*#__PURE__*/_jsxDEV(\"div\", {\n                className: \"stat-card\",\n                children: [/*#__PURE__*/_jsxDEV(\"h5\", {\n                  children: value\n                }, void 0, false, {\n                  fileName: _jsxFileName,\n                  lineNumber: 167,\n                  columnNumber: 21\n                }, this), /*#__PURE__*/_jsxDEV(\"p\", {\n                  children: key.charAt(0).toUpperCase() + key.slice(1)\n                }, void 0, false, {\n                  fileName: _jsxFileName,\n                  lineNumber: 168,\n                  columnNumber: 21\n                }, this)]\n              }, key, true, {\n                fileName: _jsxFileName,\n                lineNumber: 166,\n                columnNumber: 19\n              }, this))\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 164,\n              columnNumber: 15\n            }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n              className: \"details-actions\",\n              children: [/*#__PURE__*/_jsxDEV(\"button\", {\n                className: \"btn-primary-large\",\n                children: [/*#__PURE__*/_jsxDEV(FaPlay, {\n                  className: \"btn-icon\"\n                }, void 0, false, {\n                  fileName: _jsxFileName,\n                  lineNumber: 175,\n                  columnNumber: 19\n                }, this), \"Get Started\"]\n              }, void 0, true, {\n                fileName: _jsxFileName,\n                lineNumber: 174,\n                columnNumber: 17\n              }, this), /*#__PURE__*/_jsxDEV(\"button\", {\n                className: \"btn-secondary-outline\",\n                children: \"Learn More\"\n              }, void 0, false, {\n                fileName: _jsxFileName,\n                lineNumber: 178,\n                columnNumber: 17\n              }, this)]\n            }, void 0, true, {\n              fileName: _jsxFileName,\n              lineNumber: 173,\n              columnNumber: 15\n            }, this)]\n          }, void 0, true, {\n            fileName: _jsxFileName,\n            lineNumber: 140,\n            columnNumber: 13\n          }, this)]\n        }, void 0, true, {\n          fileName: _jsxFileName,\n          lineNumber: 134,\n          columnNumber: 11\n        }, this)]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 104,\n        columnNumber: 9\n      }, this)]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 91,\n      columnNumber: 7\n    }, this)\n  }, void 0, false, {\n    fileName: _jsxFileName,\n    lineNumber: 90,\n    columnNumber: 5\n  }, this);\n};\n_s(Services, \"zZYTNI/jNGE5X7qnGfYrzrq267M=\");\n_c = Services;\nexport default Services;\nvar _c;\n$RefreshReg$(_c, \"Services\");","map":{"version":3,"names":["React","useState","FaCar","FaUsers","FaBuilding","FaLeaf","FaShieldAlt","FaMoneyBillWave","FaArrowRight","FaPlay","FaStar","jsxDEV","_jsxDEV","Services","_s","activeService","setActiveService","services","id","icon","fileName","_jsxFileName","lineNumber","columnNumber","title","description","fullDescription","features","stats","rating","users","speed","gradient","image","savings","companies","efficiency","co2","green","safety","response","payment","activeServiceData","className","children","map","service","index","onClick","style","background","src","alt","feature","Object","entries","key","value","charAt","toUpperCase","slice","_c","$RefreshReg$"],"sources":["/var/www/yuvaride/yuvaride-static/yuva-ride/src/components/Services.js"],"sourcesContent":["import React, { useState } from 'react';\nimport { \n  FaCar, \n  FaUsers, \n  FaBuilding, \n  FaLeaf, \n  FaShieldAlt, \n  FaMoneyBillWave,\n  FaArrowRight,\n  FaPlay,\n  FaStar\n} from 'react-icons/fa';\nimport './Services.css';\n\nconst Services = () => {\n  const [activeService, setActiveService] = useState(0);\n\n  const services = [\n    {\n      id: 1,\n      icon: <FaCar />,\n      title: 'Book a Ride',\n      description: 'Instant ride booking with smart matching and real-time tracking',\n      fullDescription: 'Book your ride in seconds with our intelligent matching system that finds the perfect vehicle for your needs. Real-time tracking keeps you informed every step of the way.',\n      features: ['Instant Booking', 'Live Tracking', 'Multiple Vehicle Options', 'Smart Matching'],\n      stats: { rating: '4.9/5', users: '50K+', speed: '<2min' },\n      gradient: 'linear-gradient(135deg, #FF6B35 0%, #FF8C42 100%)',\n      image: 'https://images.unsplash.com/photo-1544620347-c4fd4a3d5957?ixlib=rb-4.0.3&auto=format&fit=crop&w=1000&q=80'\n    },\n    {\n      id: 2,\n      icon: <FaUsers />,\n      title: 'Share a Ride',\n      description: 'Connect with fellow travelers and save up to 60% on your commute',\n      fullDescription: 'Our advanced algorithm matches you with people traveling the same route. Share costs, reduce traffic, and make new connections while saving money.',\n      features: ['Cost Sharing', 'Route Optimization', 'Community Building', 'Flexible Scheduling'],\n      stats: { rating: '4.8/5', users: '35K+', savings: '60%' },\n      gradient: 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)',\n      image: 'https://images.unsplash.com/photo-1549317661-bd32c8ce0db2?ixlib=rb-4.0.3&auto=format&fit=crop&w=1000&q=80'\n    },\n    {\n      id: 3,\n      icon: <FaBuilding />,\n      title: 'Corporate Services',\n      description: 'Tailored transportation solutions for businesses and organizations',\n      fullDescription: 'Streamline employee transportation with our corporate solutions. Dedicated fleets, custom routes, and comprehensive reporting for your business needs.',\n      features: ['Employee Transport', 'Dedicated Fleet', 'Custom Solutions', 'Advanced Analytics'],\n      stats: { rating: '4.9/5', companies: '500+', efficiency: '40%' },\n      gradient: 'linear-gradient(135deg, #f093fb 0%, #f5576c 100%)',\n      image: 'https://images.unsplash.com/photo-1552664730-d307ca884978?ixlib=rb-4.0.3&auto=format&fit=crop&w=1000&q=80'\n    },\n    {\n      id: 4,\n      icon: <FaLeaf />,\n      title: 'Eco Rides',\n      description: 'Sustainable travel with electric vehicles and carbon offset programs',\n      fullDescription: 'Choose from our fleet of electric and hybrid vehicles. Every ride contributes to our carbon offset program, making your travel environmentally responsible.',\n      features: ['Electric Vehicles', 'Carbon Neutral', 'Green Technology', 'Eco Routes'],\n      stats: { rating: '4.7/5', co2: '5T+ Saved', green: '100+' },\n      gradient: 'linear-gradient(135deg, #4facfe 0%, #00f2fe 100%)',\n      image: 'https://images.unsplash.com/photo-1593941707882-a5bba5331b56?ixlib=rb-4.0.3&auto=format&fit=crop&w=1000&q=80'\n    },\n    {\n      id: 5,\n      icon: <FaShieldAlt />,\n      title: 'Safety First',\n      description: 'Comprehensive safety features and verified driver partners',\n      fullDescription: 'Your safety is our top priority. All drivers undergo rigorous background checks, and our app includes emergency features and real-time monitoring.',\n      features: ['Verified Partners', '24/7 Support', 'Emergency SOS', 'Trip Sharing'],\n      stats: { rating: '5.0/5', safety: '99.9%', response: '<30s' },\n      gradient: 'linear-gradient(135deg, #43e97b 0%, #38f9d7 100%)',\n      image: 'https://images.unsplash.com/photo-1580273916550-e323be2ae537?ixlib=rb-4.0.3&auto=format&fit=crop&w=1000&q=80'\n    },\n    {\n      id: 6,\n      icon: <FaMoneyBillWave />,\n      title: 'Save Money',\n      description: 'Transparent pricing with no hidden fees and multiple payment options',\n      fullDescription: 'Enjoy competitive pricing with complete transparency. No surge pricing during peak hours and multiple payment methods for your convenience.',\n      features: ['Best Prices', 'No Hidden Fees', 'Multiple Payments', 'Price Lock'],\n      stats: { rating: '4.8/5', savings: '40% Avg', payment: '10+' },\n      gradient: 'linear-gradient(135deg, #fa709a 0%, #fee140 100%)',\n      image: 'https://images.unsplash.com/photo-1554224155-6726b3ff858f?ixlib=rb-4.0.3&auto=format&fit=crop&w=1000&q=80'\n    }\n  ];\n\n  const activeServiceData = services[activeService];\n\n  return (\n    <section id=\"services\" className=\"services-modern\">\n      <div className=\"services-container\">\n        {/* Header Section */}\n        <div className=\"services-header\">\n  <div className=\"services-title-content\">\n    <h2 className=\"services-main-title\">Our Premium Services</h2>\n    <p className=\"services-subtitle\">\n      Experience next-generation ride sharing with cutting-edge features and unparalleled service quality.\n    </p>\n    <div className=\"services-line\"></div>\n  </div>\n</div>\n\n        \n        <div className=\"services-grid\">\n          {/* Service List */}\n          <div className=\"service-list\">\n            {services.map((service, index) => (\n              <div\n                key={service.id}\n                className={`service-item ${activeService === index ? 'active' : ''}`}\n                onClick={() => setActiveService(index)}\n              >\n                <div className=\"service-item-content\">\n                  <div \n                    className=\"service-icon-wrapper\"\n                    style={{ background: service.gradient }}\n                  >\n                    {service.icon}\n                  </div>\n                  <div className=\"service-text\">\n                    <h4>{service.title}</h4>\n                    <p>{service.description}</p>\n                  </div>\n                  <div className=\"service-arrow\">\n                    <FaArrowRight />\n                  </div>\n                </div>\n                <div className=\"service-indicator\"></div>\n              </div>\n            ))}\n          </div>\n\n          {/* Active Service Details */}\n          <div className=\"service-details\">\n            <div className=\"details-background\">\n              <img src={activeServiceData.image} alt={activeServiceData.title} />\n              <div className=\"details-overlay\" style={{ background: activeServiceData.gradient }}></div>\n            </div>\n            \n            <div className=\"details-content\">\n              <div className=\"details-header\">\n                <div className=\"service-badge\">\n                  <span className=\"badge-icon\">{activeServiceData.icon}</span>\n                  <span className=\"badge-text\">Premium Service</span>\n                </div>\n                <h3>{activeServiceData.title}</h3>\n                <p className=\"details-description\">{activeServiceData.fullDescription}</p>\n              </div>\n\n              <div className=\"details-features\">\n                <h4>Key Features</h4>\n                <div className=\"features-grid\">\n                  {activeServiceData.features.map((feature, index) => (\n                    <div key={index} className=\"feature-card\">\n                      <div className=\"feature-icon\">\n                        <FaStar />\n                      </div>\n                      <span>{feature}</span>\n                    </div>\n                  ))}\n                </div>\n              </div>\n\n              <div className=\"details-stats\">\n                {Object.entries(activeServiceData.stats).map(([key, value]) => (\n                  <div key={key} className=\"stat-card\">\n                    <h5>{value}</h5>\n                    <p>{key.charAt(0).toUpperCase() + key.slice(1)}</p>\n                  </div>\n                ))}\n              </div>\n\n              <div className=\"details-actions\">\n                <button className=\"btn-primary-large\">\n                  <FaPlay className=\"btn-icon\" />\n                  Get Started\n                </button>\n                <button className=\"btn-secondary-outline\">\n                  Learn More\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        {/* Bottom CTA */}\n        \n      </div>\n    </section>\n  );\n};\n\nexport default Services;"],"mappings":"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","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}