\r\n Build Roadmaps\r\n Create prioritized action plans to address insights from session\r\n replays.\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n
\r\n \r\n
\r\n Platform Integrations\r\n Seamlessly integrate with platforms like Zendesk, Intercom, and\r\n Salesforce.\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n Feedback Upload\r\n \r\n Upload your own feedback data for a comprehensive\r\n analysis.\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n
\r\n Market Leadership\r\n \r\n {isMobile ? 'Stay ahead with insights.' : 'Use customer insights to stay ahead and deliver unmatched value.'}\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n Personalization\r\n \r\n {isMobile ? 'Tailor services.' : 'Use feedback to personalize your services and differentiate in the market.'}\r\n \r\n \r\n \r\n \r\n
\r\n Sustaining Growth\r\n \r\n {isMobile ? 'Improve continuously.' : 'Continuously improve based on feedback to sustain growth.'}\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default TeamTabs;","import React, { Suspense } from 'react';\r\nimport { Row, Col } from 'react-bootstrap';\r\nimport { withRouter } from 'react-router-dom';\r\nimport screenRecordingMp4 from '../../assets/img/homepage/screen_record/record_example_shorter.mp4';\r\nimport ZendeskLogo from '../../assets/img/companies/logos/zendesk.png';\r\nimport SalesforceLogo from '../../assets/img/companies/logos/salesforce.png';\r\nimport IntercomLogo from '../../assets/img/companies/logos/intercom.png';\r\nimport SampleSurveyResult from '../../assets/img/reporting/sample_survey_result.png';\r\nimport styled from 'styled-components';\r\nimport { FaChartLine, FaEye } from 'react-icons/fa';\r\nimport { Tab, Tabs } from 'react-bootstrap';\r\nimport NPSSurveyAnalysisLight from './components/platform/NPSSurveyAnalysisLight';\r\n// import { BarChart, Bar, XAxis, YAxis, Tooltip, CartesianGrid } from 'recharts';\r\n// import { PieChart, Pie, Cell } from 'recharts';\r\n// import { Legend, LabelList } from 'recharts';\r\n// import { Chrono } from 'react-chrono';\r\nimport roadmapImage from '../../assets/img/homepage/center/board_planning3.png';\r\nimport TeamTabs from './teams-tabs/TeamsTabs';\r\nimport { Helmet } from 'react-helmet';\r\n// import LazyLoad from 'react-lazyload';\r\n// import { isMobileScreen } from '../../shared/components/layouts/utils/detectScreenSize';\r\n\r\nconst pieChartTopics = process.env.PUBLIC_URL + '/assets/img/homepage/pie_chart_topics.png';\r\nconst roiActions = process.env.PUBLIC_URL + '/assets/img/homepage/roi_actions.png';\r\n\r\nconst data = [\r\n {\r\n title: 'Collect Feedback',\r\n cardTitle: 'Step 1: Collect Feedback',\r\n cardDetailedText: 'Start by gathering customer feedback through various channels.',\r\n },\r\n {\r\n title: 'Record Sessions',\r\n cardTitle: 'Step 2: Record Sessions',\r\n cardDetailedText: 'Capture user interactions to uncover usability issues and improve UX.',\r\n },\r\n {\r\n title: 'Analyze Data',\r\n cardTitle: 'Step 3: Analyze Data',\r\n cardDetailedText: 'Watch session reply and Use AI-driven insights to identify patterns and actionable items.',\r\n },\r\n {\r\n title: 'Build Roadmap',\r\n cardTitle: 'Step 4: Build Roadmap',\r\n cardDetailedText: 'Create a prioritized action plan based on session insights.',\r\n },\r\n {\r\n title: 'Implement Actions',\r\n cardTitle: 'Step 5: Implement Actions',\r\n cardDetailedText: 'Execute the highest-impact changes first for maximum ROI.',\r\n },\r\n {\r\n title: 'Monitor Improvements',\r\n cardTitle: 'Step 6: Monitor Improvements',\r\n cardDetailedText: 'Continuously track the impact of changes and refine strategies.',\r\n },\r\n];\r\n\r\nconst StepsText = ({ steps }) => (\r\n <>\r\n {steps.map((step, index) => (\r\n