import Footer from "../components/Footer";
import Breadcrumb from "../components/Breadcrumbs";
import Header from "../components/Header";
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: 'info@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 (
{name}
{spec}
{desc}
{links.map(item => )}
{phone}
{email}
)
}
const OurTeamPage = ({specialist=defaultTeam}) => {
const matches = useMediaQuery('(max-width:768px)');
return (
<>
{(specialist).map(item => )}
>
)
}
export default OurTeamPage