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() {
return (
<div className="App">
<ProductDesign />
<VodProductDesign />
<BookDesign />
<ButtonDesign />
<ProductTags />
<CounterDesign />
<BlogDesign1 />
<BlogDesign2 />
<BlogDesign3 />
<BlogDesign4 />
<BlogDesign5 />
<BlogDesign6 />
<HeaderDesign1 />
<ContactInfoSection />
<FooterDesign1 />
{/* <ProductDesign /> */}
{/* <VodProductDesign /> */}
{/* <BookDesign /> */}
{/* <ButtonDesign /> */}
{/* <ProductTags /> */}
{/* <CounterDesign /> */}
{/* <BlogDesign1 /> */}
{/* <BlogDesign2 /> */}
{/* <BlogDesign3 /> */}
{/* <BlogDesign4 /> */}
{/* <BlogDesign5 /> */}
{/* <BlogDesign6 /> */}
{/* <HeaderDesign1 /> */}
{/* <ContactInfoSection /> */}
{/* <FooterDesign1 /> */}
{/* <Testttt /> */}
<Design2D />
{/* <Design2D /> */}
<Functionality />
</div>
);

@ -2,7 +2,7 @@ import React from "react";
const Design2D = ({ array }) => {
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) => (
<div
className={`flex flex-col h-full`}
@ -11,9 +11,13 @@ const Design2D = ({ array }) => {
>
{item.items.map((item1, index) => (
<div
className={`flex ${item1.bg}`}
className={`flex p-4 ${item1.bg}`}
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>
))}

@ -56,7 +56,7 @@ const CounterDesign = ({
<img
src={incrementCounterIcon}
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)}
/>
)}

@ -28,7 +28,7 @@ const Functionality = ({
}) => {
return (
<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}`}>
{componentTitle}
</h2>
@ -62,7 +62,7 @@ const Functionality = ({
</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>
<h2 className={`font-semibold text-base ${footerTitleTextColor}`}>
{footerTitle}
@ -72,7 +72,7 @@ const Functionality = ({
</p>
</div>
<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}
</button>
@ -101,7 +101,7 @@ Functionality.defaultProps = {
containerBgColor: "bg-likeBtnBg",
functionalityIconPadding: "p-5",
functionalityIconBgColor: "bg-yellow-100",
functionalityIconBgColor: "bg-yellow-50",
footerTitleTextColor: "text-productTitle",
footerExplanationTextColor: "text-productTitle",

Loading…
Cancel
Save