master
mahdi 3 years ago
parent 75c6e82800
commit d6273694f6
  1. 32
      src/App.js
  2. BIN
      src/assets/fonts/iransans/IRANSansWeb(FaNum)_Medium.ttf
  3. BIN
      src/assets/fonts/iransans/eot/IRANSansWeb(FaNum).eot
  4. BIN
      src/assets/fonts/iransans/eot/IRANSansWeb(FaNum)_Black.eot
  5. BIN
      src/assets/fonts/iransans/eot/IRANSansWeb(FaNum)_Bold.eot
  6. BIN
      src/assets/fonts/iransans/eot/IRANSansWeb(FaNum)_Light.eot
  7. BIN
      src/assets/fonts/iransans/eot/IRANSansWeb(FaNum)_Medium.eot
  8. BIN
      src/assets/fonts/iransans/eot/IRANSansWeb(FaNum)_UltraLight.eot
  9. BIN
      src/assets/fonts/iransans/ttf/IRANSansWeb(FaNum).ttf
  10. BIN
      src/assets/fonts/iransans/ttf/IRANSansWeb(FaNum)_Black.ttf
  11. BIN
      src/assets/fonts/iransans/ttf/IRANSansWeb(FaNum)_Bold.ttf
  12. BIN
      src/assets/fonts/iransans/ttf/IRANSansWeb(FaNum)_Light.ttf
  13. BIN
      src/assets/fonts/iransans/ttf/IRANSansWeb(FaNum)_Medium.ttf
  14. BIN
      src/assets/fonts/iransans/ttf/IRANSansWeb(FaNum)_UltraLight.ttf
  15. BIN
      src/assets/fonts/iransans/woff/IRANSansWeb(FaNum).woff
  16. BIN
      src/assets/fonts/iransans/woff/IRANSansWeb(FaNum)_Black.woff
  17. BIN
      src/assets/fonts/iransans/woff/IRANSansWeb(FaNum)_Bold.woff
  18. BIN
      src/assets/fonts/iransans/woff/IRANSansWeb(FaNum)_Light.woff
  19. BIN
      src/assets/fonts/iransans/woff/IRANSansWeb(FaNum)_Medium.woff
  20. BIN
      src/assets/fonts/iransans/woff/IRANSansWeb(FaNum)_UltraLight.woff
  21. BIN
      src/assets/fonts/iransans/woff2/IRANSansWeb(FaNum).woff2
  22. BIN
      src/assets/fonts/iransans/woff2/IRANSansWeb(FaNum)_Black.woff2
  23. BIN
      src/assets/fonts/iransans/woff2/IRANSansWeb(FaNum)_Bold.woff2
  24. BIN
      src/assets/fonts/iransans/woff2/IRANSansWeb(FaNum)_Light.woff2
  25. BIN
      src/assets/fonts/iransans/woff2/IRANSansWeb(FaNum)_Medium.woff2
  26. BIN
      src/assets/fonts/iransans/woff2/IRANSansWeb(FaNum)_UltraLight.woff2
  27. 10
      src/components/Design2D/Design2D.js
  28. 2
      src/components/counterDesign/CounterDesign.js
  29. 8
      src/components/functionality/Functionality.js

@ -21,23 +21,23 @@ import Functionality from "./components/functionality/Functionality";
function App() { function App() {
return ( return (
<div className="App"> <div className="App">
<ProductDesign /> {/* <ProductDesign /> */}
<VodProductDesign /> {/* <VodProductDesign /> */}
<BookDesign /> {/* <BookDesign /> */}
<ButtonDesign /> {/* <ButtonDesign /> */}
<ProductTags /> {/* <ProductTags /> */}
<CounterDesign /> {/* <CounterDesign /> */}
<BlogDesign1 /> {/* <BlogDesign1 /> */}
<BlogDesign2 /> {/* <BlogDesign2 /> */}
<BlogDesign3 /> {/* <BlogDesign3 /> */}
<BlogDesign4 /> {/* <BlogDesign4 /> */}
<BlogDesign5 /> {/* <BlogDesign5 /> */}
<BlogDesign6 /> {/* <BlogDesign6 /> */}
<HeaderDesign1 /> {/* <HeaderDesign1 /> */}
<ContactInfoSection /> {/* <ContactInfoSection /> */}
<FooterDesign1 /> {/* <FooterDesign1 /> */}
{/* <Testttt /> */} {/* <Testttt /> */}
<Design2D /> {/* <Design2D /> */}
<Functionality /> <Functionality />
</div> </div>
); );

@ -2,7 +2,7 @@ import React from "react";
const Design2D = ({ array }) => { const Design2D = ({ array }) => {
return ( return (
<section className="flex items-center justify-around bg-white h-60"> <section className="flex items-center justify-around bg-pink-100 h-60">
{array.map((item, index) => ( {array.map((item, index) => (
<div <div
className={`flex flex-col h-full`} className={`flex flex-col h-full`}
@ -11,9 +11,13 @@ const Design2D = ({ array }) => {
> >
{item.items.map((item1, index) => ( {item.items.map((item1, index) => (
<div <div
className={`flex ${item1.bg}`} className={`flex p-4 ${item1.bg}`}
style={{ flex: item1.flex }} style={{ flex: item1.flex }}
></div> >
<div className="bg-indigo-300 w-full h-full flex items-center justify-center">
<p>inside the div</p>
</div>
</div>
))} ))}
</div> </div>
))} ))}

@ -56,7 +56,7 @@ const CounterDesign = ({
<img <img
src={incrementCounterIcon} src={incrementCounterIcon}
alt="" alt=""
className="w-8 mb-4 cursor-pointer transition delay-150 duration-300 ease-in-out hover:-translate-y-2" className="w-8 mb-4 cursor-pointer transition delay-150 duration-300 ease-in-out hover:-translate-y-2 "
onClick={() => setCount(count + 1)} onClick={() => setCount(count + 1)}
/> />
)} )}

@ -28,7 +28,7 @@ const Functionality = ({
}) => { }) => {
return ( return (
<section> <section>
<div className="w-11/12 mx-auto mt-7 bg-white p-7 shadow-sm"> <div className="w-11/12 mx-auto mt-7 bg-white p-7 shadow-sm border-2 border-gray-400 border-b-0 rounded-lg rounded-b-none">
<h2 className={`text-lg font-bold ${componentTitleTextColor}`}> <h2 className={`text-lg font-bold ${componentTitleTextColor}`}>
{componentTitle} {componentTitle}
</h2> </h2>
@ -62,7 +62,7 @@ const Functionality = ({
</div> </div>
</div> </div>
</div> </div>
<div className="w-11/12 mx-auto bg-rangeBgColor p-10 flex items-center justify-between"> <div className="w-11/12 mx-auto bg-rangeBgColor p-10 flex flex-col sm:flex-row items-center justify-between border-2 border-gray-400 border-t-0 rounded-lg rounded-t-none">
<div> <div>
<h2 className={`font-semibold text-base ${footerTitleTextColor}`}> <h2 className={`font-semibold text-base ${footerTitleTextColor}`}>
{footerTitle} {footerTitle}
@ -72,7 +72,7 @@ const Functionality = ({
</p> </p>
</div> </div>
<button <button
className={`px-7 py-3 text-base rounded-md hover:${buttonTitleHoverBgColor} ${buttonTitleTextColor} ${buttonTitleBgColor} ${buttonTitleBorder} ${buttonTitleBorderColor}`} className={`px-7 py-3 text-sm sm:text-base mt-5 sm:mt-0 rounded-md hover:${buttonTitleHoverBgColor} ${buttonTitleTextColor} ${buttonTitleBgColor} ${buttonTitleBorder} ${buttonTitleBorderColor}`}
> >
{buttonTitle} {buttonTitle}
</button> </button>
@ -101,7 +101,7 @@ Functionality.defaultProps = {
containerBgColor: "bg-likeBtnBg", containerBgColor: "bg-likeBtnBg",
functionalityIconPadding: "p-5", functionalityIconPadding: "p-5",
functionalityIconBgColor: "bg-yellow-100", functionalityIconBgColor: "bg-yellow-50",
footerTitleTextColor: "text-productTitle", footerTitleTextColor: "text-productTitle",
footerExplanationTextColor: "text-productTitle", footerExplanationTextColor: "text-productTitle",

Loading…
Cancel
Save