/
gapp-finder.html
151 lines (146 loc) · 9.75 KB
/
gapp-finder.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
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
<!DOCTYPE html>
<html lang="en">
<head>
<script src="https://cdn.tailwindcss.com"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-CEVX2SLENS"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-CEVX2SLENS');
</script>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-TZZPD49');</script>
<!-- End Google Tag Manager -->
<meta name="google-site-verification" content="QyzRhR9f4u41ua5XJksjItnBUUquJvU_gCz8Hz3z2fc" />
<title>GAPP Finder</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="output.css" rel="stylesheet">
<script
src="https://code.jquery.com/jquery-3.3.1.js"
integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
crossorigin="anonymous">
</script>
<script>
$(function () {
$("#header").load("header.html");
$("#footer").load("footer.html");
});
</script>
</head>
<body>
<div class="relative bg-gray-50">
<div id="header"></div>
<section>
<div class="bg-indigo-700">
<div class="max-w-2xl mx-auto text-center py-16 px-4 sm:py-20 sm:px-6 lg:px-8">
<h2 class="text-3xl tracking-tight font-bold text-white sm:text-4xl">
<span class="block">GAPP Finder – Driving The Delivery Economy </span>
</h2>
<p class="mt-4 text-lg leading-6 text-indigo-200">Improve productivity, increase revenues, and provide a great client experience at scale by centralizing management of all your delivery activities on a single platform. </p>
<a href="#" class="mt-8 w-full inline-flex items-center justify-center px-5 py-3 border border-transparent text-base font-medium rounded-md text-indigo-600 bg-white hover:bg-indigo-50 sm:w-auto"> Sign up for free </a>
</div>
</div>
<div class="relative bg-white pt-16 pb-32 overflow-hidden">
<div class="relative">
<div class="lg:mx-auto lg:max-w-7xl lg:px-8 lg:grid lg:grid-cols-2 lg:grid-flow-col-dense lg:gap-24">
<div class="px-4 max-w-xl mx-auto sm:px-6 lg:py-16 lg:max-w-none lg:mx-0 lg:px-0">
<div>
<div>
<span class="h-12 w-12 rounded-md flex items-center justify-center bg-indigo-600">
<!-- Heroicon name: outline/inbox -->
<svg class="h-6 w-6 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4" />
</svg>
</span>
</div>
<div class="mt-6">
<h2 class="text-3xl font-bold tracking-tight text-gray-900">What is GAPP Finder?</h2>
<p class="mt-4 text-lg text-gray-500">With GAPP Finder, customers can feel like they are a part of every step of the buying process thanks to real-time tracking and visibility on a live map. By relying on the availability of local data, GAPP Finder functions similarly to modern ride-sharing apps, which allow users to monitor their drivers' locations and engage in real-time communication.</p>
<div class="mt-6">
<a href="#" class="inline-flex px-4 py-2 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-indigo-600 hover:bg-indigo-700"> Get started </a>
</div>
</div>
</div>
<div class="mt-8 border-t border-gray-200 pt-6">
<blockquote>
<div>
<p class="text-base text-gray-500">“The GAPP Finder is a truly a service unbeatable, it not only allowed me to be up to speed on my last mile delivery but it also provided a better user experience for my customers. Now I can easily track my orders, see the status of the delivery and have an overall better control of my business.”</p>
</div>
<footer class="mt-3">
<div class="flex items-center space-x-3">
<div class="flex-shrink-0">
<img class="h-6 w-6 rounded-full" src="https://images.unsplash.com/photo-1509783236416-c9ad59bae472?ixlib=rb-=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=8&w=1024&h=1024&q=80" alt="">
</div>
<div class="text-base font-medium text-gray-700">Samanah Taylor - Customer GAPP</div>
</div>
</footer>
</blockquote>
</div>
</div>
<div class="mt-12 sm:mt-16 lg:mt-0">
<div class="pl-4 -mr-48 sm:pl-6 md:-mr-16 lg:px-0 lg:m-0 lg:relative lg:h-full">
<img class="w-full rounded-xl shadow-xl ring-1 ring-black ring-opacity-5 lg:absolute lg:left-0 lg:h-full lg:w-auto lg:max-w-none" src="https://tailwindui.com/img/component-images/inbox-app-screenshot-1.jpg" alt="Inbox user interface">
</div>
</div>
</div>
</div>
<div class="mt-24">
<div class="lg:mx-auto lg:max-w-7xl lg:px-8 lg:grid lg:grid-cols-2 lg:grid-flow-col-dense lg:gap-24">
<div class="px-4 max-w-xl mx-auto sm:px-6 lg:py-32 lg:max-w-none lg:mx-0 lg:px-0 lg:col-start-2">
<div>
<div>
<span class="h-12 w-12 rounded-md flex items-center justify-center bg-indigo-600">
<!-- Heroicon name: outline/sparkles -->
<svg class="h-6 w-6 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z" />
</svg>
</span>
</div>
<div class="mt-6">
<h2 class="text-3xl font-bold tracking-tight text-gray-900">How it Helps You?</h2>
<p class="mt-4 text-lg text-gray-500">GAPP Finder forecasts and provides an expected time of arrival on your delivery, allowing you to be familiar with any obstacles your customer may encounter. The GAPP Finder Delivery App allows store owners to track their delivery team in real-time, set prices per mile, per hour, or per delivery, and allows the delivery staff to track their income.</p>
<div class="mt-6">
<a href="#" class="inline-flex px-4 py-2 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-indigo-600 hover:bg-indigo-700"> Get started </a>
</div>
</div>
</div>
</div>
<div class="mt-12 sm:mt-16 lg:mt-0 lg:col-start-1">
<div class="pr-4 -ml-48 sm:pr-6 md:-ml-16 lg:px-0 lg:m-0 lg:relative lg:h-full">
<img class="w-full rounded-xl shadow-xl ring-1 ring-black ring-opacity-5 lg:absolute lg:right-0 lg:h-full lg:w-auto lg:max-w-none" src="https://tailwindui.com/img/component-images/inbox-app-screenshot-2.jpg" alt="Customer profile user interface">
</div>
</div>
</div>
</div>
</div>
<div class="bg-white">
<div class="max-w-7xl mx-auto text-center py-12 px-4 sm:px-6 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 START YOUR JOURNEY</span>
<span class="block">Sign Up Today.</span>
</h2>
<div class="mt-8 flex justify-center">
<div class="inline-flex rounded-md shadow">
<a href="#" class="inline-flex items-center justify-center px-5 py-3 border border-transparent text-base font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700"> Get started </a>
</div>
<div class="ml-3 inline-flex">
<a href="#" class="inline-flex items-center justify-center px-5 py-3 border border-transparent text-base font-medium rounded-md text-indigo-700 bg-indigo-100 hover:bg-indigo-200"> Learn more </a>
</div>
</div>
</div>
</div>
</section>
</div>
<div id="footer"></div>
<!-- Start of HubSpot Embed Code -->
<script type="text/javascript" id="hs-script-loader" async defer src="//js-na1.hs-scripts.com/21922964.js"></script>
<!-- End of HubSpot Embed Code -->
</body>
</html>