diff --git a/build.zip b/build.zip deleted file mode 100644 index 75e79a1..0000000 Binary files a/build.zip and /dev/null differ diff --git a/src/App.js b/src/App.js index 250fca6..eb719fd 100644 --- a/src/App.js +++ b/src/App.js @@ -16,27 +16,29 @@ import ContactInfoSection from "./components/contactInfoSection/ContactInfoSecti import FooterDesign1 from "./components/footer/design1/FooterDesign1"; import Testttt from "./components/testtttt/Testttt"; import Design2D from "./components/Design2D/Design2D"; +import Functionality from "./components/functionality/Functionality"; function App() { return (
- - - - - - - - - - - - - - - + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} {/* */} - + {/* */} +
); } diff --git a/src/assets/icons/crown-icon.svg b/src/assets/icons/crown-icon.svg new file mode 100644 index 0000000..9113db6 --- /dev/null +++ b/src/assets/icons/crown-icon.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/components/functionality/Functionality.js b/src/components/functionality/Functionality.js new file mode 100644 index 0000000..6f5850c --- /dev/null +++ b/src/components/functionality/Functionality.js @@ -0,0 +1,118 @@ +import React from "react"; + +import crown from "../../assets/icons/crown-icon.svg"; + +const Functionality = ({ + componentTitle, + componentTitleTextColor, + functionalityTitle, + functionalityTitleTextColor, + functionalityTag, + functionalityTagTextColor, + functionalityTagBgColor, + functionalityExcerptTextColor, + containerBgColor, + functionalityIconPadding, + functionalityIconBgColor, + functionalityIconAlignment, + footerTitle, + footerExplanation, + buttonTitle, + footerTitleTextColor, + footerExplanationTextColor, + buttonTitleTextColor, + buttonTitleBgColor, + buttonTitleBorder, + buttonTitleBorderColor, + buttonTitleHoverBgColor, +}) => { + return ( +
+
+

+ {componentTitle} +

+
+
+
+ +
+
+
+

+ {functionalityTitle} +

+ + {functionalityTag} + +
+

+ قابلیت امتیاز دهی به مطالب از جمله امکانات این سامانه می باشد تا + به جامعه هدف کارکنان کمک نمایید. +

+
+
+
+
+
+
+

+ {footerTitle} +

+

+ {footerExplanation} +

+
+ +
+
+ ); +}; + +export default Functionality; + +Functionality.defaultProps = { + componentTitle: "امکانات و ویژگی های پلتفرم", + functionalityTitle: "قابلیت امتیاز دهی", + functionalityTag: "جدید", + functionalityExcerpt: "جدید", + footerTitle: "هزاران درصد تحفیف", + footerExplanation: + "با وارد کردن کد بهار نگو تابستون از تخفیف 10 درصدی ویژه برخوردار شوید", + buttonTitle: "مشاهده امکانات", + + componentTitleTextColor: "text-productPrice", + functionalityTitleTextColor: "text-lightBlueTextColor", + functionalityTagTextColor: "text-productTitle", + functionalityTagBgColor: "bg-lightBlueBookBg", + functionalityExcerptTextColor: "text-grayTextColor", + containerBgColor: "bg-likeBtnBg", + + functionalityIconPadding: "p-5", + functionalityIconBgColor: "bg-yellow-100", + + footerTitleTextColor: "text-productTitle", + footerExplanationTextColor: "text-productTitle", + buttonTitleTextColor: "text-lightBlueTextColor", + buttonTitleBgColor: "bg-white", + buttonTitleHoverBgColor: "bg-blueBgColor", + buttonTitleBorder: "border-2", + buttonTitleBorderColor: "border-lightBlueBorderColor", + + // برای زمانی که ایکن سمت راست بک گراند نداره و میخواهیم که از بالا با تایتل سمت چپ شروع شود و نه از وسط + // items-start + // items-center + functionalityIconAlignment: "items-start", +};