AddressEditHelper/index.html at master · YagiSoftware/AddressEditHelper · GitHub

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>Address Edit Helper - Let customer update shipping address 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-cyan-600 font-bold text-xl">Address Edit 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">Let customers <span class="text-cyan-600">update shipping address</span> easily themselves</p>
              </span>
            </h1>
            <p class="mt-3 text-base text-gray-500 sm:mt-5 sm:text-xl lg:text-lg xl:text-xl">
              Reduce support time spent on responding to shipping address update request from 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">
                <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 order or customer data, we only retrieve order and customer data (customer's existing shipping address) for display purpose when customer edit the shipping address, and will remove it after the functionality is done. 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="ship1.png" alt="app screenshot">
              <img class="w-full mb-4 shadow-lg" src="ship2.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/login?shop=' + shop;
    }
  </script>
</body>
</html>