Merge pull request #108 from iamkennis/window-button

jsvigneshkanna · web-flow · commit f12d050d8938 · 2022-10-20T16:36:51.000+05:30
Window button
diff --git a/tailwind_components/store_buttons/collection.js b/tailwind_components/store_buttons/collection.js
@@ -1,11 +1,13 @@
 import test from "./test_file";
 import amazonStoreButton from "./amazon_store_button";
 import googleStoreButton from "../store_buttons/google_store_button"
+import windowStoreButton from './windows_store_button'
 
 const storeButtonCollections = [
   {componentName: "test store button", component: test},
   {componentName: "Amazon Store Button", component: amazonStoreButton},
   {componentName: "Google Store Button", component: googleStoreButton},
+  {componentName: "Windows Store Button", component: windowStoreButton},
 ];
 
 export default storeButtonCollections;
diff --git a/tailwind_components/store_buttons/windows_store_button.jsx b/tailwind_components/store_buttons/windows_store_button.jsx
@@ -0,0 +1,44 @@
+import {stripIndent} from "react-codepen-prefill-embed";
+
+  const windowstorebutton = stripIndent`
+  <head>
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" />
+</head>
+
+  <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'>
+  <div>
+  <button
+  class='bg-white font-medium text-base border-transparent px-6 py-3 rounded-md flex flex-row items-center gap-4 shadow'>
+  <span>
+  <i class="fa-brands fa-windows text-4xl"></i>
+  </span>
+  <a href='#'>
+  <p class='text-xs font-bold'>Download on the</p>
+  <p class='text-sm'>Windows Store</p>
+  </a>
+</button>
+  </div>
+  <div class='py-4'>
+  <button
+  class='bg-black font-medium text-base border-transparent px-6 py-3 rounded-md flex flex-row items-center gap-4 shadow'>
+  <span>
+  <i class="fa-brands text-white fa-windows text-4xl"></i>
+  </span>
+  <a class='text-white block' href='#'>
+  <p class='text-xs font-bold'>Download on the</p>
+  <p class='text-sm'>Windows Store</p>
+  </a>
+</button>
+  </div>
+</div>
+</div>
+</div>    
+  `
+
+  export default windowstorebutton
