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.
41 lines
1.4 KiB
41 lines
1.4 KiB
3 years ago
|
import React from "react";
|
||
|
|
||
|
import customerSupport from "../../assets/icons/customer-support.png";
|
||
|
import lightGreenLine from "../../assets/icons/light-green-line.svg";
|
||
|
import lightBlueLine from "../../assets/icons/light-blue-line.svg";
|
||
|
|
||
|
const ContactInfoSection = () => {
|
||
|
return (
|
||
|
<section className="bg-midGrayBgColor relative flex flex-col sm:flex-row items-center justify-center p-4">
|
||
|
{/* line */}
|
||
|
<img
|
||
|
src={lightBlueLine}
|
||
|
alt=""
|
||
|
className="hidden sm:block absolute right-72"
|
||
|
/>
|
||
|
{/* middle content */}
|
||
|
<img src={customerSupport} alt="" className="w-20 cursor-pointer" />
|
||
|
<p className="mr-0 sm:mr-10 mt-5 sm:mt-0 text-sm text-darkCrimsonTextColor leading-6">
|
||
|
<span className="text-lightBlueTextColor2">7 </span>
|
||
|
روز هفته
|
||
|
<span className="text-lightBlueTextColor2"> 24 </span>
|
||
|
ساعته
|
||
|
<br />
|
||
|
منتظر شنیدن صدای گرمتان هستیم
|
||
|
</p>
|
||
|
<div className="mr-0 sm:mr-10 mt-5 sm:mt-0">
|
||
|
<p className="text-sm text-darkCrimsonTextColor">021654412</p>
|
||
|
<p className="text-sm text-darkCrimsonTextColor">info@danovin.ir</p>
|
||
|
</div>
|
||
|
{/* line */}
|
||
|
<img
|
||
|
src={lightGreenLine}
|
||
|
alt=""
|
||
|
className="hidden sm:block absolute left-72"
|
||
|
/>
|
||
|
</section>
|
||
|
);
|
||
|
};
|
||
|
|
||
|
export default ContactInfoSection;
|