-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
99 lines (98 loc) · 6.16 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
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
<!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 POS Cart Helper - Save cart and retrieve it later easily on your POS</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-violet-600 font-bold text-xl">Yagi POS Cart Helper</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-violet-700">Save current cart data,</span>
</span>
<span class="block text-gray-900">
continue serve other customers, <span class="text-indigo-700"><br>and retrieve the saved cart later.</span>
</span>
<br>
<span class="block text-gray-900">Quickly add products to cart with <span class="text-violet-700">one tap</span>, undo mistakenly added product with <span class="text-indigo-700">one tap</span></span>
</span>
</h1>
<p class="mt-3 text-base text-gray-500 sm:mt-5 sm:text-xl lg:text-lg xl:text-xl">
Save current cart data, and retrieve the cart data later, so that you can continue serve customers.
</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! (Shopify POS required)
</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 store any customer data, we only retrieve draft order and customer data for display purpose when you view the carts and convert draft order to cart, and will remove it after the functionality is done.
<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>.
</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">
<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.savecart.app/login?shop=' + shop;
}
</script>
</body>
</html>