From a84cc8b7657b9ac4d25c8d00901a25115f43140c Mon Sep 17 00:00:00 2001 From: Mohit Maroliya Date: Fri, 22 Jul 2022 18:51:47 +0530 Subject: [PATCH 1/2] Adding the 404-Notfound Block & Icon --- src/blocks/index.js | 13 +++++++++ src/blocks/notfound/dark/a.js | 43 +++++++++++++++++++++++++++++ src/blocks/notfound/dark/b.js | 47 ++++++++++++++++++++++++++++++++ src/blocks/notfound/dark/c.js | 46 +++++++++++++++++++++++++++++++ src/blocks/notfound/light/a.js | 43 +++++++++++++++++++++++++++++ src/blocks/notfound/light/b.js | 47 ++++++++++++++++++++++++++++++++ src/blocks/notfound/light/c.js | 46 +++++++++++++++++++++++++++++++ src/icons/index.js | 9 ++++++ src/icons/notfound/a.js | 50 ++++++++++++++++++++++++++++++++++ src/icons/notfound/b.js | 50 ++++++++++++++++++++++++++++++++++ src/icons/notfound/c.js | 43 +++++++++++++++++++++++++++++ 11 files changed, 437 insertions(+) create mode 100644 src/blocks/notfound/dark/a.js create mode 100644 src/blocks/notfound/dark/b.js create mode 100644 src/blocks/notfound/dark/c.js create mode 100644 src/blocks/notfound/light/a.js create mode 100644 src/blocks/notfound/light/b.js create mode 100644 src/blocks/notfound/light/c.js create mode 100644 src/icons/notfound/a.js create mode 100644 src/icons/notfound/b.js create mode 100644 src/icons/notfound/c.js diff --git a/src/blocks/index.js b/src/blocks/index.js index f48ad80..8d3b44f 100644 --- a/src/blocks/index.js +++ b/src/blocks/index.js @@ -119,6 +119,14 @@ import DarkHeroD from './hero/dark/d'; import DarkHeroE from './hero/dark/e'; import DarkHeroF from './hero/dark/f'; +import LightNotfoundA from './notfound/light/a'; +import LightNotfoundB from './notfound/light/b'; +import LightNotfoundC from './notfound/light/c'; + +import DarkNotfoundA from './notfound/dark/a'; +import DarkNotfoundB from './notfound/dark/b'; +import DarkNotfoundC from './notfound/dark/c'; + import LightPricingA from './pricing/light/a'; import LightPricingB from './pricing/light/b'; @@ -228,6 +236,11 @@ export default function getBlock({theme = 'indigo', darkMode = false}) { HeroE: darkMode ? : , HeroF: darkMode ? : }, + Notfound: { + NotfoundA: darkMode ? : , + NotfoundB: darkMode ? : , + NotfoundC: darkMode ? : + }, Pricing: { PricingA: darkMode ? : , PricingB: darkMode ? : diff --git a/src/blocks/notfound/dark/a.js b/src/blocks/notfound/dark/a.js new file mode 100644 index 0000000..6d46fa6 --- /dev/null +++ b/src/blocks/notfound/dark/a.js @@ -0,0 +1,43 @@ +import React from "react"; +import PropTypes from "prop-types"; + +function DarkNotfoundA(props) { + return ( +
+
+ 404error +
+

+ OOPS ! PAGE NOT FOUND +

+

+ Meggings kinfolk echo park stumptown DIY, kale chips beard jianbing + tousled. Chambray dreamcatcher trust fund, kitsch vice godard + disrupt ramps hexagon mustache umami snackwave tilde chillwave ugh. +

+
+ +
+
+
+
+ ); +} + +DarkNotfoundA.defaultProps = { + theme: "indigo", +}; + +DarkNotfoundA.propTypes = { + theme: PropTypes.string.isRequired, +}; + +export default DarkNotfoundA; diff --git a/src/blocks/notfound/dark/b.js b/src/blocks/notfound/dark/b.js new file mode 100644 index 0000000..ac1e951 --- /dev/null +++ b/src/blocks/notfound/dark/b.js @@ -0,0 +1,47 @@ +import React from "react"; +import PropTypes from "prop-types"; + +function DarkNotfoundB(props) { + return ( +
+
+
+ 404error +
+
+

+ OOPS !

+ PAGE NOT FOUND +

+

+ Copper mug try-hard pitchfork pour-over freegan heirloom neutra air + plant cold-pressed tacos poke beard tote bag. Heirloom echo park + mlkshk tote bag selvage hot chicken authentic tumeric truffaut + hexagon try-hard chambray. +

+
+ +
+
+
+
+ ); +} + +DarkNotfoundB.defaultProps = { + theme: "indigo", +}; + +DarkNotfoundB.propTypes = { + theme: PropTypes.string.isRequired, +}; + +export default DarkNotfoundB; diff --git a/src/blocks/notfound/dark/c.js b/src/blocks/notfound/dark/c.js new file mode 100644 index 0000000..97afa66 --- /dev/null +++ b/src/blocks/notfound/dark/c.js @@ -0,0 +1,46 @@ +import React from "react"; +import PropTypes from "prop-types"; + +function DarkNotfoundC(props) { + return ( +
+
+
+

+ OOPS ! PAGE NOT FOUND +

+

+ Chillwave portland ugh, knausgaard fam polaroid iPhone. Man braid + swag typewriter affogato, hella selvage wolf narwhal dreamcatcher. + Chambray dreamcatcher trust fund, kitsch vice godard disrupt ramps + hexagon +

+
+ +
+
+
+ 404error +
+
+
+ ); +} + +DarkNotfoundC.defaultProps = { + theme: "indigo", +}; + +DarkNotfoundC.propTypes = { + theme: PropTypes.string.isRequired, +}; + +export default DarkNotfoundC; diff --git a/src/blocks/notfound/light/a.js b/src/blocks/notfound/light/a.js new file mode 100644 index 0000000..ed93a5c --- /dev/null +++ b/src/blocks/notfound/light/a.js @@ -0,0 +1,43 @@ +import React from "react"; +import PropTypes from "prop-types"; + +function LightNotfoundA(props) { + return ( +
+
+ 404error +
+

+ OOPS ! PAGE NOT FOUND +

+

+ Meggings kinfolk echo park stumptown DIY, kale chips beard jianbing + tousled. Chambray dreamcatcher trust fund, kitsch vice godard + disrupt ramps hexagon mustache umami snackwave tilde chillwave ugh. +

+
+ +
+
+
+
+ ); +} + +LightNotfoundA.defaultProps = { + theme: "indigo", +}; + +LightNotfoundA.propTypes = { + theme: PropTypes.string.isRequired, +}; + +export default LightNotfoundA; diff --git a/src/blocks/notfound/light/b.js b/src/blocks/notfound/light/b.js new file mode 100644 index 0000000..746105e --- /dev/null +++ b/src/blocks/notfound/light/b.js @@ -0,0 +1,47 @@ +import React from "react"; +import PropTypes from "prop-types"; + +function LightNotfoundB(props) { + return ( +
+
+
+ 404error +
+
+

+ OOPS !

+ PAGE NOT FOUND +

+

+ Copper mug try-hard pitchfork pour-over freegan heirloom neutra air + plant cold-pressed tacos poke beard tote bag. Heirloom echo park + mlkshk tote bag selvage hot chicken authentic tumeric truffaut + hexagon try-hard chambray. +

+
+ +
+
+
+
+ ); +} + +LightNotfoundB.defaultProps = { + theme: "indigo", +}; + +LightNotfoundB.propTypes = { + theme: PropTypes.string.isRequired, +}; + +export default LightNotfoundB; diff --git a/src/blocks/notfound/light/c.js b/src/blocks/notfound/light/c.js new file mode 100644 index 0000000..712c8d5 --- /dev/null +++ b/src/blocks/notfound/light/c.js @@ -0,0 +1,46 @@ +import React from "react"; +import PropTypes from "prop-types"; + +function LightNotfoundC(props) { + return ( +
+
+
+

+ OOPS ! PAGE NOT FOUND +

+

+ Chillwave portland ugh, knausgaard fam polaroid iPhone. Man braid + swag typewriter affogato, hella selvage wolf narwhal dreamcatcher. + Chambray dreamcatcher trust fund, kitsch vice godard disrupt ramps + hexagon +

+
+ +
+
+
+ 404error +
+
+
+ ); +} + +LightNotfoundC.defaultProps = { + theme: "indigo", +}; + +LightNotfoundC.propTypes = { + theme: PropTypes.string.isRequired, +}; + +export default LightNotfoundC; diff --git a/src/icons/index.js b/src/icons/index.js index 9b89c77..952c3a2 100644 --- a/src/icons/index.js +++ b/src/icons/index.js @@ -59,6 +59,10 @@ import HeroD from './hero/d'; import HeroE from './hero/e'; import HeroF from './hero/f'; +import NotfoundA from './notfound/a'; +import NotfoundB from './notfound/b'; +import NotfoundC from './notfound/c'; + import PricingA from './pricing/a'; import PricingB from './pricing/b'; @@ -149,6 +153,11 @@ export default function getIcons() { HeroE: , HeroF: }, + Notfound: { + NotfoundA: , + NotfoundB: , + NotfoundC: + }, Pricing: { PricingA: , PricingB: diff --git a/src/icons/notfound/a.js b/src/icons/notfound/a.js new file mode 100644 index 0000000..f7aa659 --- /dev/null +++ b/src/icons/notfound/a.js @@ -0,0 +1,50 @@ +import React from "react" + +function NotfoundA() { + return ( + + + + + + + + + ) +} + +export default NotfoundA; diff --git a/src/icons/notfound/b.js b/src/icons/notfound/b.js new file mode 100644 index 0000000..8de140a --- /dev/null +++ b/src/icons/notfound/b.js @@ -0,0 +1,50 @@ +import React from "react" + +function NotfoundB() { + return ( + + + + + + + + + ) +} + +export default NotfoundB; diff --git a/src/icons/notfound/c.js b/src/icons/notfound/c.js new file mode 100644 index 0000000..db29b4e --- /dev/null +++ b/src/icons/notfound/c.js @@ -0,0 +1,43 @@ +import React from "react" + +function NotfoundC() { + return ( + + + + + + + + + ) +} + +export default NotfoundC; From d3b7ed70a2a7033ed030240e63153b6744059b0d Mon Sep 17 00:00:00 2001 From: Mohit Maroliya Date: Fri, 22 Jul 2022 18:53:20 +0530 Subject: [PATCH 2/2] Adding the 404-Notfound Block & Icon- 2 --- src/blocks/notfound/light/a.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/blocks/notfound/light/a.js b/src/blocks/notfound/light/a.js index ed93a5c..959a07b 100644 --- a/src/blocks/notfound/light/a.js +++ b/src/blocks/notfound/light/a.js @@ -6,7 +6,7 @@ function LightNotfoundA(props) {
404error