-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
107 lines (106 loc) · 6.4 KB
/
index.html
File metadata and controls
107 lines (106 loc) · 6.4 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
<!doctype html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="style.css" rel="stylesheet">
<!-- Include CDN JavaScript -->
<!-- <script src="https://unpkg.com/tailwindcss-jit-cdn"></script> -->
<title>Yagi Draft Variant - Create, schedule draft product variants, and view historical sales</title>
</head>
<body>
<div class="relative bg-white overflow-hidden">
<div class="hidden lg:block lg:absolute lg:inset-0" aria-hidden="true">
<svg class="absolute top-0 left-1/2 transform translate-x-64 -translate-y-8" width="640" height="784" fill="none" viewBox="0 0 640 784">
<defs>
<pattern id="9ebea6f4-a1f5-4d96-8c4e-4c2abf658047" x="118" y="0" width="20" height="20" patternUnits="userSpaceOnUse">
<rect x="0" y="0" width="4" height="4" class="text-gray-200" fill="currentColor" />
</pattern>
</defs>
<rect y="72" width="640" height="640" class="text-gray-50" fill="currentColor" />
<rect x="118" width="404" height="784" fill="url(#9ebea6f4-a1f5-4d96-8c4e-4c2abf658047)" />
</svg>
</div>
<div class="relative pt-6 pb-16 sm:pb-24 lg:pb-32">
<nav class="relative max-w-7xl mx-auto flex items-center justify-between px-4 sm:px-6" aria-label="Global">
<div class="flex items-center flex-1">
<div class="flex items-center justify-between w-full md:w-auto">
<a href="#">
<span class="ml-4 text-lime-600 font-bold text-xl">Yagi Draft Variant</span>
</a>
</div>
</div>
</nav>
<main class="mt-8 mx-auto max-w-7xl px-4 sm:mt-16 sm:px-6 lg:mt-24">
<div class="lg:grid lg:grid-cols-12 lg:gap-8">
<div class="sm:text-center md:max-w-2xl md:mx-auto lg:col-span-6 lg:text-left">
<h1>
<span class="mt-1 block text-3xl tracking-tight font-extrabold sm:text-3xl xl:text-4xl">
<span class="block text-gray-900">
<span class="text-lime-700">Create draft variant</span>
</span>
<p class="block text-gray-900">
which is hidden from customers, <br>and <span class="text-lime-600">schedule it to be published live</span> at a later date.
</p>
</span>
</h1>
<h2 class="mt-4">
<span class="mt-1 block text-3xl tracking-tight font-extrabold sm:text-3xl xl:text-4xl">
<span class="block text-gray-900">
Also,
<span class="text-lime-700">convert existing live variant to draft</span> after it is discontinued, <br>and <span class="text-lime-600">keep and view its historical sales report</span>.
</span>
</span>
</h2>
<p class="mt-3 text-base text-gray-500 sm:mt-5 sm:text-xl lg:text-lg xl:text-xl">
No need to create separate products for different variant in order to set it as draft.<br><br>
Easily create draft variant, and schedule it to live when the stock has arrived, or when it is available to go live.<br><br>
When the season is over, you can convert the live variant back to draft, while keeping the historical sales report intact.
</p>
<div class="mt-8 sm:max-w-lg sm:mx-auto sm:text-center lg:text-left lg:mx-0">
<p class="text-base font-medium text-gray-900">
Try it out at your Shopify store!
</p>
<!-- <form onsubmit="return false;" class="mt-3 sm:flex">
<label for="store" class="sr-only">Shopify store URL</label>
<input type="text" name="store" id="store" class="block w-full py-3 px-2 text-base rounded-md placeholder-gray-500 shadow-lg focus:ring-green-500 focus:border-green-500 sm:flex-1 border-gray-300" placeholder="yourstore.myshopify.com" style="border: 1px solid #CCC">
<button type="submit" onclick="install()" class="mt-3 w-full px-6 py-3 border border-transparent text-base font-medium rounded-md text-white bg-gray-800 shadow-sm hover:bg-gray-900 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:mt-0 sm:ml-3 sm:flex-shrink-0 sm:inline-flex sm:items-center sm:w-auto">
Install
</button>
</form> -->
<p class="mt-3 text-sm text-gray-500">
Our app doesn't have access to nor store any customer data.
<br>
<a href="privacy.html" target="_blank" class="font-medium text-gray-900 underline">Privacy Policy</a>.
</p>
</div>
</div>
<div class="mt-12 relative sm:max-w-lg sm:mx-auto lg:mt-0 lg:max-w-none lg:mx-0 lg:col-span-6 lg:flex lg:items-center">
<svg class="absolute top-0 left-1/2 transform -translate-x-1/2 -translate-y-8 scale-75 origin-top sm:scale-100 lg:hidden" width="640" height="784" fill="none" viewBox="0 0 640 784" aria-hidden="true">
<defs>
<pattern id="4f4f415c-a0e9-44c2-9601-6ded5a34a13e" x="118" y="0" width="20" height="20" patternUnits="userSpaceOnUse">
<rect x="0" y="0" width="4" height="4" class="text-gray-200" fill="currentColor" />
</pattern>
</defs>
<rect y="72" width="640" height="640" class="text-gray-50" fill="currentColor" />
<rect x="118" width="404" height="784" fill="url(#4f4f415c-a0e9-44c2-9601-6ded5a34a13e)" />
</svg>
<div class="relative mx-auto w-full rounded-lg lg:max-w-xl">
<img class="w-full shadow-lg rounded-lg" src="Featured.png" alt="Save current cart and retrieve it later on easily">
<div class="w-full flex justify-center mt-8 hidden">
<iframe class="aspect-video w-full" src="https://www.youtube.com/embed/r-zRwlC_hDk?si=KzYPy2xHZ4N_SQaD&rel=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>
</div>
</div>
</div>
</main>
</div>
</div>
<script>
function install(){
let shop = document.getElementById('store').value;
window.location.href = 'https://app.draftvariant.app/login?shop=' + shop;
}
</script>
</body>
</html>