diff --git a/src/App.js b/src/App.js index c2ac77b..7bef9f9 100644 --- a/src/App.js +++ b/src/App.js @@ -12,6 +12,7 @@ import BlogDesign5 from "./components/Blogs/design5/BlogDesign5"; import BlogDesign6 from "./components/Blogs/design6/BlogDesign6"; import HeaderDesign1 from "./components/Header/desgin1/HeaderDesign1"; import VodProductDesign from "./components/vodProductDesign/VodProductDesign"; +import ContactInfoSection from "./components/contactInfoSection/ContactInfoSection"; function App() { return ( @@ -22,13 +23,14 @@ function App() { {/* */} {/* */} {/* */} - + {/* */} {/* */} {/* */} {/* */} {/* */} - + {/* */} {/* */} + ); } diff --git a/src/assets/icons/customer-support.png b/src/assets/icons/customer-support.png new file mode 100644 index 0000000..2a71eb7 Binary files /dev/null and b/src/assets/icons/customer-support.png differ diff --git a/src/assets/icons/light-blue-line.svg b/src/assets/icons/light-blue-line.svg new file mode 100644 index 0000000..562f85a --- /dev/null +++ b/src/assets/icons/light-blue-line.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/icons/light-green-line.svg b/src/assets/icons/light-green-line.svg new file mode 100644 index 0000000..222d7e5 --- /dev/null +++ b/src/assets/icons/light-green-line.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/contactInfoSection/ContactInfoSection.js b/src/components/contactInfoSection/ContactInfoSection.js new file mode 100644 index 0000000..c0f89a8 --- /dev/null +++ b/src/components/contactInfoSection/ContactInfoSection.js @@ -0,0 +1,40 @@ +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 ( +
+ {/* line */} + + {/* middle content */} + +

+ 7 + روز هفته + 24 + ساعته +
+ منتظر شنیدن صدای گرمتان هستیم +

+
+

021654412

+

info@danovin.ir

+
+ {/* line */} + +
+ ); +}; + +export default ContactInfoSection; diff --git a/tailwind.config.js b/tailwind.config.js index bb0cb35..06c22fc 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -24,6 +24,7 @@ module.exports = { lightGreenTextColor: "#5DCE06", lightPurpleTextColor: "#A680FF", lightBlueTextColor: "#06BACE", + lightBlueTextColor2: "#196EC0", darkBlueTextColor: "#0615CE", darkBlueTextColor2: "#235A90", darkRedTextColor: "#CE3B06",