From b23e05c6823f3927260342c76bf8b6e84fe1edfd Mon Sep 17 00:00:00 2001 From: mahdi Date: Tue, 4 Jan 2022 14:56:50 +0330 Subject: [PATCH] update --- src/App.js | 6 ++- src/assets/icons/customer-support.png | Bin 0 -> 3754 bytes src/assets/icons/light-blue-line.svg | 3 ++ src/assets/icons/light-green-line.svg | 3 ++ .../contactInfoSection/ContactInfoSection.js | 40 ++++++++++++++++++ tailwind.config.js | 1 + 6 files changed, 51 insertions(+), 2 deletions(-) create mode 100644 src/assets/icons/customer-support.png create mode 100644 src/assets/icons/light-blue-line.svg create mode 100644 src/assets/icons/light-green-line.svg create mode 100644 src/components/contactInfoSection/ContactInfoSection.js 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 0000000000000000000000000000000000000000..2a71eb724bc98651ebd9ba0e6625b3f62692e3e6 GIT binary patch literal 3754 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 + + 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",