readme updated

lambou · Dec 15, 2021 · e2c1f80 · e2c1f80
1 parent 0c90d8f
commit e2c1f80
Show file tree

Hide file tree

Showing 7 changed files with 71 additions and 82 deletions.
diff --git a/README.md b/README.md
@@ -32,13 +32,11 @@ Import the component
 import { HeroCardImageRight } from "tailwind-antd-react-kit";
 ```
 
-![hero dark imageRight inclined](https://i.ibb.co/HKLYTqg/hero-dark-imageright-inclined.png)
+[![tark-hero.png](https://i.postimg.cc/tT6nZ79H/tark-hero.png)](https://postimg.cc/G8cm6LBM)
 
-```typescript
-import { HeroCardImageRight } from "tailwind-antd-react-kit";
-```
+[![tark-hero-dark-inclined.png](https://i.postimg.cc/Bbc8py8Y/tark-hero-dark-inclined.png)](https://postimg.cc/QKCxxfJ1)
 
-![Hero Default ImageRight Inclined](https://i.ibb.co/YZdYgRD/hero-default-imageright.png)
+[![tark-hero-default-inclined.png](https://i.postimg.cc/h497KJCL/tark-hero-default-inclined.png)](https://postimg.cc/CdxKNKp5)
 
 ## Docs
 

diff --git a/src/stories/ready-to-use/marketing/hero/cards/HeroCard.stories.tsx b/src/stories/ready-to-use/marketing/hero/cards/HeroCard.stories.tsx
@@ -36,9 +36,9 @@ Default.args = {
   padding: true,
   textualBodyProps: {
     preTitle: "Free ready-to-use UI",
-    title: "Design is not for everyone",
+    title: "Design for everyone",
     body:
-      "Sometimes you just have to accept that ready-made components are your best bet. Be shameless, it’s all about making money as fast as possible.",
+      "Lorem ipsum dolor sit amet consectetur adipisicing elit. Cumque, officiis? Sapiente ut nostrum odio eos veniam. Accusamus deserunt est modi atque, aliquam quasi qui fugit, consequatur, laboriosam ad quisquam laudantium.",
   },
   footer: (
     <>
@@ -63,13 +63,15 @@ Custom.args = {
     ),
     title: (
       <div className="text-3xl tracking-tight font-extrabold sm:text-4xl md:text-5xl">
-        Design is not for <span className="text-indigo-500">everyone</span>
+        Design for <span className="text-indigo-500">everyone</span>
       </div>
     ),
     body: (
       <div className="text-base leading-relaxed text-gray-600">
-        Sometimes you just have to accept that ready-made components are your
-        best bet. Be shameless, it’s all about making money as fast as possible.
+        Lorem ipsum dolor sit amet consectetur adipisicing elit. Cumque,
+        officiis? Sapiente ut nostrum odio eos veniam. Accusamus deserunt est
+        modi atque, aliquam quasi qui fugit, consequatur, laboriosam ad quisquam
+        laudantium.
       </div>
     ),
   },
@@ -105,13 +107,12 @@ Dark.args = {
     ),
     title: (
       <div className="text-3xl tracking-tight font-extrabold sm:text-4xl md:text-5xl">
-        Design is not for <span className="text-indigo-500">everyone</span>
+        Design for <span className="text-indigo-500">everyone</span>
       </div>
     ),
     body: (
       <div className="text-base leading-relaxed text-gray-300">
-        Sometimes you just have to accept that ready-made components are your
-        best bet. Be shameless, it’s all about making money as fast as possible.
+        Lorem ipsum dolor sit amet consectetur adipisicing elit. Cumque, officiis? Sapiente ut nostrum odio eos veniam. Accusamus deserunt est modi atque, aliquam quasi qui fugit, consequatur, laboriosam ad quisquam laudantium.
       </div>
     ),
   },

diff --git a/src/stories/ready-to-use/marketing/hero/cards/HeroCardBackground.stories.tsx b/src/stories/ready-to-use/marketing/hero/cards/HeroCardBackground.stories.tsx
@@ -56,9 +56,9 @@ Default.args = {
     padding: true,
     textualBodyProps: {
       preTitle: "Free ready-to-use UI",
-      title: "Design is not for everyone",
+      title: "Design for everyone",
       body:
-        "Sometimes you just have to accept that ready-made components are your best bet. Be shameless, it’s all about making money as fast as possible.",
+        "Lorem ipsum dolor sit amet consectetur adipisicing elit. Cumque, officiis? Sapiente ut nostrum odio eos veniam. Accusamus deserunt est modi atque, aliquam quasi qui fugit, consequatur, laboriosam ad quisquam laudantium.",
     },
     footer: (
       <>
@@ -89,14 +89,12 @@ Custom.args = {
       ),
       title: (
         <div className="text-3xl tracking-tight font-extrabold sm:text-4xl md:text-5xl">
-          Design is not for <span className="text-indigo-500">everyone</span>
+          Design for <span className="text-indigo-500">everyone</span>
         </div>
       ),
       body: (
         <div className="text-base leading-relaxed text-gray-600">
-          Sometimes you just have to accept that ready-made components are your
-          best bet. Be shameless, it’s all about making money as fast as
-          possible.
+          Lorem ipsum dolor sit amet consectetur adipisicing elit. Cumque, officiis? Sapiente ut nostrum odio eos veniam. Accusamus deserunt est modi atque, aliquam quasi qui fugit, consequatur, laboriosam ad quisquam laudantium.
         </div>
       ),
     },

diff --git a/src/stories/ready-to-use/marketing/hero/cards/HeroCardImageBottom.stories.tsx b/src/stories/ready-to-use/marketing/hero/cards/HeroCardImageBottom.stories.tsx
@@ -64,9 +64,9 @@ Default.args = {
     padding: true,
     textualBodyProps: {
       preTitle: "Free ready-to-use UI",
-      title: "Design is not for everyone",
+      title: "Design for everyone",
       body:
-        "Sometimes you just have to accept that ready-made components are your best bet. Be shameless, it’s all about making money as fast as possible.",
+        "Lorem ipsum dolor sit amet consectetur adipisicing elit. Cumque, officiis? Sapiente ut nostrum odio eos veniam. Accusamus deserunt est modi atque, aliquam quasi qui fugit, consequatur, laboriosam ad quisquam laudantium.",
     },
     footer: (
       <>
@@ -99,14 +99,12 @@ Custom.args = {
       ),
       title: (
         <div className="text-3xl tracking-tight font-extrabold sm:text-4xl md:text-5xl">
-          Design is not for <span className="text-indigo-500">everyone</span>
+          Design for <span className="text-indigo-500">everyone</span>
         </div>
       ),
       body: (
         <div className="text-base leading-relaxed text-gray-600">
-          Sometimes you just have to accept that ready-made components are your
-          best bet. Be shameless, it’s all about making money as fast as
-          possible.
+          Lorem ipsum dolor sit amet consectetur adipisicing elit. Cumque, officiis? Sapiente ut nostrum odio eos veniam. Accusamus deserunt est modi atque, aliquam quasi qui fugit, consequatur, laboriosam ad quisquam laudantium.
         </div>
       ),
     },
@@ -153,14 +151,12 @@ CustomInclined.args = {
       ),
       title: (
         <div className="text-3xl tracking-tight font-extrabold sm:text-4xl md:text-5xl">
-          Design is not for <span className="text-indigo-500">everyone</span>
+          Design for <span className="text-indigo-500">everyone</span>
         </div>
       ),
       body: (
         <div className="text-base leading-relaxed">
-          Sometimes you just have to accept that ready-made components are your
-          best bet. Be shameless, it’s all about making money as fast as
-          possible.
+          Lorem ipsum dolor sit amet consectetur adipisicing elit. Cumque, officiis? Sapiente ut nostrum odio eos veniam. Accusamus deserunt est modi atque, aliquam quasi qui fugit, consequatur, laboriosam ad quisquam laudantium.
         </div>
       ),
     },
@@ -205,14 +201,12 @@ Dark.args = {
       ),
       title: (
         <div className="text-3xl tracking-tight font-extrabold sm:text-4xl md:text-5xl">
-          Design is not for <span className="text-indigo-500">everyone</span>
+          Design for <span className="text-indigo-500">everyone</span>
         </div>
       ),
       body: (
         <div className="text-base leading-relaxed text-gray-300">
-          Sometimes you just have to accept that ready-made components are your
-          best bet. Be shameless, it’s all about making money as fast as
-          possible.
+          Lorem ipsum dolor sit amet consectetur adipisicing elit. Cumque, officiis? Sapiente ut nostrum odio eos veniam. Accusamus deserunt est modi atque, aliquam quasi qui fugit, consequatur, laboriosam ad quisquam laudantium.
         </div>
       ),
     },
@@ -260,14 +254,12 @@ DarkInclined.args = {
       ),
       title: (
         <div className="text-3xl tracking-tight font-extrabold sm:text-4xl md:text-5xl">
-          Design is not for <span className="text-indigo-500">everyone</span>
+          Design for <span className="text-indigo-500">everyone</span>
         </div>
       ),
       body: (
         <div className="text-base leading-relaxed text-gray-300">
-          Sometimes you just have to accept that ready-made components are your
-          best bet. Be shameless, it’s all about making money as fast as
-          possible.
+          Lorem ipsum dolor sit amet consectetur adipisicing elit. Cumque, officiis? Sapiente ut nostrum odio eos veniam. Accusamus deserunt est modi atque, aliquam quasi qui fugit, consequatur, laboriosam ad quisquam laudantium.
         </div>
       ),
     },

diff --git a/src/stories/ready-to-use/marketing/hero/cards/HeroCardImageLeft.stories.tsx b/src/stories/ready-to-use/marketing/hero/cards/HeroCardImageLeft.stories.tsx
@@ -56,9 +56,9 @@ Default.args = {
     padding: true,
     textualBodyProps: {
       preTitle: "Free ready-to-use UI",
-      title: "Design is not for everyone",
+      title: "Design for everyone",
       body:
-        "Sometimes you just have to accept that ready-made components are your best bet. Be shameless, it’s all about making money as fast as possible.",
+        "Lorem ipsum dolor sit amet consectetur adipisicing elit. Cumque, officiis? Sapiente ut nostrum odio eos veniam. Accusamus deserunt est modi atque, aliquam quasi qui fugit, consequatur, laboriosam ad quisquam laudantium.",
     },
     footer: (
       <>
@@ -99,9 +99,9 @@ DefaultInclined.args = {
     padding: true,
     textualBodyProps: {
       preTitle: "Free ready-to-use UI",
-      title: "Design is not for everyone",
+      title: "Design for everyone",
       body:
-        "Sometimes you just have to accept that ready-made components are your best bet. Be shameless, it’s all about making money as fast as possible.",
+        "Lorem ipsum dolor sit amet consectetur adipisicing elit. Cumque, officiis? Sapiente ut nostrum odio eos veniam. Accusamus deserunt est modi atque, aliquam quasi qui fugit, consequatur, laboriosam ad quisquam laudantium.",
     },
     footer: (
       <>
@@ -134,14 +134,15 @@ Custom.args = {
       ),
       title: (
         <div className="text-3xl tracking-tight font-extrabold sm:text-4xl md:text-5xl">
-          Design is not for <span className="text-indigo-500">everyone</span>
+          Design for <span className="text-indigo-500">everyone</span>
         </div>
       ),
       body: (
         <div className="text-base leading-relaxed text-gray-600">
-          Sometimes you just have to accept that ready-made components are your
-          best bet. Be shameless, it’s all about making money as fast as
-          possible.
+          Lorem ipsum dolor sit amet consectetur adipisicing elit. Cumque,
+          officiis? Sapiente ut nostrum odio eos veniam. Accusamus deserunt est
+          modi atque, aliquam quasi qui fugit, consequatur, laboriosam ad
+          quisquam laudantium.
         </div>
       ),
     },
@@ -198,14 +199,12 @@ CustomInclined.args = {
       ),
       title: (
         <div className="text-3xl tracking-tight font-extrabold sm:text-4xl md:text-5xl">
-          Design is not for <span className="text-indigo-500">everyone</span>
+          Design for <span className="text-indigo-500">everyone</span>
         </div>
       ),
       body: (
         <div className="text-base leading-relaxed text-gray-600">
-          Sometimes you just have to accept that ready-made components are your
-          best bet. Be shameless, it’s all about making money as fast as
-          possible.
+          Lorem ipsum dolor sit amet consectetur adipisicing elit. Cumque, officiis? Sapiente ut nostrum odio eos veniam. Accusamus deserunt est modi atque, aliquam quasi qui fugit, consequatur, laboriosam ad quisquam laudantium.
         </div>
       ),
     },
@@ -250,14 +249,12 @@ Dark.args = {
       ),
       title: (
         <div className="text-3xl tracking-tight font-extrabold sm:text-4xl md:text-5xl">
-          Design is not for <span className="text-indigo-500">everyone</span>
+          Design for <span className="text-indigo-500">everyone</span>
         </div>
       ),
       body: (
         <div className="text-base leading-relaxed text-gray-300">
-          Sometimes you just have to accept that ready-made components are your
-          best bet. Be shameless, it’s all about making money as fast as
-          possible.
+          Lorem ipsum dolor sit amet consectetur adipisicing elit. Cumque, officiis? Sapiente ut nostrum odio eos veniam. Accusamus deserunt est modi atque, aliquam quasi qui fugit, consequatur, laboriosam ad quisquam laudantium.
         </div>
       ),
     },
@@ -315,14 +312,12 @@ DarkInclined.args = {
       ),
       title: (
         <div className="text-3xl tracking-tight font-extrabold sm:text-4xl md:text-5xl">
-          Design is not for <span className="text-indigo-500">everyone</span>
+          Design for <span className="text-indigo-500">everyone</span>
         </div>
       ),
       body: (
         <div className="text-base leading-relaxed text-gray-300">
-          Sometimes you just have to accept that ready-made components are your
-          best bet. Be shameless, it’s all about making money as fast as
-          possible.
+          Lorem ipsum dolor sit amet consectetur adipisicing elit. Cumque, officiis? Sapiente ut nostrum odio eos veniam. Accusamus deserunt est modi atque, aliquam quasi qui fugit, consequatur, laboriosam ad quisquam laudantium.
         </div>
       ),
     },

diff --git a/src/stories/ready-to-use/marketing/hero/cards/HeroCardImageRight.stories.tsx b/src/stories/ready-to-use/marketing/hero/cards/HeroCardImageRight.stories.tsx
@@ -56,9 +56,9 @@ Default.args = {
     padding: true,
     textualBodyProps: {
       preTitle: "Free ready-to-use UI",
-      title: "Design is not for everyone",
+      title: "Design for everyone",
       body:
-        "Sometimes you just have to accept that ready-made components are your best bet. Be shameless, it’s all about making money as fast as possible.",
+        "Lorem ipsum dolor sit amet consectetur adipisicing elit. Cumque, officiis? Sapiente ut nostrum odio eos veniam. Accusamus deserunt est modi atque, aliquam quasi qui fugit, consequatur, laboriosam ad quisquam laudantium.",
     },
     footer: (
       <>
@@ -99,9 +99,9 @@ DefaultInclined.args = {
     padding: true,
     textualBodyProps: {
       preTitle: "Free ready-to-use UI",
-      title: "Design is not for everyone",
+      title: "Design for everyone",
       body:
-        "Sometimes you just have to accept that ready-made components are your best bet. Be shameless, it’s all about making money as fast as possible.",
+        "Lorem ipsum dolor sit amet consectetur adipisicing elit. Cumque, officiis? Sapiente ut nostrum odio eos veniam. Accusamus deserunt est modi atque, aliquam quasi qui fugit, consequatur, laboriosam ad quisquam laudantium.",
     },
     footer: (
       <>
@@ -134,14 +134,15 @@ Custom.args = {
       ),
       title: (
         <div className="text-3xl tracking-tight font-extrabold sm:text-4xl md:text-5xl">
-          Design is not for <span className="text-indigo-500">everyone</span>
+          Design for <span className="text-indigo-500">everyone</span>
         </div>
       ),
       body: (
         <div className="text-base leading-relaxed text-gray-600">
-          Sometimes you just have to accept that ready-made components are your
-          best bet. Be shameless, it’s all about making money as fast as
-          possible.
+          Lorem ipsum dolor sit amet consectetur adipisicing elit. Cumque,
+          officiis? Sapiente ut nostrum odio eos veniam. Accusamus deserunt est
+          modi atque, aliquam quasi qui fugit, consequatur, laboriosam ad
+          quisquam laudantium.
         </div>
       ),
     },
@@ -198,14 +199,15 @@ CustomInclined.args = {
       ),
       title: (
         <div className="text-3xl tracking-tight font-extrabold sm:text-4xl md:text-5xl">
-          Design is not for <span className="text-indigo-500">everyone</span>
+          Design for <span className="text-indigo-500">everyone</span>
         </div>
       ),
       body: (
         <div className="text-base leading-relaxed text-gray-600">
-          Sometimes you just have to accept that ready-made components are your
-          best bet. Be shameless, it’s all about making money as fast as
-          possible.
+          Lorem ipsum dolor sit amet consectetur adipisicing elit. Cumque,
+          officiis? Sapiente ut nostrum odio eos veniam. Accusamus deserunt est
+          modi atque, aliquam quasi qui fugit, consequatur, laboriosam ad
+          quisquam laudantium.
         </div>
       ),
     },
@@ -250,14 +252,15 @@ Dark.args = {
       ),
       title: (
         <div className="text-3xl tracking-tight font-extrabold sm:text-4xl md:text-5xl">
-          Design is not for <span className="text-indigo-500">everyone</span>
+          Design for <span className="text-indigo-500">everyone</span>
         </div>
       ),
       body: (
         <div className="text-base leading-relaxed text-gray-300">
-          Sometimes you just have to accept that ready-made components are your
-          best bet. Be shameless, it’s all about making money as fast as
-          possible.
+          Lorem ipsum dolor sit amet consectetur adipisicing elit. Cumque,
+          officiis? Sapiente ut nostrum odio eos veniam. Accusamus deserunt est
+          modi atque, aliquam quasi qui fugit, consequatur, laboriosam ad
+          quisquam laudantium.
         </div>
       ),
     },
@@ -315,14 +318,15 @@ DarkInclined.args = {
       ),
       title: (
         <div className="text-3xl tracking-tight font-extrabold sm:text-4xl md:text-5xl">
-          Design is not for <span className="text-indigo-500">everyone</span>
+          Design for <span className="text-indigo-500">everyone</span>
         </div>
       ),
       body: (
         <div className="text-base leading-relaxed text-gray-300">
-          Sometimes you just have to accept that ready-made components are your
-          best bet. Be shameless, it’s all about making money as fast as
-          possible.
+          Lorem ipsum dolor sit amet consectetur adipisicing elit. Cumque,
+          officiis? Sapiente ut nostrum odio eos veniam. Accusamus deserunt est
+          modi atque, aliquam quasi qui fugit, consequatur, laboriosam ad
+          quisquam laudantium.
         </div>
       ),
     },