-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
376 lines (359 loc) · 25.9 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
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>GoLangBD</title>
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body class="antialiased relative isolate overflow-hidden bg-slate-950 px-6 lg:overflow-visible lg:px-0">
<!-- Background shape -start -->
<div class="absolute inset-0 -z-10 overflow-hidden">
<svg class="absolute left-[max(50%,25rem)] top-0 h-[64rem] w-[128rem] -translate-x-1/2 stroke-slate-900 [mask-image:radial-gradient(64rem_64rem_at_top,white,transparent)]"
aria-hidden="true">
<defs>
<pattern id="e813992c-7d03-4cc4-a2bd-151760b470a0" width="200" height="200" x="50%" y="-1"
patternUnits="userSpaceOnUse">
<path d="M100 200V.5M.5 .5H200" fill="none" />
</pattern>
</defs>
<svg x="50%" y="-1" class="overflow-visible fill-slate-900 opacity-45">
<path
d="M-100.5 0h201v201h-201Z M699.5 0h201v201h-201Z M499.5 400h201v201h-201Z M-300.5 600h201v201h-201Z"
stroke-width="0" />
</svg>
<rect width="100%" height="100%" stroke-width="0" fill="url(#e813992c-7d03-4cc4-a2bd-151760b470a0)" />
</svg>
</div>
<!-- Background shape -end -->
<!-- Header with nav menu -start -->
<header class="sticky top-0 z-50 bg-slate-950/40 backdrop-blur start-0">
<div class="container">
<nav class="flex items-center justify-between p-6 lg:px-8" aria-label="Global">
<div class="flex lg:flex-1">
<a href="#" class="-m-1.5 p-1.5">
<span class="sr-only">goLangBD</span>
<!-- <img class="h-8 w-auto" src="https://tailwindui.com/plus/img/logos/mark.svg?color=indigo&shade=600" alt=""> -->
<h1
class="text-3xl font-bold bg-gradient-to-tr from-slate-800 via-violet-500 to-zinc-400 bg-clip-text text-transparent leading-snug">
GoLangBD</h1>
</a>
</div>
<div class="flex lg:hidden">
<button type="button"
class="-m-2.5 inline-flex items-center justify-center rounded-md p-2.5 text-gray-700">
<span class="sr-only">Open main menu</span>
<svg class="size-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round"
d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
</svg>
</button>
</div>
<div class="hidden lg:flex lg:gap-x-10">
<a href="index.html" class="text-sm/6 font-semibold text-gray-200">Home</a>
<a href="#" class="text-sm/6 font-semibold text-gray-200">Documentation</a>
<a href="#" class="text-sm/6 font-semibold text-gray-200">About</a>
<a href="#" class="text-sm/6 font-semibold text-gray-200">Community</a>
</div>
<div class="hidden lg:flex lg:flex-1 lg:justify-end gap-4">
<a href="login.html"
class="text-sm/6 font-semibold text-gray-200 hover:text-[#a38be4] transition-all duration-200">Log
In</a>
<a href="login.html"
class="text-sm/6 font-semibold text-gray-200 hover:text-[#a38be4] transition-all duration-200">Sign
Up</a>
</div>
</nav>
<!-- Mobile menu, show/hide based on menu open state. -->
<div class="lg:hidden hidden" role="dialog" aria-modal="true">
<!-- Background backdrop, show/hide based on slide-over state. -->
<div class="fixed inset-0 z-50"></div>
<div
class="fixed inset-y-0 right-0 z-50 w-full overflow-y-auto bg-white px-6 py-6 sm:max-w-sm sm:ring-1 sm:ring-gray-900/10">
<div class="flex items-center justify-between">
<a href="#" class="-m-1.5 p-1.5">
<span class="sr-only">GoLangBD</span>
<h1
class="text-2xl font-extrabold text-transparent bg-clip-text bg-gradient-to-r from-blue-600 via-purple-600 to-pink-600 mb-6 leading-snug">
GoLangBD</h1>
</a>
<button type="button" class="-m-2.5 rounded-md p-2.5 text-gray-700">
<span class="sr-only">Close menu</span>
<svg class="size-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" />
</svg>
</button>
</div>
<div class="mt-6 flow-root">
<div class="-my-6 divide-y divide-gray-500/10">
<div class="space-y-2 py-6">
<a href="#"
class="-mx-3 block rounded-lg px-3 py-2 text-base/7 font-semibold text-gray-900 hover:bg-gray-50">Product</a>
<a href="#"
class="-mx-3 block rounded-lg px-3 py-2 text-base/7 font-semibold text-gray-900 hover:bg-gray-50">Features</a>
<a href="#"
class="-mx-3 block rounded-lg px-3 py-2 text-base/7 font-semibold text-gray-900 hover:bg-gray-50">Marketplace</a>
<a href="#"
class="-mx-3 block rounded-lg px-3 py-2 text-base/7 font-semibold text-gray-900 hover:bg-gray-50">Company</a>
</div>
<div class="py-6">
<a href="#"
class="-mx-3 block rounded-lg px-3 py-2.5 text-base/7 font-semibold text-gray-900 hover:bg-gray-50">Log
in</a>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- Header with nav menu -end -->
<section class="relative isolate px-0 sm:px-3 md:px-5 lg:px-8 min-h-svh grid place-items-center -mt-[90px] py-20">
<!-- Background element -start -->
<div class="absolute inset-x-0 -top-40 -z-10 transform-gpu overflow-hidden blur-3xl sm:-top-80 opacity-40"
aria-hidden="true">
<div class="relative left-[calc(50%-11rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 rotate-[30deg] bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] opacity-30 sm:left-[calc(50%-30rem)] sm:w-[72.1875rem]"
style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)">
</div>
</div>
<!-- Background element -end -->
<div class="mx-auto max-w-3xl">
<div class="flex justify-center mb-5">
<button class="px-4 py-2 rounded-md text-white text-center relative overflow-hidden">
<div class="z-10 flex mb-6 items-center justify-center">
<div
class="group relative mx-auto flex max-w-fit flex-row items-center justify-center rounded-2xl bg-black/40 px-4 py-1.5 text-sm font-medium shadow-[inset_0_-8px_10px_#8fdfff1f] backdrop-blur-sm transition-shadow duration-500 ease-out [--bg-size:300%] hover:shadow-[inset_0_-5px_10px_#8fdfff3f]">
<div
class="absolute inset-0 block h-full w-full animate-gradient bg-gradient-to-r from-[#ffaa40]/50 via-[#9c40ff]/50 to-[#ffaa40]/50 bg-[length:var(--bg-size)_100%] p-[1px] ![mask-composite:subtract] [border-radius:inherit] [mask:linear-gradient(#fff_0_0)_content-box,linear-gradient(#fff_0_0)]">
</div>🎉
<hr class="mx-2 h-4 w-px shrink-0 bg-gray-300"> <span
class="inline animate-gradient bg-gradient-to-r from-[#ffaa40] via-[#9c40ff] to-[#ffaa40] bg-[length:var(--bg-size)_100%] bg-clip-text text-transparent">Announcing
our next Golang friday night meeting </span><svg xmlns="http://www.w3.org/2000/svg"
width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor"
stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
class="lucide lucide-chevron-right ml-1 size-3 transition-transform duration-300 ease-in-out group-hover:translate-x-0.5">
<path d="m9 18 6-6-6-6"></path>
</svg>
</div>
</div>
</button>
</div>
<div class="text-center">
<h1
class="text-2xl sm:text-[30px] md:text-[36px] lg:text-[50px] font-extrabold bg-gradient-to-tl from-slate-800 via-violet-500 to-zinc-400 bg-clip-text text-transparent pb-10 md:leading-[1.3] ">
GoLang: Simple, Fast, Scalable Programming Language</h1>
<p class="mb-8 text-pretty text-base md:text-lg font-medium text-gray-300 sm:text-xl/8">
GoLang simplifies coding with speed, concurrency, and scalability, empowering developers to
build efficient, reliable, and modern software for any platform.
</p>
<div class="pt-6 flex items-center justify-center gap-x-6 relative z-50">
<a href="https://discord.gg/yFXUqfAA" target="_blank"
class="rounded-md inline-flex gap-2 items-center bg-indigo-600 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600 relative z-50">
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M18.6361 3.87549C17.212 3.20919 15.6893 2.72495 14.0973 2.44922C13.9018 2.8027 13.6734 3.27813 13.5159 3.65633C11.8236 3.40184 10.1469 3.40184 8.48573 3.65633C8.32828 3.27813 8.09467 2.8027 7.89741 2.44922C6.30374 2.72495 4.77928 3.21097 3.35518 3.87902C0.482756 8.21962 -0.29591 12.4524 0.0934236 16.6251C1.99856 18.0478 3.84487 18.9121 5.66003 19.4776C6.1082 18.8608 6.50791 18.2051 6.85224 17.5141C6.19644 17.2649 5.56832 16.9574 4.97482 16.6004C5.13227 16.4837 5.28628 16.3618 5.43508 16.2363C9.05501 17.9294 12.9882 17.9294 16.5648 16.2363C16.7154 16.3618 16.8694 16.4837 17.0251 16.6004C16.4299 16.9591 15.8 17.2666 15.1442 17.5159C15.4885 18.2051 15.8865 18.8626 16.3364 19.4794C18.1533 18.9138 20.0014 18.0496 21.9065 16.6251C22.3633 11.7879 21.1261 7.59397 18.6361 3.87549ZM7.34541 14.0589C6.25874 14.0589 5.36759 13.0445 5.36759 11.8091C5.36759 10.5737 6.23972 9.5575 7.34541 9.5575C8.45114 9.5575 9.34226 10.5719 9.32323 11.8091C9.32495 13.0445 8.45114 14.0589 7.34541 14.0589ZM14.6545 14.0589C13.5678 14.0589 12.6767 13.0445 12.6767 11.8091C12.6767 10.5737 13.5488 9.5575 14.6545 9.5575C15.7602 9.5575 16.6514 10.5719 16.6323 11.8091C16.6323 13.0445 15.7602 14.0589 14.6545 14.0589Z"
fill="white" />
</svg>
Join Discord Community
</a>
</div>
</div>
</div>
<div class="absolute inset-x-0 top-[calc(100%-13rem)] -z-10 transform-gpu overflow-hidden blur-3xl sm:top-[calc(100%-30rem)] opacity-40"
aria-hidden="true">
<div class="relative left-[calc(50%+3rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] opacity-30 sm:left-[calc(50%+36rem)] sm:w-[72.1875rem]"
style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)">
</div>
</div>
</section>
<!-- FAQ Section -->
<section class="py-16 relative isolate overflow-hidden bg-slate-950 lg:overflow-visible">
<div class="absolute inset-x-0 -top-20 transform-gpu overflow-hidden blur-3xl opacity-40" aria-hidden="true">
<div class="relative left-[calc(50%-11rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 rotate-[30deg] bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] opacity-30 sm:left-[calc(50%-30rem)] sm:w-[72.1875rem]"
style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)">
</div>
</div>
<div class="container mx-auto px-4">
<h2 class="text-3xl font-bold text-center mb-12 text-gray-200">Frequently Asked Questions</h2>
<div class="max-w-3xl mx-auto space-y-6">
<div class="bg-indigo-900/20 p-6 rounded-xl shadow-sm backdrop-blur-lg border border-indigo-900">
<h3 class="text-xl font-semibold mb-3 flex items-center text-blue-300">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 mr-3" fill="none" viewBox="0 0 24 24"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
Why Choose GoLan?
</h3>
<p class="text-gray-300">GoLan offers unparalleled performance with built-in concurrency, clean
syntax, and a robust standard library that makes development faster and more enjoyable.</p>
</div>
<div class="bg-indigo-900/20 p-6 rounded-xl shadow-sm backdrop-blur-lg border border-indigo-900">
<h3 class="text-xl font-semibold mb-3 flex items-center text-blue-300">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 mr-3" fill="none" viewBox="0 0 24 24"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4" />
</svg>
Learning Curve?
</h3>
<p class="text-gray-300">Designed with developer experience in mind, GoLan has a gentle learning
curve. Its intuitive syntax and comprehensive documentation make it accessible for beginners
and powerful for experts.</p>
</div>
<div class="bg-indigo-900/20 p-6 rounded-xl shadow-sm backdrop-blur-lg border border-indigo-900">
<h3 class="text-xl font-semibold mb-3 flex items-center text-blue-300">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 mr-3" fill="none" viewBox="0 0 24 24"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M13 10V3L4 14h7v7l9-11h-7z" />
</svg>
Performance Guarantee?
</h3>
<p class="text-gray-300">GoLan provides near-native performance with its efficient compilation
and runtime. Goroutines and channels enable seamless concurrent programming without complex
threading models.</p>
</div>
</div>
</div>
<div class="absolute inset-x-0 top-[calc(100%-13rem)] -z-10 transform-gpu overflow-hidden blur-3xl sm:top-[calc(100%-30rem)] opacity-40"
aria-hidden="true">
<div class="relative left-[calc(50%+3rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] opacity-30 sm:left-[calc(50%+36rem)] sm:w-[72.1875rem]"
style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)">
</div>
</div>
</section>
<!-- Call to action -start -->
<div class="bg-slate-950 relative isolate overflow-hidden lg:overflow-visible">
<div class="absolute inset-x-0 -top-40 -z-10 transform-gpu overflow-hidden blur-3xl sm:-top-80 opacity-40"
aria-hidden="true">
<div class="relative left-[calc(50%-11rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 rotate-[30deg] bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] opacity-30 sm:left-[calc(50%-30rem)] sm:w-[72.1875rem]"
style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)">
</div>
</div>
<div class="mx-auto max-w-7xl py-24 sm:px-6 sm:py-32 lg:px-8">
<div
class="relative isolate overflow-hidden bg-gray-900 px-6 pt-16 shadow-2xl sm:rounded-3xl sm:px-16 md:pt-24 lg:flex lg:gap-x-20 lg:px-24 lg:pt-0">
<svg viewBox="0 0 1024 1024"
class="absolute left-1/2 top-1/2 -z-10 size-[64rem] -translate-y-1/2 [mask-image:radial-gradient(closest-side,white,transparent)] sm:left-full sm:-ml-80 lg:left-1/2 lg:ml-0 lg:-translate-x-1/2 lg:translate-y-0"
aria-hidden="true">
<circle cx="512" cy="512" r="512" fill="url(#759c1415-0410-454c-8f7c-9a820de03641)"
fill-opacity="0.7" />
<defs>
<radialGradient id="759c1415-0410-454c-8f7c-9a820de03641">
<stop stop-color="#7775D6" />
<stop offset="1" stop-color="#E935C1" />
</radialGradient>
</defs>
</svg>
<div class="mx-auto max-w-md text-center lg:mx-0 lg:flex-auto lg:py-32 lg:text-left">
<h2 class="text-balance text-3xl font-semibold tracking-tight text-white sm:text-4xl">Boost your
productivity. Start using our app today.</h2>
<p class="mt-6 text-pretty text-lg/8 text-gray-300">Ac euismod vel sit maecenas id pellentesque eu
sed consectetur. Malesuada adipiscing sagittis vel nulla.</p>
<div class="mt-10 flex items-center justify-center gap-x-6 lg:justify-start">
<a href="https://www.youtube.com/@MASTERACADEMY4"
class="bg-gradient-to-tl from-slate-800 via-violet-500 to-zinc-400 text-white font-medium rounded-lg text-base px-8 py-3 text-center hover:bg-gradient-to-tr">
Youtube
</a>
<a href="https://discord.gg/yFXUqfAA"
class="border border-white text-white px-8 py-3 rounded-lg hover:bg-blue-700 hover:bg-opacity-20 transition">
Join Community
</a>
</div>
</div>
<div class="relative mt-16 h-80 lg:mt-8">
<img class="absolute left-0 top-0 w-[57rem] max-w-none rounded-md bg-white/5 ring-1 ring-white/10"
src="https://tailwindui.com/plus/img/component-images/dark-project-app-screenshot.png"
alt="App screenshot" width="1824" height="1080">
</div>
</div>
</div>
<div class="absolute inset-x-0 top-[calc(100%-13rem)] -z-10 transform-gpu overflow-hidden blur-3xl sm:top-[calc(100%-30rem)] opacity-40"
aria-hidden="true">
<div class="relative left-[calc(50%+3rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] opacity-30 sm:left-[calc(50%+36rem)] sm:w-[72.1875rem]"
style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)">
</div>
</div>
</div>
<!-- Call to action -end -->
<!-- CTA Section -->
<section class="py-16 relative overflow-hidden">
<div style="width:600px;top:-180px"
class="absolute right-[100px] z-10 h-[150px] w-[400px] rotate-[0deg] transform rounded-full bg-gradient-to-tl from-slate-800 via-violet-500 to-zinc-400 blur-[150px]">
</div>
<div class="absolute dotted-background h-full top-0 left-0 right-0 z-0">
<div class="absolute left-0 right-0 bottom-0 h-[300px]"></div>
</div>
<div class="container mx-auto px-4 text-center relative z-50">
<h2 class="text-4xl font-bold mb-6 text-slate-100">Transform Your Development Today</h2>
<p class="text-xl max-w-2xl mx-auto mb-8">
Join a growing community of developers who are building faster, more efficient software with GoLan.
</p>
<div class="flex justify-center space-x-4">
<a href="https://www.youtube.com/@MASTERACADEMY4"
class="bg-gradient-to-tl from-slate-800 via-violet-500 to-zinc-400 text-white font-medium rounded-lg text-base px-8 py-3 text-center hover:bg-gradient-to-tr ">Youtube</a>
<a href="https://discord.gg/yFXUqfAA"
class="border border-white text-white px-8 py-3 rounded-lg hover:bg-blue-400 hover:bg-opacity-20 transition">
Join Community
</a>
</div>
</div>
</section>
<!-- Footer -->
<footer class="bg-slate-950 text-white pt-12 pb-6 relative isolate overflow-hidden ">
<div class="container mx-auto px-4">
<div class="grid md:grid-cols-4 gap-8 md:gap-14">
<div>
<h3 class="text-xl font-semibold mb-4 text-blue-400">GoLanBD</h3>
<p class="text-gray-400">Empowering developers with a modern, efficient programming language.
</p>
</div>
<div>
<h4 class="font-semibold mb-4 text-blue-400">Resources</h4>
<ul class="space-y-2">
<li><a href="#" class="text-gray-400 hover:text-white">Documentation</a></li>
<li><a href="https://www.youtube.com/@MASTERACADEMY4"
class="text-gray-400 hover:text-white">Tutorials</a></li>
<li><a href="#" class="text-gray-400 hover:text-white">Blog</a></li>
<li><a href="#" class="text-gray-400 hover:text-white">Playground</a></li>
</ul>
</div>
<div>
<h4 class="font-semibold mb-4 text-blue-400">Community</h4>
<ul class="space-y-2">
<li><a href="#" class="text-gray-400 hover:text-white">GitHub</a></li>
<li><a href="https://discord.gg/yFXUqfAA" target="_blank"
class="text-gray-400 hover:text-white">Discord</a></li>
<li><a href="#" class="text-gray-400 hover:text-white">Stack Overflow</a></li>
<li><a href="https://www.youtube.com/@MASTERACADEMY4" target="_blank"
class="text-gray-400 hover:text-white">Youtube</a></li>
</ul>
</div>
<div>
<h4 class="font-semibold mb-4 text-blue-400">Important Links</h4>
<ul class="space-y-2">
<li><a href="#" class="text-gray-400 hover:text-white">About Us</a></li>
<li><a href="#" class="text-gray-400 hover:text-white">Careers</a></li>
<li><a href="#" class="text-gray-400 hover:text-white">Press</a></li>
<li><a href="#" class="text-gray-400 hover:text-white">Contact</a></li>
</ul>
</div>
</div>
<div class="border-t border-gray-800 mt-8 pt-6 text-center">
<p class="text-gray-500">© 2024 GoLan. All rights reserved.</p>
</div>
</div>
<div class="absolute left-1/2 top-0 -z-10 -translate-x-1/2 blur-3xl xl:-top-6" aria-hidden="true">
<div class="aspect-[1155/678] w-[72.1875rem] bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] opacity-10"
style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)">
</div>
</div>
</footer>
<!-- Footer end -->
<!-- All Script -->
<!-- <script src="assets/js/script.js"></script> -->
</body>
</html>