{"ast":null,"code":"import React,{useEffect,useRef}from'react';import{FaAward,FaUsers,FaRoute,FaLeaf}from'react-icons/fa';import'./About.css';import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";const About=()=>{const statsGridRef=useRef(null);const statItemsRef=useRef([]);useEffect(()=>{const observer=new IntersectionObserver(entries=>{entries.forEach(entry=>{if(entry.isIntersecting){// Animate the main line\nif(entry.target.classList.contains('stats-grid')){entry.target.classList.add('in-view');}// Animate individual stat items with delays\nif(entry.target.classList.contains('stat-item')){setTimeout(()=>{entry.target.classList.add('in-view');},entry.target.dataset.delay||0);}}});},{threshold:0.3,rootMargin:'0px 0px -50px 0px'});// Observe the stats grid\nif(statsGridRef.current){observer.observe(statsGridRef.current);}// Observe individual stat items\nstatItemsRef.current.forEach((item,index)=>{if(item){item.style.setProperty('--delay',\"\".concat(index*0.2,\"s\"));item.style.setProperty('--icon-delay',\"\".concat(index*0.2+0.3,\"s\"));item.style.setProperty('--number-delay',\"\".concat(index*0.2+0.5,\"s\"));item.style.setProperty('--label-delay',\"\".concat(index*0.2+0.7,\"s\"));observer.observe(item);}});return()=>observer.disconnect();},[]);const stats=[{icon:/*#__PURE__*/_jsx(FaUsers,{}),number:'50,000+',label:'Active Users'},{icon:/*#__PURE__*/_jsx(FaRoute,{}),number:'1M+',label:'Rides Completed'},{icon:/*#__PURE__*/_jsx(FaLeaf,{}),number:'500+',label:'Tons CO2 Saved'},{icon:/*#__PURE__*/_jsx(FaAward,{}),number:'4.9',label:'App Store Rating'}];const values=[{title:'Sustainability',description:'We are committed to reducing carbon emissions through shared mobility.'},{title:'Community',description:'Building connections between people traveling in the same direction.'},{title:'Innovation',description:'Constantly improving our technology for better user experiences.'},{title:'Accessibility',description:'Making transportation affordable and available to everyone.'}];return/*#__PURE__*/_jsx(\"section\",{id:\"about\",className:\"section about\",children:/*#__PURE__*/_jsxs(\"div\",{className:\"container\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"section-title\",children:[/*#__PURE__*/_jsx(\"h2\",{children:\"About Yuva\"}),/*#__PURE__*/_jsx(\"p\",{children:\"Revolutionizing urban mobility through shared transportation\"})]}),/*#__PURE__*/_jsxs(\"div\",{className:\"about-content\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"about-text\",children:[/*#__PURE__*/_jsx(\"h3\",{children:\"Our Story\"}),/*#__PURE__*/_jsx(\"p\",{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.\"}),/*#__PURE__*/_jsx(\"p\",{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.\"}),/*#__PURE__*/_jsx(\"h3\",{children:\"Our Values\"}),/*#__PURE__*/_jsx(\"div\",{className:\"values-grid\",children:values.map((value,index)=>/*#__PURE__*/_jsxs(\"div\",{className:\"value-item\",children:[/*#__PURE__*/_jsx(\"h4\",{children:value.title}),/*#__PURE__*/_jsx(\"p\",{children:value.description})]},index))})]}),/*#__PURE__*/_jsx(\"div\",{className:\"about-stats\",children:/*#__PURE__*/_jsx(\"div\",{className:\"stats-grid\",ref:statsGridRef,children:stats.map((stat,index)=>/*#__PURE__*/_jsxs(\"div\",{className:\"stat-item\",ref:el=>statItemsRef.current[index]=el,children:[/*#__PURE__*/_jsx(\"div\",{className:\"stat-icon\",children:stat.icon}),/*#__PURE__*/_jsx(\"div\",{className:\"stat-number\",children:stat.number}),/*#__PURE__*/_jsx(\"div\",{className:\"stat-label\",children:stat.label})]},index))})})]})]})});};export default About;","map":{"version":3,"names":["React","useEffect","useRef","FaAward","FaUsers","FaRoute","FaLeaf","jsx","_jsx","jsxs","_jsxs","About","statsGridRef","statItemsRef","observer","IntersectionObserver","entries","forEach","entry","isIntersecting","target","classList","contains","add","setTimeout","dataset","delay","threshold","rootMargin","current","observe","item","index","style","setProperty","concat","disconnect","stats","icon","number","label","values","title","description","id","className","children","map","value","ref","stat","el"],"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: <FaUsers />, number: '50,000+', label: 'Active Users' },\n    { icon: <FaRoute />, number: '1M+', label: 'Rides Completed' },\n    { icon: <FaLeaf />, number: '500+', label: 'Tons CO2 Saved' },\n    { icon: <FaAward />, 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    <section id=\"about\" className=\"section about\">\n      <div className=\"container\">\n        <div className=\"section-title\">\n          <h2>About Yuva</h2>\n          <p>Revolutionizing urban mobility through shared transportation</p>\n        </div>\n        \n        <div className=\"about-content\">\n          <div className=\"about-text\">\n            <h3>Our Story</h3>\n            <p>\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            </p>\n            <p>\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            </p>\n            \n            <h3>Our Values</h3>\n            <div className=\"values-grid\">\n              {values.map((value, index) => (\n                <div key={index} className=\"value-item\">\n                  <h4>{value.title}</h4>\n                  <p>{value.description}</p>\n                </div>\n              ))}\n            </div>\n          </div>\n          \n          <div className=\"about-stats\">\n            <div className=\"stats-grid\" ref={statsGridRef}>\n              {stats.map((stat, index) => (\n                <div \n                  key={index} \n                  className=\"stat-item\"\n                  ref={el => statItemsRef.current[index] = el}\n                >\n                  <div className=\"stat-icon\">\n                    {stat.icon}\n                  </div>\n                  <div className=\"stat-number\">{stat.number}</div>\n                  <div className=\"stat-label\">{stat.label}</div>\n                </div>\n              ))}\n            </div>\n          </div>\n        </div>\n      </div>\n    </section>\n  );\n};\n\nexport default About;"],"mappings":"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","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}