Merge pull request #62 from iamkennis/download-now-button

create download now

Author: jsvigneshkanna

tailwind_components/buttons/collection.js

@@ -1,16 +1,17 @@
 import test from "./test_file";
 import test1 from "./test1_file";
+import downloadnow from './download_now1.jsx'
 import deleteButton from "./delete_button";
 import cardWithButton from "./card_with_button_button1";
 import settingButton from "./rectangle_setting";
 
+
 const buttonCollections = [
-  { componentName: "button1", component: test },
-  { componentName: "button2", component: test1 },
-  { componentName: "Card with button", component: cardWithButton },
-  { componentName: "Delete button", component: deleteButton },
+  {componentName: "button1", component: test},
+  {componentName: "Download now button", component: downloadnow},
+  {componentName: "Card with button", component: cardWithButton},
+  {componentName: "Delete button", component: deleteButton},
   { componentName: "Setting button", component: settingButton },
-
 ];
 
 export default buttonCollections;

tailwind_components/buttons/download_now1.jsx

@@ -0,0 +1,29 @@
+import {stripIndent} from "react-codepen-prefill-embed";
+
+
+  const downloadnow = stripIndent`
+  <div class='bg-gray-50'>
+  <div class="mx-auto  max-w-7xl py-12 px-4 sm:px-6 lg:flex lg:items-center lg:justify-between lg:py-16 lg:px-8">
+      <h2 class="text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">
+        <span class="block">Ready to dive in?</span>
+        <span class="block text-indigo-600">Start your free trial today.</span>
+      </h2>
+      <div class='mt-8'>
+  <button
+  class='bg-blue-500 hover:bg-blue-800  font-medium text-base border-transparent px-6 py-4 rounded-full flex flex-row items-center gap-4 text-white shadow'>
+  <a
+    href='#'
+    >
+    Download Now
+  </a>
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+  <path stroke-linecap="round" stroke-linejoin="round" d="M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5m-13.5-9L12 3m0 0l4.5 4.5M12 3v13.5" />
+</svg>
+
+</button>
+</div>
+</div>
+</div>    
+  `
+
+  export default downloadnow