import Breadcrumb from "../components/Breadcrumbs"; import {Box, Container, Grid, Typography, useMediaQuery} from "@mui/material"; import FacebookIcon from "@mui/icons-material/Facebook"; import InstagramIcon from "@mui/icons-material/Instagram"; import TwitterIcon from "@mui/icons-material/Twitter"; import YouTubeIcon from "@mui/icons-material/YouTube"; import Social from "../components/SocialLink"; import LocalPhoneIcon from '@mui/icons-material/LocalPhone'; import EmailIcon from '@mui/icons-material/Email'; import rom from "../img/our team/romb.png" import one from "../img/our team/1.jpg" import two from "../img/our team/2.jpg" import three from "../img/our team/3.jpg" import four from "../img/our team/4.jpg" let defaultTeam = [ { img: one, name: 'MARIA CULHANE', spec: 'online seller', desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. A accusamus blanditiis distinctio eum mollitia nisi nostrum nulla omnis quia, veniam!', links: [ {icon: FacebookIcon, url: 'https://www.facebook.com/'}, {icon: InstagramIcon, url: 'https://www.instagram.com/'}, {icon: TwitterIcon, url: 'https://twitter.com/home'}, {icon: YouTubeIcon, url: 'https://www.youtube.com/'}, ], phone: '+123 456 77 88', email: 'chmoleg@gmail.com' }, { img: two, name: 'EMERY HERWITZ', spec: 'online seller', desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. A accusamus blanditiis distinctio eum mollitia nisi nostrum nulla omnis quia, veniam!', links: [ {icon: FacebookIcon, url: 'https://www.facebook.com/'}, {icon: InstagramIcon, url: 'https://www.instagram.com/'}, {icon: TwitterIcon, url: 'https://twitter.com/home'}, {icon: YouTubeIcon, url: 'https://www.youtube.com/'}, ], phone: '+123 456 77 88', email: 'info@gmail.com' }, { img: three, name: 'ALLISON WORKMAN', spec: 'online seller', desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. A accusamus blanditiis distinctio eum mollitia nisi nostrum nulla omnis quia, veniam!', links: [ {icon: FacebookIcon, url: 'https://www.facebook.com/'}, {icon: InstagramIcon, url: 'https://www.instagram.com/'}, {icon: TwitterIcon, url: 'https://twitter.com/home'}, {icon: YouTubeIcon, url: 'https://www.youtube.com/'}, ], phone: '+123 456 77 88', email: 'info@gmail.com' }, { img: four, name: 'MADELYN BATOR', spec: 'online seller', desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. A accusamus blanditiis distinctio eum mollitia nisi nostrum nulla omnis quia, veniam!', links: [ {icon: FacebookIcon, url: 'https://www.facebook.com/'}, {icon: InstagramIcon, url: 'https://www.instagram.com/'}, {icon: TwitterIcon, url: 'https://twitter.com/home'}, {icon: YouTubeIcon, url: 'https://www.youtube.com/'}, ], phone: '+123 456 77 88', email: 'info@gmail.com' } ] const ItemTeam = ({item: {img, name, spec, desc, links, phone, email}, breakpoint}) => { return ( face {name} item {spec} {desc} {links.map(item => )} {phone} {email} ) } const OurTeamPage = ({specialist=defaultTeam}) => { const matches = useMediaQuery('(max-width:768px)'); return ( <>
{(specialist).map(item => )}
) } export default OurTeamPage