-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
80 lines (80 loc) · 4.62 KB
/
index.html
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
<!doctype html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="tailwind.css" rel="stylesheet">
<title>Yagi Draft Order Lister - Let customers manage their draft order easily</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 Order Lister</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">Let customers <span class="text-lime-600">view and pay for draft order</span> easily themselves, <span class="text-lime-600">from their account page</span></p>
</span>
</h1>
<p class="mt-3 text-base text-gray-500 sm:mt-5 sm:text-xl lg:text-lg xl:text-xl">
No more complaints on not receiving invoices, and get to know if a customer has already viewed an invoice.
</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">
<img class="w-64" src="shopify_store_badge.png" alt="install on shopify app store"/>
</p>
<br><br>
<p class="mt-3 text-sm text-gray-500">
Our app doesn't store any draft order or customer data, we only retrieve draft order data (Invoice ID, date, total price and the checkout link) for display purpose. The data is never stored in our database.
<a href="privacy.html" target="_blank" class="font-medium text-gray-900 underline">Privacy Policy</a>, <a href="data.html" target="_blank" class="font-medium text-gray-900 underline">Data Protection Agreement</a> & <a href="terms.html" target="_blank" class="font-medium text-gray-900 underline">Terms of Service</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 shadow-lg lg:max-w-lg">
<img class="w-full mb-4 shadow-lg" src="draft_list.png" alt="app screenshot">
<img class="w-full mb-4 shadow-lg" src="draft_checkout.png" alt="app screenshot">
</div>
</div>
</div>
</main>
</div>
</div>
<script>
function install(){
let shop = document.getElementById('store').value;
window.location.href = 'https://app.draftorder.app/#?shop=' + shop;
}
</script>
</body>
</html>