/
index.html
275 lines (260 loc) · 35.3 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
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
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
<!doctype html>
<html>
<head>
<!-- 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 Blocks</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>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TZZPD49"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<!-- This example requires Tailwind CSS v2.0+ -->
<div class="relative bg-gray-50">
<div id="header"></div>
<main class="lg:relative">
<div class="mx-auto max-w-7xl w-full pt-16 pb-20 text-center lg:py-48 lg:text-left">
<div class="px-4 lg:w-1/2 sm:px-8 xl:pr-16">
<h1 class="text-4xl tracking-tight font-bold text-gray-900 sm:text-5xl md:text-6xl lg:text-5xl xl:text-6xl">
<span class="block xl:inline">Build Your Next Big Idea with GAPP Blocks</span>
</h1>
<p class="mt-3 max-w-md mx-auto text-lg text-gray-500 sm:text-xl md:mt-5 md:max-w-3xl">We have got all the tools to turn your e-commerce ideas into reality. GAPP Blocks presents you with an easy no-code solution to kickstart your journey of success.</p>
<div class="mt-10 sm:flex sm:justify-center lg:justify-start">
<div class="rounded-md shadow">
<a href="pricing.html" class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 md:py-4 md:text-lg md:px-10"> Get started </a>
</div>
<div class="mt-3 rounded-md shadow sm:mt-0 sm:ml-3">
<a href="https://www.youtube.com/watch?v=XFIVGcBnSQE" class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-indigo-600 bg-white hover:bg-gray-50 md:py-4 md:text-lg md:px-10"> Find More </a>
</div>
</div>
</div>
</div>
<div class="relative w-full h-64 sm:h-72 md:h-96 lg:absolute lg:inset-y-0 lg:right-0 lg:w-1/2 lg:h-full">
<img class="absolute inset-0 w-full h-full object-cover" src="https://images.unsplash.com/photo-1520333789090-1afc82db536a?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2102&q=80" alt="">
</div>
</main>
</div>
<!-- This example requires Tailwind CSS v2.0+ -->
<div class="bg-gapp">
<div class="max-w-4xl mx-auto px-4 py-16 sm:px-6 sm:pt-20 sm:pb-24 lg:max-w-7xl lg:pt-24 lg:px-8">
<h2 class="text-3xl font-extrabold text-white tracking-tight">ALL IN ONE PLATFORM</h2>
<p class="mt-4 max-w-3xl text-lg text-indigo-200">GAPP Blocks is a one-stop solution for your e-commerce business. Whether it's your website, your mobile app, or an entire delivery system, GAPP Blocks has everything you need in one location. It's simple!</p>
<div class="mt-12 grid grid-cols-1 gap-x-6 gap-y-12 sm:grid-cols-2 lg:mt-16 lg:grid-cols-8 lg:gap-x-6 lg:gap-y-16">
<div>
<div>
<span class="flex items-center justify-center h-12 w-12 rounded-md bg-white bg-opacity-10">
<!-- Heroicon name: outline/inbox -->
<svg class="h-6 w-6" width="71" height="71" viewBox="0 0 71 71" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.844 46.4757C20.4793 46.4757 23.4263 43.5287 23.4263 39.8934C23.4263 36.2581 20.4793 33.3112 16.844 33.3112C13.2087 33.3112 10.2617 36.2581 10.2617 39.8934C10.2617 43.5287 13.2087 46.4757 16.844 46.4757Z" stroke="white" stroke-width="2.45833" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M25.6149 12.455V16.8925C25.6149 17.7673 25.2674 18.6063 24.6488 19.2249C24.0302 19.8435 23.1912 20.191 22.3164 20.191H17.8789" stroke="white" stroke-width="2.45833" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M30.0081 39.8933H23.4258" stroke="white" stroke-width="2.45833" stroke-linecap="square" stroke-linejoin="round"/>
<path d="M55.2382 15.7387H46.4668V12.455L36.5859 20.1318L46.4668 27.8235V24.525H69.5122" stroke="white" stroke-width="2.45833" stroke-linecap="square" stroke-linejoin="round"/>
<path d="M61.832 15.7534H66.2104" stroke="white" stroke-width="2.45833" stroke-linecap="square" stroke-linejoin="round"/>
<path d="M10.2589 39.9377H5.91016C4.73326 39.9377 3.60456 39.4702 2.77237 38.638C1.94018 37.8058 1.47266 36.6771 1.47266 35.5002V27.4831C1.47282 25.581 2.17915 23.7466 3.45474 22.3356L19.0599 5.08854C20.0888 3.95218 21.3442 3.04394 22.7454 2.42232C24.1466 1.8007 25.6625 1.47948 27.1954 1.47937H55.2995" stroke="white" stroke-width="2.45833" stroke-linecap="square" stroke-linejoin="round"/>
<path d="M68.4176 38.799H37.6805C37.076 38.799 36.5859 39.289 36.5859 39.8935V68.4267C36.5859 69.0312 37.076 69.5212 37.6805 69.5212H68.4176C69.0221 69.5212 69.5122 69.0312 69.5122 68.4267V39.8935C69.5122 39.289 69.0221 38.799 68.4176 38.799Z" stroke="white" stroke-width="2.45833" stroke-linecap="square" stroke-linejoin="round"/>
<path d="M57.4425 38.799V45.3812H48.6562V38.799" stroke="white" stroke-width="2.45833" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M62.9322 62.9388H58.5391" stroke="white" stroke-width="2.45833" stroke-linecap="square" stroke-linejoin="round"/>
</svg>
</span>
</div>
<div class="mt-6">
<h3 class="text-lg font-medium text-white">Website</h3>
<p class="mt-2 text-base text-indigo-200">Make storefront instantly without having to learn how to code, and publish it on your own personalized domain name, such as www.yourcompany.com.</p>
</div>
</div>
<div>
<div>
<span class="flex items-center justify-center h-12 w-12 rounded-md bg-white bg-opacity-10">
<!-- Heroicon name: outline/users -->
<svg class="h-6 w-6" width="75" height="75" viewBox="0 0 75 75" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M58.918 58.2811V68.7499C58.918 71.4061 56.8867 73.4374 54.2305 73.4374H17.1992C14.543 73.4374 12.5117 71.4061 12.5117 68.7499V45.6249" stroke="white" stroke-width="2.58333" stroke-linecap="square" stroke-linejoin="round"/>
<path d="M12.6641 22.4999V6.24988C12.6641 3.59363 14.6953 1.56238 17.3516 1.56238H54.3828C57.0391 1.56238 59.0703 3.59363 59.0703 6.24988V9.68738" stroke="white" stroke-width="2.58333" stroke-linecap="square" stroke-linejoin="round"/>
<path d="M52.043 9.68738V8.43738H19.543V20.1561" stroke="white" stroke-width="2.58333" stroke-linecap="square" stroke-linejoin="round"/>
<path d="M19.543 47.9686V59.5311H52.043V58.2811" stroke="white" stroke-width="2.58333" stroke-linecap="square" stroke-linejoin="round"/>
<path d="M31.1016 66.4061H40.4766" stroke="white" stroke-width="2.58333" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7.97656 30.4686H12.6641" stroke="white" stroke-width="2.58333" stroke-linecap="square" stroke-linejoin="round"/>
<path d="M19.543 30.4686H30.0117" stroke="white" stroke-width="2.58333" stroke-linecap="square" stroke-linejoin="round"/>
<path d="M2.19531 37.4999H19.5391" stroke="white" stroke-width="2.58333" stroke-linecap="square" stroke-linejoin="round"/>
<path d="M39.2266 17.8125H71.7266C72.3516 17.8125 72.8203 18.2813 72.8203 18.9063V49.0625C72.8203 49.6875 72.3516 50.1562 71.7266 50.1562H39.2266C38.6016 50.1562 38.1328 49.6875 38.1328 49.0625V18.9063C38.1328 18.2813 38.6016 17.8125 39.2266 17.8125Z" stroke="white" stroke-width="2.58333" stroke-linecap="square" stroke-linejoin="round"/>
<path d="M60.1641 17.8125V24.6875H50.7891V17.8125" stroke="white" stroke-width="2.58333" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M65.9453 43.2811H61.2578" stroke="white" stroke-width="2.58333" stroke-linecap="square" stroke-linejoin="round"/>
</svg>
</span>
</div>
<div class="mt-6">
<h3 class="text-lg font-medium text-white">MOBILE APP</h3>
<p class="mt-2 text-base text-indigo-200">Create stunning e-Commerce mobile apps instantly without having to learn to code and publish your own apps on Apple App Store or Google Play Store with the help of a GAPP Consultants.</p>
</div>
</div>
<div>
<div>
<span class="flex items-center justify-center h-12 w-12 rounded-md bg-white bg-opacity-10">
<!-- Heroicon name: outline/trash -->
<svg class="h-6 w-6" width="75" height="71" viewBox="0 0 75 71" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M35.3155 35.9689L20.9405 29.7189C19.2218 28.6251 16.878 29.2501 15.7843 31.1251C14.6905 32.8439 15.3155 35.1876 17.1905 36.2814L22.1905 38.6251L35.003 44.4064C35.7843 44.7189 36.5655 44.8751 37.3468 44.8751H53.2843C54.2218 44.8751 55.003 45.0314 55.9405 45.5001L70.9405 53.0001" stroke="white" stroke-width="2.70833" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M50.3125 36.5938H37.6563C35.7813 36.5938 34.2188 35.0313 34.2188 33.1563C34.2188 31.2813 35.7813 29.7188 37.6563 29.7188H50.1562C51.0937 29.7188 52.0312 29.875 52.8125 30.1875L71.25 37.8438" stroke="white" stroke-width="2.70833" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M18.9141 28.4688V3C18.9141 2.375 19.3828 1.90625 20.0078 1.90625H52.5078C53.1328 1.90625 53.6016 2.375 53.6016 3V29.7188" stroke="white" stroke-width="2.70833" stroke-linecap="square" stroke-linejoin="round"/>
<path d="M40.9414 1.90625V8.78125H31.7227V1.90625" stroke="white" stroke-width="2.70833" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M46.7227 23.9375H42.1914" stroke="white" stroke-width="2.70833" stroke-linecap="square" stroke-linejoin="round"/>
<path d="M3.91016 56.4377V20.5002C3.91016 17.844 5.94141 15.8127 8.59766 15.8127H10.9414" stroke="white" stroke-width="2.70833" stroke-linecap="square" stroke-linejoin="round"/>
<path d="M71.1016 56.4376V22.6876C71.1016 18.7814 67.9766 15.6564 64.2266 15.6564H61.8828" stroke="white" stroke-width="2.70833" stroke-linecap="square" stroke-linejoin="round"/>
<path d="M65.3164 69.0939H9.69141C5.16016 69.0939 1.56641 65.5002 1.56641 60.9689H30.4727V63.3127H44.3789V60.9689H73.4414C73.4414 65.5002 69.8477 69.0939 65.3164 69.0939Z" stroke="white" stroke-width="2.70833" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</div>
<div class="mt-6">
<h3 class="text-lg font-medium text-white">SHIPPING</h3>
<p class="mt-2 text-base text-indigo-200">With one of our many blocks, you can easily integrate your default shipping methods such as GAPP Finder, Fed-Ex, UPS, Uber Eats, etc. or request a GAPP Consultant for custom integration.
</p>
</div>
</div>
<div>
<div>
<span class="flex items-center justify-center h-12 w-12 rounded-md bg-white bg-opacity-10">
<!-- Heroicon name: outline/reply -->
<svg class="h-6 w-6" width="74" height="73" viewBox="0 0 74 73" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M53.0165 1.52083H20.9807C20.3506 1.52083 19.8398 2.02469 19.8398 2.64624V31.9831C19.8398 32.6047 20.3506 33.1085 20.9807 33.1085H53.0165C53.6466 33.1085 54.1573 32.6047 54.1573 31.9831V2.64624C54.1573 2.02469 53.6466 1.52083 53.0165 1.52083Z" stroke="white" stroke-width="2.54167" stroke-linecap="square" stroke-linejoin="round"/>
<path d="M41.5794 1.52083V8.28854H32.4219V1.52083" stroke="white" stroke-width="2.54167" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M47.3014 26.3408H42.7227" stroke="white" stroke-width="2.54167" stroke-linecap="square" stroke-linejoin="round"/>
<path d="M10.6966 42.1422V22.9645C10.6966 21.7545 10.2093 20.594 9.34193 19.7384C8.47458 18.8827 7.29819 18.402 6.07156 18.402H6.16406C4.93744 18.402 3.76105 18.8827 2.89369 19.7384C2.02634 20.594 1.53906 21.7545 1.53906 22.9645V46.5375C1.54383 48.7901 2.40157 50.9597 3.94406 52.6208L14.1191 63.5708V65.8216" stroke="white" stroke-width="2.54167" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M20.9823 55.6777L12.0252 46.5527C11.1778 45.6998 10.7031 44.5532 10.7031 43.3589C10.7031 42.1647 11.1778 41.0181 12.0252 40.1652V40.1652C12.8898 39.3292 14.0521 38.861 15.2627 38.861C16.4733 38.861 17.6357 39.3292 18.5002 40.1652L29.3998 51.465C30.6164 52.7232 31.2955 54.3951 31.296 56.1339V65.8369" stroke="white" stroke-width="2.54167" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M10.6758 71.4791V65.8368H33.5541V71.4791" stroke="white" stroke-width="2.54167" stroke-linecap="square" stroke-linejoin="round"/>
<path d="M63.2987 42.1422V22.9645C63.2987 21.7545 63.786 20.594 64.6534 19.7384C65.5207 18.8827 66.6971 18.402 67.9238 18.402C69.1504 18.402 70.3268 18.8827 71.1941 19.7384C72.0615 20.594 72.5488 21.7545 72.5488 22.9645V46.5375C72.544 48.7901 71.6862 50.9597 70.1437 52.6208L59.9688 63.5708V65.8216" stroke="white" stroke-width="2.54167" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M53.013 55.6777L61.9701 46.5527C62.8175 45.6998 63.2921 44.5532 63.2921 43.3589C63.2921 42.1647 62.8175 41.0181 61.9701 40.1652V40.1652C61.1055 39.3292 59.9432 38.861 58.7325 38.861C57.5219 38.861 56.3596 39.3292 55.4951 40.1652L44.5955 51.465C43.3788 52.7232 42.6998 54.3951 42.6992 56.1339V65.8369" stroke="white" stroke-width="2.54167" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M63.2965 71.4791V65.8368H40.4336V71.4791" stroke="white" stroke-width="2.54167" stroke-linecap="square" stroke-linejoin="round"/>
</svg>
</span>
</div>
<div class="mt-6">
<h3 class="text-lg font-medium text-white">PAYMENT GATEWAYS</h3>
<p class="mt-2 text-base text-indigo-200">Whether you use one of our numerous available blocks to integrate your default shipping methods like Stripe, PayPal, Square, etc., or you request a GAPP Consultant for custom integration</p>
</div>
</div>
<div>
<div>
<span class="flex items-center justify-center h-12 w-12 rounded-md bg-white bg-opacity-10">
<!-- Heroicon name: outline/chat-alt -->
<svg class="h-6 w-6" width="86" height="66" viewBox="0 0 86 66" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M28.217 19.5625C29.431 19.5644 30.6227 19.2369 31.6652 18.6149C32.7076 17.9928 33.5618 17.0995 34.1365 16.0302C34.7112 14.9609 34.985 13.7557 34.9286 12.543C34.8722 11.3304 34.4878 10.1558 33.8164 9.14438L34.542 8.41875C34.7868 8.16532 34.9223 7.82589 34.9192 7.47356C34.9161 7.12123 34.7748 6.7842 34.5257 6.53506C34.2765 6.28592 33.9395 6.1446 33.5872 6.14154C33.2349 6.13847 32.8954 6.27392 32.642 6.51869L31.9164 7.24432C31.0423 6.66471 30.0448 6.29776 29.0035 6.17283C27.9622 6.0479 26.9062 6.16846 25.9198 6.52486C24.9335 6.88126 24.0443 7.4636 23.3234 8.22528C22.6025 8.98696 22.0699 9.90683 21.7683 10.9112C21.4666 11.9157 21.4043 12.9768 21.5863 14.0096C21.7683 15.0424 22.1895 16.0183 22.8163 16.8592C23.4431 17.7 24.258 18.3824 25.1958 18.8519C26.1336 19.3213 27.1683 19.5646 28.217 19.5625V19.5625ZM28.217 8.81247C28.8156 8.81479 29.406 8.95261 29.9437 9.2156L25.9232 13.2361C25.7949 13.3601 25.6925 13.5083 25.6221 13.6723C25.5517 13.8362 25.5146 14.0125 25.5131 14.191C25.5115 14.3694 25.5455 14.5463 25.6131 14.7115C25.6806 14.8766 25.7804 15.0266 25.9066 15.1528C26.0327 15.279 26.1828 15.3788 26.3479 15.4463C26.5131 15.5139 26.69 15.5479 26.8684 15.5463C27.0468 15.5448 27.2232 15.5077 27.3871 15.4373C27.5511 15.3669 27.6993 15.2645 27.8233 15.1362L31.8451 11.117C32.1081 11.6548 32.2459 12.2451 32.2483 12.8437C32.2483 13.641 32.0118 14.4204 31.5689 15.0834C31.1259 15.7463 30.4963 16.263 29.7597 16.5681C29.0231 16.8732 28.2125 16.9531 27.4306 16.7975C26.6486 16.642 25.9303 16.258 25.3665 15.6942C24.8027 15.1305 24.4188 14.4122 24.2632 13.6302C24.1077 12.8482 24.1875 12.0376 24.4926 11.301C24.7977 10.5644 25.3144 9.93482 25.9774 9.49186C26.6403 9.0489 27.4197 8.81247 28.217 8.81247V8.81247Z" fill="white"/>
<path d="M28.217 35.6875C29.431 35.6894 30.6227 35.3619 31.6652 34.7399C32.7076 34.1178 33.5618 33.2245 34.1365 32.1552C34.7112 31.0859 34.985 29.8807 34.9286 28.668C34.8722 27.4554 34.4878 26.2808 33.8164 25.2694L34.542 24.5438C34.7868 24.2903 34.9223 23.9509 34.9192 23.5986C34.9161 23.2462 34.7748 22.9092 34.5257 22.6601C34.2765 22.4109 33.9395 22.2696 33.5872 22.2665C33.2349 22.2635 32.8954 22.3989 32.642 22.6437L31.9164 23.3693C31.0423 22.7897 30.0448 22.4228 29.0035 22.2978C27.9622 22.1729 26.9062 22.2935 25.9198 22.6499C24.9335 23.0063 24.0443 23.5886 23.3234 24.3503C22.6025 25.112 22.0699 26.0318 21.7683 27.0363C21.4666 28.0407 21.4043 29.1018 21.5863 30.1346C21.7683 31.1674 22.1895 32.1433 22.8163 32.9842C23.4431 33.825 24.258 34.5074 25.1958 34.9769C26.1336 35.4463 27.1683 35.6896 28.217 35.6875V35.6875ZM28.217 24.9375C28.8156 24.9398 29.406 25.0776 29.9437 25.3406L25.9232 29.3611C25.7949 29.4851 25.6925 29.6333 25.6221 29.7973C25.5517 29.9612 25.5146 30.1375 25.5131 30.316C25.5115 30.4944 25.5455 30.6713 25.6131 30.8365C25.6806 31.0016 25.7804 31.1516 25.9066 31.2778C26.0327 31.404 26.1828 31.5038 26.3479 31.5713C26.5131 31.6389 26.69 31.6729 26.8684 31.6713C27.0468 31.6698 27.2232 31.6327 27.3871 31.5623C27.5511 31.4919 27.6993 31.3895 27.8233 31.2612L31.8451 27.242C32.1081 27.7798 32.2459 28.3701 32.2483 28.9687C32.2483 29.766 32.0118 30.5454 31.5689 31.2084C31.1259 31.8713 30.4963 32.388 29.7597 32.6931C29.0231 32.9982 28.2125 33.0781 27.4306 32.9225C26.6486 32.767 25.9303 32.383 25.3665 31.8192C24.8027 31.2555 24.4188 30.5372 24.2632 29.7552C24.1077 28.9732 24.1875 28.1626 24.4926 27.426C24.7977 26.6894 25.3144 26.0598 25.9774 25.6169C26.6403 25.1739 27.4197 24.9375 28.217 24.9375Z" fill="white"/>
<path d="M41.6563 11.5H63.1563C63.5126 11.5 63.8544 11.3584 64.1064 11.1064C64.3584 10.8544 64.5 10.5126 64.5 10.1562C64.5 9.79985 64.3584 9.45806 64.1064 9.20606C63.8544 8.95406 63.5126 8.81248 63.1563 8.81248H41.6563C41.2999 8.81248 40.9581 8.95406 40.7061 9.20606C40.4541 9.45806 40.3125 9.79985 40.3125 10.1562C40.3125 10.5126 40.4541 10.8544 40.7061 11.1064C40.9581 11.3584 41.2999 11.5 41.6563 11.5Z" fill="white"/>
<path d="M38.9688 16.875H63.1562C63.5126 16.875 63.8544 16.7334 64.1064 16.4814C64.3584 16.2294 64.5 15.8876 64.5 15.5312C64.5 15.1749 64.3584 14.8331 64.1064 14.5811C63.8544 14.3291 63.5126 14.1875 63.1562 14.1875H38.9688C38.6124 14.1875 38.2706 14.3291 38.0186 14.5811C37.7666 14.8331 37.625 15.1749 37.625 15.5312C37.625 15.8876 37.7666 16.2294 38.0186 16.4814C38.2706 16.7334 38.6124 16.875 38.9688 16.875Z" fill="white"/>
<path d="M63.1563 24.9375H41.6563C41.2999 24.9375 40.9581 25.0791 40.7061 25.3311C40.4541 25.5831 40.3125 25.9249 40.3125 26.2812C40.3125 26.6376 40.4541 26.9794 40.7061 27.2314C40.9581 27.4834 41.2999 27.625 41.6563 27.625H63.1563C63.5126 27.625 63.8544 27.4834 64.1064 27.2314C64.3584 26.9794 64.5 26.6376 64.5 26.2812C64.5 25.9249 64.3584 25.5831 64.1064 25.3311C63.8544 25.0791 63.5126 24.9375 63.1563 24.9375Z" fill="white"/>
<path d="M38.9688 33H63.1562C63.5126 33 63.8544 32.8584 64.1064 32.6064C64.3584 32.3544 64.5 32.0126 64.5 31.6562C64.5 31.2999 64.3584 30.9581 64.1064 30.7061C63.8544 30.4541 63.5126 30.3125 63.1562 30.3125H38.9688C38.6124 30.3125 38.2706 30.4541 38.0186 30.7061C37.7666 30.9581 37.625 31.2999 37.625 31.6562C37.625 32.0126 37.7666 32.3544 38.0186 32.6064C38.2706 32.8584 38.6124 33 38.9688 33Z" fill="white"/>
<path d="M33.8154 41.3945L34.5411 40.6689C34.7858 40.4154 34.9213 40.076 34.9182 39.7237C34.9152 39.3713 34.7738 39.0343 34.5247 38.7852C34.2756 38.536 33.9385 38.3947 33.5862 38.3916C33.2339 38.3886 32.8944 38.524 32.641 38.7688L31.9154 39.4944C30.5225 38.5725 28.8368 38.2007 27.1853 38.4512C25.5338 38.7017 24.0342 39.5566 22.9774 40.8502C21.9205 42.1437 21.3817 43.7836 21.4655 45.4519C21.5493 47.1202 22.2497 48.6979 23.4308 49.879C24.612 51.0602 26.1897 51.7606 27.8579 51.8443C29.5262 51.9281 31.1661 51.3893 32.4597 50.3325C33.7532 49.2756 34.6081 47.776 34.8586 46.1245C35.1091 44.4731 34.7374 42.7874 33.8154 41.3945V41.3945ZM28.216 49.1251C27.1469 49.1251 26.1215 48.7004 25.3655 47.9443C24.6095 47.1883 24.1848 46.163 24.1848 45.0938C24.1848 44.0247 24.6095 42.9993 25.3655 42.2433C26.1215 41.4873 27.1469 41.0626 28.216 41.0626C28.8147 41.0649 29.405 41.2027 29.9428 41.4657L25.9222 45.4862C25.7939 45.6102 25.6915 45.7584 25.6211 45.9224C25.5507 46.0863 25.5136 46.2626 25.5121 46.4411C25.5105 46.6195 25.5445 46.7964 25.6121 46.9616C25.6796 47.1267 25.7794 47.2768 25.9056 47.4029C26.0318 47.5291 26.1818 47.6289 26.3469 47.6964C26.5121 47.764 26.689 47.798 26.8674 47.7964C27.0459 47.7949 27.2222 47.7578 27.3861 47.6874C27.5501 47.617 27.6984 47.5146 27.8223 47.3863L31.8442 43.3671C32.1071 43.9049 32.245 44.4952 32.2473 45.0938C32.2473 46.163 31.8226 47.1883 31.0666 47.9443C30.3106 48.7004 29.2852 49.1251 28.216 49.1251Z" fill="white"/>
<path d="M63.1563 41.0625H41.6563C41.2999 41.0625 40.9581 41.2041 40.7061 41.4561C40.4541 41.7081 40.3125 42.0499 40.3125 42.4062C40.3125 42.7626 40.4541 43.1044 40.7061 43.3564C40.9581 43.6084 41.2999 43.75 41.6563 43.75H63.1563C63.5126 43.75 63.8544 43.6084 64.1064 43.3564C64.3584 43.1044 64.5 42.7626 64.5 42.4062C64.5 42.0499 64.3584 41.7081 64.1064 41.4561C63.8544 41.2041 63.5126 41.0625 63.1563 41.0625Z" fill="white"/>
<path d="M38.9688 49.125H63.1562C63.5126 49.125 63.8544 48.9834 64.1064 48.7314C64.3584 48.4794 64.5 48.1376 64.5 47.7812C64.5 47.4249 64.3584 47.0831 64.1064 46.8311C63.8544 46.5791 63.5126 46.4375 63.1562 46.4375H38.9688C38.6124 46.4375 38.2706 46.5791 38.0186 46.8311C37.7666 47.0831 37.625 47.4249 37.625 47.7812C37.625 48.1376 37.7666 48.4794 38.0186 48.7314C38.2706 48.9834 38.6124 49.125 38.9688 49.125Z" fill="white"/>
<path d="M84.6562 54.5H80.625V12.8437C80.6229 11.0625 79.9143 9.35477 78.6548 8.09522C77.3952 6.83567 75.6875 6.12712 73.9062 6.12499H69.7406C69.4287 4.60845 68.6036 3.24579 67.4042 2.2667C66.2048 1.28761 64.7045 0.751939 63.1562 0.749985H22.8438C21.2955 0.751939 19.7952 1.28761 18.5958 2.2667C17.3964 3.24579 16.5713 4.60845 16.2594 6.12499H12.0938C10.3125 6.12712 8.60478 6.83567 7.34523 8.09522C6.08569 9.35477 5.37713 11.0625 5.375 12.8437V54.5H1.34375C0.987365 54.5 0.645577 54.6416 0.393575 54.8936C0.141573 55.1456 0 55.4874 0 55.8437L0 58.5312C0.00213368 60.3125 0.710685 62.0202 1.97023 63.2798C3.22978 64.5393 4.93748 65.2479 6.71875 65.25H79.2812C81.0625 65.2479 82.7702 64.5393 84.0298 63.2798C85.2893 62.0202 85.9979 60.3125 86 58.5312V55.8437C86 55.4874 85.8584 55.1456 85.6064 54.8936C85.3544 54.6416 85.0126 54.5 84.6562 54.5ZM18.8125 7.46874C18.8125 6.39958 19.2372 5.37422 19.9932 4.61821C20.7492 3.8622 21.7746 3.43748 22.8438 3.43748H63.1562C64.2254 3.43748 65.2508 3.8622 66.0068 4.61821C66.7628 5.37422 67.1875 6.39958 67.1875 7.46874V15.5312C67.1875 15.8876 67.3291 16.2294 67.5811 16.4814C67.8331 16.7334 68.1749 16.875 68.5312 16.875C68.8876 16.875 69.2294 16.7334 69.4814 16.4814C69.7334 16.2294 69.875 15.8876 69.875 15.5312V8.81249H73.9062C74.9754 8.81249 76.0008 9.2372 76.7568 9.99321C77.5128 10.7492 77.9375 11.7746 77.9375 12.8437V54.5H69.875V20.9062C69.875 20.5499 69.7334 20.2081 69.4814 19.9561C69.2294 19.7041 68.8876 19.5625 68.5312 19.5625C68.1749 19.5625 67.8331 19.7041 67.5811 19.9561C67.3291 20.2081 67.1875 20.5499 67.1875 20.9062V54.5H18.8125V7.46874ZM51.0625 57.1875C51.0625 57.5439 50.9209 57.8857 50.6689 58.1377C50.4169 58.3897 50.0751 58.5312 49.7188 58.5312H36.2812C35.9249 58.5312 35.5831 58.3897 35.3311 58.1377C35.0791 57.8857 34.9375 57.5439 34.9375 57.1875H51.0625ZM8.0625 12.8437C8.0625 11.7746 8.48722 10.7492 9.24323 9.99321C9.99923 9.2372 11.0246 8.81249 12.0938 8.81249H16.125V54.5H8.0625V12.8437ZM83.3125 58.5312C83.3125 59.6004 82.8878 60.6258 82.1318 61.3818C81.3758 62.1378 80.3504 62.5625 79.2812 62.5625H6.71875C5.6496 62.5625 4.62423 62.1378 3.86823 61.3818C3.11222 60.6258 2.6875 59.6004 2.6875 58.5312V57.1875H32.25C32.25 58.2566 32.6747 59.282 33.4307 60.038C34.1867 60.794 35.2121 61.2187 36.2812 61.2187H49.7188C50.7879 61.2187 51.8133 60.794 52.5693 60.038C53.3253 59.282 53.75 58.2566 53.75 57.1875H83.3125V58.5312Z" fill="white"/>
</svg>
</span>
</div>
<div class="mt-6">
<h3 class="text-lg font-medium text-white">CMS</h3>
<p class="mt-2 text-base text-indigo-200">Content Management System designed for managing and developing mobile apps and websites. Modify the content, appearance, and feel of your app or website. Additionally, supervise and maintain the business procedures using our analytics tools</p>
</div>
</div>
<div>
<div>
<span class="flex items-center justify-center h-12 w-12 rounded-md bg-white bg-opacity-10">
<!-- Heroicon name: outline/heart -->
<svg class="h-6 w-6" width="62" height="82" viewBox="0 0 62 82" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M52.7812 35.875C52.4414 35.875 52.1156 36.01 51.8753 36.2503C51.635 36.4905 51.5 36.8164 51.5 37.1563V75.5938C51.5 76.6132 51.095 77.5909 50.3742 78.3117C49.6533 79.0325 48.6757 79.4375 47.6562 79.4375H14.3438C13.3243 79.4375 12.3467 79.0325 11.6258 78.3117C10.905 77.5909 10.5 76.6132 10.5 75.5938V66.625H25.0332C26.0518 66.6277 27.0283 67.0319 27.7508 67.7499L31.3754 71.3746C31.5546 71.5537 31.7829 71.6757 32.0314 71.7251C32.2799 71.7745 32.5374 71.7492 32.7715 71.6522C33.0056 71.5553 33.2057 71.3911 33.3465 71.1804C33.4873 70.9698 33.5624 70.7221 33.5625 70.4688V49.9688C33.5605 48.2703 32.8849 46.6421 31.6839 45.4411C30.4829 44.2401 28.8547 43.5645 27.1562 43.5625H6.65625C4.95783 43.5645 3.32956 44.2401 2.12859 45.4411C0.92763 46.6421 0.252034 48.2703 0.25 49.9688V60.2188C0.252034 61.9172 0.92763 63.5454 2.12859 64.7464C3.32956 65.9474 4.95783 66.623 6.65625 66.625H7.9375V75.5938C7.93953 77.2922 8.61513 78.9204 9.81609 80.1214C11.0171 81.3224 12.6453 81.998 14.3438 82H47.6562C49.3547 81.998 50.9829 81.3224 52.1839 80.1214C53.3849 78.9204 54.0605 77.2922 54.0625 75.5938V37.1563C54.0625 36.8164 53.9275 36.4905 53.6872 36.2503C53.4469 36.01 53.1211 35.875 52.7812 35.875ZM2.8125 60.2188V49.9688C2.8125 48.9493 3.21746 47.9717 3.93831 47.2508C4.65915 46.53 5.63682 46.125 6.65625 46.125H27.1562C28.1757 46.125 29.1533 46.53 29.8742 47.2508C30.595 47.9717 31 48.9493 31 49.9688V67.3758L29.5624 65.9383C28.969 65.3416 28.2632 64.8686 27.4857 64.5467C26.7083 64.2247 25.8747 64.0601 25.0332 64.0625H6.65625C5.63682 64.0625 4.65915 63.6575 3.93831 62.9367C3.21746 62.2158 2.8125 61.2382 2.8125 60.2188Z" fill="white"/>
<path d="M29.7188 74.3125C29.3789 74.3125 29.053 74.4475 28.8128 74.6878C28.5725 74.928 28.4375 75.2539 28.4375 75.5938C28.4375 75.9336 28.5725 76.2595 28.8128 76.4997C29.053 76.74 29.3789 76.875 29.7188 76.875H32.2812C32.6211 76.875 32.947 76.74 33.1872 76.4997C33.4275 76.2595 33.5625 75.9336 33.5625 75.5938C33.5625 75.2539 33.4275 74.928 33.1872 74.6878C32.947 74.4475 32.6211 74.3125 32.2812 74.3125H29.7188Z" fill="white"/>
<path d="M55.3438 10.25H54.0625V6.40625C54.0605 4.70783 53.3849 3.07956 52.1839 1.87859C50.9829 0.67763 49.3547 0.00203444 47.6562 0L14.3438 0C12.6453 0.00203444 11.0171 0.67763 9.81609 1.87859C8.61513 3.07956 7.93953 4.70783 7.9375 6.40625V39.7188C7.9375 40.0586 8.07249 40.3844 8.31277 40.6247C8.55305 40.865 8.87894 41 9.21875 41C9.55856 41 9.88445 40.865 10.1247 40.6247C10.365 40.3844 10.5 40.0586 10.5 39.7188V6.40625C10.5 5.38682 10.905 4.40915 11.6258 3.68831C12.3467 2.96747 13.3243 2.5625 14.3438 2.5625H16.1144L17.6148 5.56319C17.932 6.20312 18.4223 6.74134 19.0299 7.11682C19.6375 7.49229 20.3381 7.68999 21.0524 7.6875H40.9476C41.6619 7.68999 42.3625 7.49229 42.9701 7.11682C43.5777 6.74134 44.068 6.20312 44.3852 5.56319L45.8856 2.5625H47.6562C48.6757 2.5625 49.6533 2.96747 50.3742 3.68831C51.095 4.40915 51.5 5.38682 51.5 6.40625V10.25H34.8438C33.1453 10.252 31.5171 10.9276 30.3161 12.1286C29.1151 13.3296 28.4395 14.9578 28.4375 16.6562V37.1562C28.4376 37.4096 28.5127 37.6573 28.6535 37.8679C28.7943 38.0786 28.9944 38.2428 29.2285 38.3397C29.4626 38.4367 29.7201 38.462 29.9686 38.4126C30.2171 38.3632 30.4454 38.2412 30.6246 38.0621L34.2492 34.4374C34.9717 33.7194 35.9482 33.3152 36.9668 33.3125H55.3438C57.0422 33.3105 58.6704 32.6349 59.8714 31.4339C61.0724 30.2329 61.748 28.6047 61.75 26.9062V16.6562C61.748 14.9578 61.0724 13.3296 59.8714 12.1286C58.6704 10.9276 57.0422 10.252 55.3438 10.25ZM42.0931 4.41647C41.9874 4.62982 41.8241 4.8093 41.6217 4.93454C41.4192 5.05978 41.1857 5.12576 40.9476 5.125H21.0524C20.8143 5.12576 20.5808 5.05978 20.3783 4.93454C20.1759 4.8093 20.0126 4.62982 19.9069 4.41647L18.9793 2.5625H43.0207L42.0931 4.41647ZM59.1875 26.9062C59.1875 27.9257 58.7825 28.9033 58.0617 29.6242C57.3408 30.345 56.3632 30.75 55.3438 30.75H36.9668C36.1253 30.7476 35.2917 30.9122 34.5143 31.2342C33.7368 31.5561 33.031 32.0291 32.4376 32.6258L31 34.0633V16.6562C31 15.6368 31.405 14.6592 32.1258 13.9383C32.8467 13.2175 33.8243 12.8125 34.8438 12.8125H55.3438C56.3632 12.8125 57.3408 13.2175 58.0617 13.9383C58.7825 14.6592 59.1875 15.6368 59.1875 16.6562V26.9062Z" fill="white"/>
<path d="M49.4166 14.1849C49.2604 14.1223 49.0934 14.0912 48.9251 14.0932C48.7569 14.0953 48.5907 14.1304 48.436 14.1967C48.2813 14.263 48.1412 14.359 48.0237 14.4795C47.9062 14.5999 47.8135 14.7423 47.751 14.8985L43.3486 25.9083L42.1596 24.7193C41.918 24.4859 41.5943 24.3568 41.2584 24.3597C40.9225 24.3626 40.6011 24.4973 40.3636 24.7349C40.126 24.9725 39.9912 25.2938 39.9883 25.6297C39.9854 25.9657 40.1146 26.2893 40.3479 26.531L42.9104 29.0935C43.1504 29.3335 43.4757 29.4685 43.815 29.4689C43.9011 29.4687 43.987 29.4597 44.0713 29.442C44.2789 29.3996 44.4728 29.3064 44.6356 29.1707C44.7984 29.0349 44.925 28.8609 45.004 28.6643L50.129 15.8518C50.1918 15.6955 50.2231 15.5285 50.2213 15.3601C50.2194 15.1918 50.1844 15.0255 50.1183 14.8707C50.0521 14.7159 49.9561 14.5756 49.8357 14.4579C49.7153 14.3403 49.5729 14.2475 49.4166 14.1849Z" fill="white"/>
<path d="M16.9062 58.9375C17.2461 58.9375 17.572 58.8025 17.8122 58.5622C18.0525 58.322 18.1875 57.9961 18.1875 57.6563V48.6875C18.1875 48.3477 18.0525 48.0218 17.8122 47.7815C17.572 47.5412 17.2461 47.4062 16.9062 47.4062C16.5664 47.4062 16.2405 47.5412 16.0003 47.7815C15.76 48.0218 15.625 48.3477 15.625 48.6875V57.6563C15.625 57.9961 15.76 58.322 16.0003 58.5622C16.2405 58.8025 16.5664 58.9375 16.9062 58.9375Z" fill="white"/>
<path d="M16.9062 62.7812C17.6139 62.7812 18.1875 62.2076 18.1875 61.5C18.1875 60.7924 17.6139 60.2188 16.9062 60.2188C16.1986 60.2188 15.625 60.7924 15.625 61.5C15.625 62.2076 16.1986 62.7812 16.9062 62.7812Z" fill="white"/>
</svg>
</span>
</div>
<div class="mt-6">
<h3 class="text-lg font-medium text-white">GAPP Finder</h3>
<p class="mt-2 text-base text-indigo-200">GAPP Finder is the delivery workforce tracker that leads to more effective deliveries. It makes it easy for you and your customers to track their deliveries in real-time and enables the delivery workforce to work efficiently and make deliveries on time.
</p>
</div>
</div>
</div>
</div>
</div>
<div class="relative bg-gray-900">
<div class="h-80 absolute inset-x-0 bottom-0 xl:top-0 xl:h-full">
<div class="h-full w-full xl:grid xl:grid-cols-2">
<div class="h-full xl:relative xl:col-start-2">
<img class="h-full w-full object-cover opacity-25 xl:absolute xl:inset-0" src="https://images.unsplash.com/photo-1521737852567-6949f3f9f2b5?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=2830&q=80&sat=-100" alt="People working on laptops">
<div aria-hidden="true" class="absolute inset-x-0 top-0 h-32 bg-gradient-to-b from-gray-900 xl:inset-y-0 xl:left-0 xl:h-full xl:w-32 xl:bg-gradient-to-r"></div>
</div>
</div>
</div>
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:max-w-7xl lg:px-8 xl:grid xl:grid-cols-2 xl:grid-flow-col-dense xl:gap-x-8">
<div class="relative pt-12 pb-64 sm:pt-24 sm:pb-64 xl:col-start-1 xl:pb-24">
<h2 class="text-base font-semibold">
<span class="bg-gradient-to-r from-purple-300 to-indigo-300 bg-clip-text text-transparent">Our Impact</span>
</h2>
<p class="mt-3 text-3xl tracking-tight font-bold text-white">We have been of assistance to growing businesses.</p>
<p class="mt-5 text-lg text-gray-300">At GAPP Blocks, we prioritize our clients by providing them with results-oriented guarantees and support. We take great pride in serving our clientele by putting their requirements first.</p>
<div class="mt-12 grid grid-cols-1 gap-y-12 gap-x-6 sm:grid-cols-2">
<p>
<span class="block text-2xl font-bold text-white">8K+</span>
<span class="mt-1 block text-base text-gray-300"><span class="font-medium text-white">Orders Processed</span></span>
</p>
<p>
<span class="block text-2xl font-bold text-white">25K+</span>
<span class="mt-1 block text-base text-gray-300"><span class="font-medium text-white">Countries Served</span></span>
</p>
<p>
<span class="block text-2xl font-bold text-white">98%</span>
<span class="mt-1 block text-base text-gray-300"><span class="font-medium text-white">Satisfied Customers</span></span>
</p>
<p>
<span class="block text-2xl font-bold text-white">12M+</span>
<span class="mt-1 block text-base text-gray-300"><span class="font-medium text-white">Miles Covered</span></span>
</p>
</div>
</div>
</div>
</div>
<!-- This example requires Tailwind CSS v2.0+ -->
<!-- CTA Section -->
<div class="bg-white">
<div class="max-w-4xl mx-auto py-16 px-4 sm:px-6 sm:py-24 lg:max-w-7xl lg:px-8 lg:flex lg:items-center lg:justify-between">
<h2 class="text-4xl font-bold tracking-tight text-gray-900 sm:text-4xl">
<span class="block">Ready to get start?</span>
<span class="-mb-1 pb-1 block bg-gradient-to-r from-purple-600 to-indigo-600 bg-clip-text text-transparent">Get in touch or create an Account.</span>
</h2>
</div>
</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>