{"ast":null,"code":"var _jsxFileName = \"/var/www/yuvaride/yuvaride-static/yuva-ride/src/components/About.js\",\n _s = $RefreshSig$();\nimport React, { useEffect, useRef } from 'react';\nimport { FaAward, FaUsers, FaRoute, FaLeaf } from 'react-icons/fa';\nimport './About.css';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nconst About = () => {\n _s();\n const statsGridRef = useRef(null);\n const statItemsRef = useRef([]);\n useEffect(() => {\n const observer = new IntersectionObserver(entries => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n // Animate the main line\n if (entry.target.classList.contains('stats-grid')) {\n entry.target.classList.add('in-view');\n }\n\n // Animate individual stat items with delays\n if (entry.target.classList.contains('stat-item')) {\n setTimeout(() => {\n entry.target.classList.add('in-view');\n }, entry.target.dataset.delay || 0);\n }\n }\n });\n }, {\n threshold: 0.3,\n rootMargin: '0px 0px -50px 0px'\n });\n\n // Observe the stats grid\n if (statsGridRef.current) {\n observer.observe(statsGridRef.current);\n }\n\n // Observe individual stat items\n statItemsRef.current.forEach((item, index) => {\n if (item) {\n item.style.setProperty('--delay', `${index * 0.2}s`);\n item.style.setProperty('--icon-delay', `${index * 0.2 + 0.3}s`);\n item.style.setProperty('--number-delay', `${index * 0.2 + 0.5}s`);\n item.style.setProperty('--label-delay', `${index * 0.2 + 0.7}s`);\n observer.observe(item);\n }\n });\n return () => observer.disconnect();\n }, []);\n const stats = [{\n icon: /*#__PURE__*/_jsxDEV(FaUsers, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 54,\n columnNumber: 13\n }, this),\n number: '50,000+',\n label: 'Active Users'\n }, {\n icon: /*#__PURE__*/_jsxDEV(FaRoute, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 55,\n columnNumber: 13\n }, this),\n number: '1M+',\n label: 'Rides Completed'\n }, {\n icon: /*#__PURE__*/_jsxDEV(FaLeaf, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 56,\n columnNumber: 13\n }, this),\n number: '500+',\n label: 'Tons CO2 Saved'\n }, {\n icon: /*#__PURE__*/_jsxDEV(FaAward, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 57,\n columnNumber: 13\n }, this),\n number: '4.9',\n label: 'App Store Rating'\n }];\n const values = [{\n title: 'Sustainability',\n description: 'We are committed to reducing carbon emissions through shared mobility.'\n }, {\n title: 'Community',\n description: 'Building connections between people traveling in the same direction.'\n }, {\n title: 'Innovation',\n description: 'Constantly improving our technology for better user experiences.'\n }, {\n title: 'Accessibility',\n description: 'Making transportation affordable and available to everyone.'\n }];\n return /*#__PURE__*/_jsxDEV(\"section\", {\n id: \"about\",\n className: \"section about\",\n children: /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"container\",\n children: [/*#__PURE__*/_jsxDEV(\"div\", {\n className: \"section-title\",\n children: [/*#__PURE__*/_jsxDEV(\"h2\", {\n children: \"About Yuva\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 83,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(\"p\", {\n children: \"Revolutionizing urban mobility through shared transportation\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 84,\n columnNumber: 11\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 82,\n columnNumber: 9\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"about-content\",\n children: [/*#__PURE__*/_jsxDEV(\"div\", {\n className: \"about-text\",\n children: [/*#__PURE__*/_jsxDEV(\"h3\", {\n children: \"Our Story\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 89,\n columnNumber: 13\n }, this), /*#__PURE__*/_jsxDEV(\"p\", {\n children: \"Founded in 2020, Yuva emerged from a simple idea: what if we could make transportation more affordable, social, and environmentally friendly? Today, we're proud to be one of the fastest-growing ride-sharing platforms, connecting thousands of commuters daily.\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 90,\n columnNumber: 13\n }, this), /*#__PURE__*/_jsxDEV(\"p\", {\n children: \"Our mission is to reduce traffic congestion, lower carbon emissions, and create meaningful connections between people while making urban transportation more accessible and affordable.\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 95,\n columnNumber: 13\n }, this), /*#__PURE__*/_jsxDEV(\"h3\", {\n children: \"Our Values\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 100,\n columnNumber: 13\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"values-grid\",\n children: values.map((value, index) => /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"value-item\",\n children: [/*#__PURE__*/_jsxDEV(\"h4\", {\n children: value.title\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 104,\n columnNumber: 19\n }, this), /*#__PURE__*/_jsxDEV(\"p\", {\n children: value.description\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 105,\n columnNumber: 19\n }, this)]\n }, index, true, {\n fileName: _jsxFileName,\n lineNumber: 103,\n columnNumber: 17\n }, this))\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 101,\n columnNumber: 13\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 88,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"about-stats\",\n children: /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"stats-grid\",\n ref: statsGridRef,\n children: stats.map((stat, index) => /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"stat-item\",\n ref: el => statItemsRef.current[index] = el,\n children: [/*#__PURE__*/_jsxDEV(\"div\", {\n className: \"stat-icon\",\n children: stat.icon\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 119,\n columnNumber: 19\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"stat-number\",\n children: stat.number\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 122,\n columnNumber: 19\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"stat-label\",\n children: stat.label\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 123,\n columnNumber: 19\n }, this)]\n }, index, true, {\n fileName: _jsxFileName,\n lineNumber: 114,\n columnNumber: 17\n }, this))\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 112,\n columnNumber: 13\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 111,\n columnNumber: 11\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 87,\n columnNumber: 9\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 81,\n columnNumber: 7\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 80,\n columnNumber: 5\n }, this);\n};\n_s(About, \"XRzi/tXMoagvPXjcghYaGyowf34=\");\n_c = About;\nexport default About;\nvar _c;\n$RefreshReg$(_c, \"About\");","map":{"version":3,"names":["React","useEffect","useRef","FaAward","FaUsers","FaRoute","FaLeaf","jsxDEV","_jsxDEV","About","_s","statsGridRef","statItemsRef","observer","IntersectionObserver","entries","forEach","entry","isIntersecting","target","classList","contains","add","setTimeout","dataset","delay","threshold","rootMargin","current","observe","item","index","style","setProperty","disconnect","stats","icon","fileName","_jsxFileName","lineNumber","columnNumber","number","label","values","title","description","id","className","children","map","value","ref","stat","el","_c","$RefreshReg$"],"sources":["/var/www/yuvaride/yuvaride-static/yuva-ride/src/components/About.js"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport { FaAward, FaUsers, FaRoute, FaLeaf } from 'react-icons/fa';\nimport './About.css';\n\nconst About = () => {\n const statsGridRef = useRef(null);\n const statItemsRef = useRef([]);\n\n useEffect(() => {\n const observer = new IntersectionObserver(\n (entries) => {\n entries.forEach((entry) => {\n if (entry.isIntersecting) {\n // Animate the main line\n if (entry.target.classList.contains('stats-grid')) {\n entry.target.classList.add('in-view');\n }\n \n // Animate individual stat items with delays\n if (entry.target.classList.contains('stat-item')) {\n setTimeout(() => {\n entry.target.classList.add('in-view');\n }, entry.target.dataset.delay || 0);\n }\n }\n });\n },\n {\n threshold: 0.3,\n rootMargin: '0px 0px -50px 0px'\n }\n );\n\n // Observe the stats grid\n if (statsGridRef.current) {\n observer.observe(statsGridRef.current);\n }\n\n // Observe individual stat items\n statItemsRef.current.forEach((item, index) => {\n if (item) {\n item.style.setProperty('--delay', `${index * 0.2}s`);\n item.style.setProperty('--icon-delay', `${index * 0.2 + 0.3}s`);\n item.style.setProperty('--number-delay', `${index * 0.2 + 0.5}s`);\n item.style.setProperty('--label-delay', `${index * 0.2 + 0.7}s`);\n observer.observe(item);\n }\n });\n\n return () => observer.disconnect();\n }, []);\n\n const stats = [\n { icon: , number: '50,000+', label: 'Active Users' },\n { icon: , number: '1M+', label: 'Rides Completed' },\n { icon: , number: '500+', label: 'Tons CO2 Saved' },\n { icon: , number: '4.9', label: 'App Store Rating' }\n ];\n\n const values = [\n {\n title: 'Sustainability',\n description: 'We are committed to reducing carbon emissions through shared mobility.'\n },\n {\n title: 'Community',\n description: 'Building connections between people traveling in the same direction.'\n },\n {\n title: 'Innovation',\n description: 'Constantly improving our technology for better user experiences.'\n },\n {\n title: 'Accessibility',\n description: 'Making transportation affordable and available to everyone.'\n }\n ];\n\n return (\n
\n
\n
\n

About Yuva

\n

Revolutionizing urban mobility through shared transportation

\n
\n \n
\n
\n

Our Story

\n

\n Founded in 2020, Yuva emerged from a simple idea: what if we could make transportation \n more affordable, social, and environmentally friendly? Today, we're proud to be one of \n the fastest-growing ride-sharing platforms, connecting thousands of commuters daily.\n

\n

\n Our mission is to reduce traffic congestion, lower carbon emissions, and create meaningful \n connections between people while making urban transportation more accessible and affordable.\n

\n \n

Our Values

\n
\n {values.map((value, index) => (\n
\n

{value.title}

\n

{value.description}

\n
\n ))}\n
\n
\n \n
\n
\n {stats.map((stat, index) => (\n
statItemsRef.current[index] = el}\n >\n
\n {stat.icon}\n
\n
{stat.number}
\n
{stat.label}
\n
\n ))}\n
\n
\n
\n
\n
\n );\n};\n\nexport default About;"],"mappings":"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","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}