bazooChat
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

73 lines
2.3 KiB

import React from 'react';
import './mobileMockup.css';
import whatsAppLogo from '../../assets/images/XMLID_468_.png';
import bookIcon from '../../assets/images/vuesax-bold-book.png';
import chatIcon from '../../assets/images/vuesax-bold-message-text.png';
import smsIcon from '../../assets/images/vuesax-bold-sms.png';
import alireza from '../../assets/images/alireza.png';
import mahmood from '../../assets/images/mahmood.png';
import tahmoores from '../../assets/images/tahmoores.png';
import sohrab from '../../assets/images/sohrab.png';
import gavazn from '../../assets/images/gavazn.png';
import babanoel from '../../assets/images/babanoel.png';
const MobileMockup = () => {
return (
<div className='mobileMockup'>
<div className='firstSection'>
<div>
<h3>پشتیبانی آنلاین👋</h3>
<p>اگر نیاز به پشتیبانی داشتید تیم ما در کنار شماست</p>
</div>
<div className='mobileGoDown'>
</div>
</div>
<div className='secondSection'>
<div>
<img src={whatsAppLogo} />
</div>
<div>
<img src={bookIcon} />
</div>
<div>
<img src={smsIcon} />
</div>
<div className='choosen'>
<img src={chatIcon} />
</div>
</div>
<div className='thirdsection'>
<div>
<img src={alireza} />
<p>علیرضا</p>
</div>
<div>
<img src={mahmood} />
<p>محمود</p>
</div>
<div>
<img src={tahmoores} />
<p>طهمورث</p>
</div>
<div>
<img src={sohrab} />
<p>سهراب</p>
</div>
<div>
<img src={gavazn} />
<p>گوزن</p>
</div>
<div>
<img src={babanoel} />
<p>بابانوئل</p>
</div>
</div>
</div>
);
};
export default MobileMockup;