86 lines
4.4 KiB
JavaScript
86 lines
4.4 KiB
JavaScript
import React from 'react'
|
|
import { makeStyles } from '@mui/material/styles';
|
|
import Accordion from '@mui/material/Accordion';
|
|
import AccordionSummary from '@mui/material/AccordionSummary';
|
|
import AccordionDetails from '@mui/material/AccordionDetails';
|
|
import Typography from '@mui/material/Typography';
|
|
|
|
const FaqSection = (props) => {
|
|
const [expanded, setExpanded] = React.useState(false);
|
|
|
|
const handleChange = (panel) => (event, isExpanded) => {
|
|
setExpanded(isExpanded ? panel : false);
|
|
};
|
|
|
|
|
|
return (
|
|
<div className="wpo-benefits-section">
|
|
<div className="row">
|
|
<div className="col-lg-12 col-12">
|
|
<div className="wpo-benefits-item">
|
|
<Accordion expanded={expanded === 'panel1'} onChange={handleChange('panel1')}>
|
|
<AccordionSummary
|
|
expandIcon={""}
|
|
aria-controls="panel1bh-content"
|
|
id="panel1bh-header"
|
|
>
|
|
<Typography>Market research on our global panel with support from our experts.</Typography>
|
|
</AccordionSummary>
|
|
<AccordionDetails>
|
|
<Typography>
|
|
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Eum exercitationem pariatur iure nemo esse repellendus est quo recusandae. Delectus, maxime.
|
|
</Typography>
|
|
</AccordionDetails>
|
|
</Accordion>
|
|
<Accordion expanded={expanded === 'panel2'} onChange={handleChange('panel2')}>
|
|
<AccordionSummary
|
|
expandIcon={""}
|
|
aria-controls="panel2bh-content"
|
|
id="panel2bh-header"
|
|
>
|
|
<Typography>Planning can help alleviate workplace stress and increase productivity.</Typography>
|
|
</AccordionSummary>
|
|
<AccordionDetails>
|
|
<Typography>
|
|
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Eum exercitationem pariatur iure nemo esse repellendus est quo recusandae. Delectus, maxime.
|
|
</Typography>
|
|
</AccordionDetails>
|
|
</Accordion>
|
|
<Accordion expanded={expanded === 'panel3'} onChange={handleChange('panel3')}>
|
|
<AccordionSummary
|
|
expandIcon={""}
|
|
aria-controls="panel3bh-content"
|
|
id="panel3bh-header"
|
|
>
|
|
<Typography>Those who experiment the most, are able to innovate the best.</Typography>
|
|
|
|
</AccordionSummary>
|
|
<AccordionDetails>
|
|
<Typography>
|
|
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Eum exercitationem pariatur iure nemo esse repellendus est quo recusandae. Delectus, maxime.
|
|
</Typography>
|
|
</AccordionDetails>
|
|
</Accordion>
|
|
<Accordion expanded={expanded === 'panel4'} onChange={handleChange('panel4')}>
|
|
<AccordionSummary
|
|
expandIcon={""}
|
|
aria-controls="panel4bh-content"
|
|
id="panel4bh-header"
|
|
>
|
|
<Typography>Understand Your Problem, You must understand the issue.</Typography>
|
|
</AccordionSummary>
|
|
<AccordionDetails>
|
|
<Typography>
|
|
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Eum exercitationem pariatur iure nemo esse repellendus est quo recusandae. Delectus, maxime.
|
|
</Typography>
|
|
</AccordionDetails>
|
|
</Accordion>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
)
|
|
}
|
|
|
|
export default FaqSection; |