-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathfor-bands.html
More file actions
370 lines (352 loc) · 26.3 KB
/
for-bands.html
File metadata and controls
370 lines (352 loc) · 26.3 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Dark Canvas Merch — For Bands</title>
<link rel="stylesheet" href="https://indestructibletype.com/fonts/Jost.css" type="text/css" charset="utf-8" />
<script src="https://cdn.tailwindcss.com"></script>
<script>
tailwind.config = {
theme: {
extend: {
colors: {
'night-ink': '#0C090A',
'deep-charcoal': '#1A1A1B',
'mustard-yellow': '#FFDE59',
'cold-chrome': '#F5F5F7',
'muted-silver': '#C0C0C0',
'gunmetal': '#6E6E73',
},
fontFamily: {
heading: ['Jost', 'sans-serif'],
body: ['Jost', 'sans-serif'],
},
maxWidth: {
reading: '44rem',
content: '72rem',
store: '84rem',
},
boxShadow: {
'yellow-glow': '0 0 24px rgba(255, 222, 89, 0.16)',
},
}
}
}
</script>
<style>
html { scroll-behavior: smooth; }
body { background-color: #0C090A; }
</style>
</head>
<body class="bg-night-ink font-body text-cold-chrome antialiased selection:bg-mustard-yellow selection:text-night-ink">
<header class="border-b border-white/10">
<div class="mx-auto flex w-full max-w-store items-center justify-between px-6 py-5 lg:px-8">
<a href="index.html" class="flex items-center">
<img src="https://res.cloudinary.com/dragon-fire-design-studio/image/upload/f_auto,q_90/v1777279041/Dark%20Canvas/darkcanvas-logo_xzdhmn.svg" alt="Dark Canvas Merch" class="h-8 w-auto md:h-9" />
</a>
<nav class="hidden items-center gap-8 text-sm uppercase tracking-[0.08em] text-muted-silver md:flex">
<a href="#offer" class="transition hover:text-cold-chrome">Offer</a>
<a href="#faq" class="transition hover:text-cold-chrome">FAQ</a>
<a href="#apply" class="transition hover:text-cold-chrome">Apply</a>
</nav>
</div>
</header>
<main>
<section class="border-b border-white/10">
<div class="mx-auto grid max-w-store gap-12 px-6 py-20 lg:grid-cols-12 lg:px-8 lg:py-28">
<div class="lg:col-span-8">
<p class="text-[0.82rem] font-[600] uppercase tracking-[0.22em] text-mustard-yellow">For Bands</p>
<h1 class="mt-5 max-w-5xl text-[3.4rem] font-[700] uppercase leading-[0.92] tracking-[0.02em] text-cold-chrome sm:text-[4.4rem] lg:text-[5.1rem]">
A better way to reach UK and EU fans through official merch
</h1>
<p class="mt-8 max-w-reading text-[1.08rem] font-[450] leading-8 text-muted-silver">
Your UK and EU fans already want to support you. Dark Canvas Merch helps remove the friction that gets in the way.
</p>
<p class="mt-5 max-w-reading text-[1rem] leading-7 text-muted-silver">
Dark Canvas Merch helps bands sell official merch more easily to customers in the UK and Europe through regional print-on-demand fulfilment, reducing shipping friction, import pain, and lost sales.
</p>
<div class="mt-10 flex flex-col gap-4 sm:flex-row">
<a href="#apply" class="inline-flex items-center justify-center border border-mustard-yellow bg-mustard-yellow px-6 py-4 text-[0.95rem] font-[700] uppercase tracking-[0.08em] text-night-ink shadow-yellow-glow transition hover:opacity-90">Apply for Consideration</a>
<a href="#faq" class="inline-flex items-center justify-center border border-mustard-yellow px-6 py-4 text-[0.95rem] font-[600] uppercase tracking-[0.08em] text-cold-chrome transition hover:bg-mustard-yellow hover:text-night-ink">Read the FAQ</a>
</div>
</div>
<div class="lg:col-span-4 lg:pl-6">
<div class="border border-white/10 bg-deep-charcoal/70 p-6">
<p class="text-[0.82rem] font-[600] uppercase tracking-[0.22em] text-mustard-yellow">Why this exists</p>
<p class="mt-5 text-[1.7rem] font-[700] uppercase leading-tight tracking-[0.02em] text-cold-chrome">
A store may technically ship internationally, but that does not always mean it is practically accessible.
</p>
</div>
</div>
</div>
</section>
<section class="border-b border-white/10">
<div class="mx-auto max-w-store px-6 py-18 lg:px-8 lg:py-24">
<div class="max-w-reading">
<p class="text-[0.82rem] font-[600] uppercase tracking-[0.22em] text-mustard-yellow">The problem</p>
<h2 class="mt-4 text-[2.4rem] font-[700] uppercase tracking-[0.02em] text-cold-chrome sm:text-[2.9rem]">Your fans already want to buy. The current buying experience often gets in the way.</h2>
<p class="mt-8 text-[1rem] leading-7 text-muted-silver">
For many bands selling mainly from the US or outside the region, UK and EU fans can end up facing high shipping costs, VAT and import charges, long delivery times, and an unclear final cost by the time the order arrives.
</p>
<p class="mt-5 text-[1rem] leading-7 text-muted-silver">
That creates a two-sided problem. For fans, it makes supporting the band harder than it should be. For bands, it can mean missed sales they may not even realise they are losing.
</p>
<p class="mt-8 border-l-2 border-mustard-yellow pl-5 text-[1.5rem] font-[700] uppercase leading-snug tracking-[0.02em] text-cold-chrome sm:text-[1.7rem]">
A store may technically ship internationally, but that does not always mean it is practically accessible.
</p>
<p class="mt-8 text-[1rem] leading-7 text-muted-silver">
Dark Canvas Merch is being built to reduce that friction and make official merch easier to buy for the fans already trying to support you.
</p>
</div>
</div>
</section>
<section id="offer" class="border-b border-white/10">
<div class="mx-auto max-w-store px-6 py-18 lg:px-8 lg:py-24">
<div class="max-w-reading">
<p class="text-[0.82rem] font-[600] uppercase tracking-[0.22em] text-mustard-yellow">What we offer</p>
<h2 class="mt-4 text-[2.4rem] font-[700] uppercase tracking-[0.02em] text-cold-chrome sm:text-[2.9rem]">A curated merch platform built to help bands reach UK and EU fans more effectively</h2>
<p class="mt-8 text-[1rem] leading-7 text-muted-silver">
We handle the storefront and work with regional print partners to produce approved merchandise closer to the customer, creating a cleaner route to overseas sales without asking bands to build a separate operation from scratch.
</p>
</div>
<div class="mt-12 grid gap-6 md:grid-cols-2 xl:grid-cols-5">
<div class="border border-white/10 bg-deep-charcoal/60 p-6 text-center">
<h3 class="text-[1rem] font-[600] uppercase tracking-[0.08em] text-cold-chrome">No stockholding</h3>
<p class="mt-3 text-sm leading-7 text-muted-silver">No inventory burden for standard POD items.</p>
</div>
<div class="border border-white/10 bg-deep-charcoal/60 p-6 text-center">
<h3 class="text-[1rem] font-[600] uppercase tracking-[0.08em] text-cold-chrome">No separate EU operation</h3>
<p class="mt-3 text-sm leading-7 text-muted-silver">A cleaner route to overseas merch sales without building from scratch.</p>
</div>
<div class="border border-white/10 bg-deep-charcoal/60 p-6 text-center">
<h3 class="text-[1rem] font-[600] uppercase tracking-[0.08em] text-cold-chrome">Easier access for fans</h3>
<p class="mt-3 text-sm leading-7 text-muted-silver">Reduce friction for the people already trying to support the band.</p>
</div>
<div class="border border-white/10 bg-deep-charcoal/60 p-6 text-center">
<h3 class="text-[1rem] font-[600] uppercase tracking-[0.08em] text-cold-chrome">Official merch only</h3>
<p class="mt-3 text-sm leading-7 text-muted-silver">Approved products in a curated, scene-focused environment.</p>
</div>
<div class="border border-white/10 bg-deep-charcoal/60 p-6 text-center">
<h3 class="text-[1rem] font-[600] uppercase tracking-[0.08em] text-cold-chrome">Cleaner buying experience</h3>
<p class="mt-3 text-sm leading-7 text-muted-silver">From product page to delivery, the goal is clarity and confidence.</p>
</div>
</div>
</div>
</section>
<section class="border-b border-white/10">
<div class="mx-auto max-w-store px-6 py-18 lg:px-8 lg:py-24">
<div class="max-w-reading">
<p class="text-[0.82rem] font-[600] uppercase tracking-[0.22em] text-mustard-yellow">How it works</p>
<h2 class="mt-4 text-[2.4rem] font-[700] uppercase tracking-[0.02em] text-cold-chrome sm:text-[2.9rem]">A simple, low-friction model</h2>
</div>
<div class="mt-12 grid gap-6 md:grid-cols-2 xl:grid-cols-5">
<div class="border border-white/10 p-6">
<p class="text-[0.82rem] font-[600] uppercase tracking-[0.22em] text-mustard-yellow">01</p>
<h3 class="mt-3 text-[1rem] font-[700] uppercase tracking-[0.08em] text-cold-chrome">We agree the range</h3>
<p class="mt-3 text-sm leading-7 text-muted-silver">A focused set of approved products and designs.</p>
</div>
<div class="border border-white/10 p-6">
<p class="text-[0.82rem] font-[600] uppercase tracking-[0.22em] text-mustard-yellow">02</p>
<h3 class="mt-3 text-[1rem] font-[700] uppercase tracking-[0.08em] text-cold-chrome">You provide the artwork</h3>
<p class="mt-3 text-sm leading-7 text-muted-silver">Approved files, logos, and references needed for setup.</p>
</div>
<div class="border border-white/10 p-6">
<p class="text-[0.82rem] font-[600] uppercase tracking-[0.22em] text-mustard-yellow">03</p>
<h3 class="mt-3 text-[1rem] font-[700] uppercase tracking-[0.08em] text-cold-chrome">We build your store presence</h3>
<p class="mt-3 text-sm leading-7 text-muted-silver">Your products sit within the Dark Canvas Merch store format.</p>
</div>
<div class="border border-white/10 p-6">
<p class="text-[0.82rem] font-[600] uppercase tracking-[0.22em] text-mustard-yellow">04</p>
<h3 class="mt-3 text-[1rem] font-[700] uppercase tracking-[0.08em] text-cold-chrome">Orders are produced regionally</h3>
<p class="mt-3 text-sm leading-7 text-muted-silver">Trusted UK and EU partners fulfil approved products where appropriate.</p>
</div>
<div class="border border-white/10 p-6">
<p class="text-[0.82rem] font-[600] uppercase tracking-[0.22em] text-mustard-yellow">05</p>
<h3 class="mt-3 text-[1rem] font-[700] uppercase tracking-[0.08em] text-cold-chrome">Fans buy more easily</h3>
<p class="mt-3 text-sm leading-7 text-muted-silver">A better route for official merch without the usual overseas friction.</p>
</div>
</div>
</div>
</section>
<section class="border-b border-white/10">
<div class="mx-auto grid max-w-store gap-10 px-6 py-18 lg:grid-cols-2 lg:px-8 lg:py-24">
<div class="max-w-reading">
<p class="text-[0.82rem] font-[600] uppercase tracking-[0.22em] text-mustard-yellow">Built around POD</p>
<h2 class="mt-4 text-[2.4rem] font-[700] uppercase tracking-[0.02em] text-cold-chrome sm:text-[2.9rem]">Simple, scalable, and low-friction by design</h2>
<p class="mt-8 text-[1rem] leading-7 text-muted-silver">
Dark Canvas Merch is POD-first. That means no stockholding for standard online products, no warehouse burden, and no need to build a separate inventory setup just to serve fans in another region.
</p>
<p class="mt-5 text-[1rem] leading-7 text-muted-silver">
If a band wants help arranging UK or EU screenprinting for a tour run or separate project, that can be discussed separately as a band-funded production service.
</p>
</div>
<div class="max-w-reading">
<p class="text-[0.82rem] font-[600] uppercase tracking-[0.22em] text-mustard-yellow">Curated platform</p>
<h2 class="mt-4 text-[2.4rem] font-[700] uppercase tracking-[0.02em] text-cold-chrome sm:text-[2.9rem]">Curated, not open upload</h2>
<p class="mt-8 text-[1rem] leading-7 text-muted-silver">
We are not opening the doors to unlimited stores or random product uploads. We are building a roster of bands and brands that make sense together, with strong merchandise, a clear fit, and real potential to reach UK and EU fans.
</p>
<p class="mt-5 text-[1rem] leading-7 text-muted-silver">
That helps keep the platform credible, well presented, and worth returning to.
</p>
</div>
</div>
</section>
<section class="border-b border-white/10">
<div class="mx-auto grid max-w-store gap-10 px-6 py-18 lg:grid-cols-2 lg:px-8 lg:py-24">
<div class="max-w-reading">
<p class="text-[0.82rem] font-[600] uppercase tracking-[0.22em] text-mustard-yellow">Who we’re looking for</p>
<h2 class="mt-4 text-[2.4rem] font-[700] uppercase tracking-[0.02em] text-cold-chrome sm:text-[2.9rem]">Bands with real potential to reach UK and EU fans</h2>
<ul class="mt-8 space-y-4 text-[1rem] leading-7 text-muted-silver">
<li>— Already have fans in the UK or Europe</li>
<li>— Currently sell mainly from the US or outside the region</li>
<li>— Have strong merch designs</li>
<li>— Want a cleaner way to reach overseas buyers</li>
<li>— Are a strong fit for the platform’s overall identity</li>
</ul>
<p class="mt-8 text-[1rem] leading-7 text-muted-silver">We’re building the launch roster by hand and reviewing partnerships carefully.</p>
</div>
<div class="max-w-reading">
<p class="text-[0.82rem] font-[600] uppercase tracking-[0.22em] text-mustard-yellow">Non-exclusive by design</p>
<h2 class="mt-4 text-[2.4rem] font-[700] uppercase tracking-[0.02em] text-cold-chrome sm:text-[2.9rem]">An additional route, not a restrictive arrangement</h2>
<p class="mt-8 text-[1rem] leading-7 text-muted-silver">
Dark Canvas Merch is intended as a non-exclusive platform. Bands remain free to sell through their own store, label, merch partner, or other channels.
</p>
<p class="mt-5 text-[1rem] leading-7 text-muted-silver">
The aim is to create an additional route to reach UK and EU fans more effectively, not to lock anyone into a restrictive arrangement. Exclusive products, alternate colourways, or platform-specific variants can still be discussed separately where they make sense.
</p>
</div>
</div>
</section>
<section id="faq" class="border-b border-white/10">
<div class="mx-auto max-w-store px-6 py-18 lg:px-8 lg:py-24">
<div class="max-w-reading">
<p class="text-[0.82rem] font-[600] uppercase tracking-[0.22em] text-mustard-yellow">FAQ</p>
<h2 class="mt-4 text-[2.4rem] font-[700] uppercase tracking-[0.02em] text-cold-chrome sm:text-[2.9rem]">Everything bands need to understand the model</h2>
</div>
<div class="mt-12 grid gap-6 lg:grid-cols-2">
<details class="border border-white/10 p-6" open>
<summary class="cursor-pointer list-none text-[1.1rem] font-[700] uppercase tracking-[0.03em] text-cold-chrome">What is Dark Canvas Merch?</summary>
<p class="mt-4 text-sm leading-7 text-muted-silver">Dark Canvas Merch is a curated merch platform built to help bands sell official merch more easily to fans in the UK and Europe through regional production and fulfilment.</p>
</details>
<details class="border border-white/10 p-6">
<summary class="cursor-pointer list-none text-[1.1rem] font-[700] uppercase tracking-[0.03em] text-cold-chrome">Who is it for?</summary>
<p class="mt-4 text-sm leading-7 text-muted-silver">Bands with strong merch, a clear fit with the platform, and real potential to reach customers in the UK and Europe.</p>
</details>
<details class="border border-white/10 p-6">
<summary class="cursor-pointer list-none text-[1.1rem] font-[700] uppercase tracking-[0.03em] text-cold-chrome">Is this exclusive?</summary>
<p class="mt-4 text-sm leading-7 text-muted-silver">No. Dark Canvas Merch is intended as a non-exclusive platform that sits alongside existing stores and merch channels.</p>
</details>
<details class="border border-white/10 p-6">
<summary class="cursor-pointer list-none text-[1.1rem] font-[700] uppercase tracking-[0.03em] text-cold-chrome">What problem does this solve?</summary>
<p class="mt-4 text-sm leading-7 text-muted-silver">It reduces the friction UK and EU fans face when buying from overseas, including shipping cost, import pain, and long delivery times — and helps bands recover sales they may be losing.</p>
</details>
<details class="border border-white/10 p-6">
<summary class="cursor-pointer list-none text-[1.1rem] font-[700] uppercase tracking-[0.03em] text-cold-chrome">Is it POD or screenprint?</summary>
<p class="mt-4 text-sm leading-7 text-muted-silver">The core model is print-on-demand. Screenprinted runs can be discussed separately as a band-funded production service.</p>
</details>
<details class="border border-white/10 p-6">
<summary class="cursor-pointer list-none text-[1.1rem] font-[700] uppercase tracking-[0.03em] text-cold-chrome">Do you hold inventory?</summary>
<p class="mt-4 text-sm leading-7 text-muted-silver">No. The platform is designed around a POD-first model for standard online sales.</p>
</details>
<details class="border border-white/10 p-6">
<summary class="cursor-pointer list-none text-[1.1rem] font-[700] uppercase tracking-[0.03em] text-cold-chrome">What does the band need to provide?</summary>
<p class="mt-4 text-sm leading-7 text-muted-silver">Approved artwork files, confirmation of rights to use the artwork, relevant logos and assets, product preferences where needed, and approval on the final selected range.</p>
</details>
<details class="border border-white/10 p-6">
<summary class="cursor-pointer list-none text-[1.1rem] font-[700] uppercase tracking-[0.03em] text-cold-chrome">Will the merch be official?</summary>
<p class="mt-4 text-sm leading-7 text-muted-silver">Yes. Dark Canvas Merch is built around official, approved merchandise only.</p>
</details>
</div>
</div>
</section>
<section id="apply" class="border-t border-white/10">
<div class="mx-auto max-w-store px-6 py-20 lg:px-8 lg:py-24">
<div class="max-w-3xl">
<p class="text-[0.82rem] font-[600] uppercase tracking-[0.22em] text-mustard-yellow">Next Step</p>
<h2 class="mt-4 text-[2.8rem] font-[700] uppercase tracking-[0.02em] text-cold-chrome">
Think Dark Canvas could be the right fit for your band?
</h2>
<p class="mt-8 text-[1rem] leading-7 text-muted-silver">
Dark Canvas is a curated platform and every application is reviewed by hand. If your band has active UK or EU demand, existing merch, and no clear local fulfilment route, apply to join and tell us more about your current setup.
</p>
<div class="mt-10 flex flex-col gap-4 sm:flex-row">
<a href="band-application.html" class="inline-flex items-center justify-center border border-mustard-yellow bg-mustard-yellow px-6 py-4 text-[0.95rem] font-[700] uppercase tracking-[0.08em] text-night-ink shadow-yellow-glow transition hover:opacity-90">
Apply to Join Dark Canvas
</a>
<a href="#faq" class="inline-flex items-center justify-center border border-mustard-yellow px-6 py-4 text-[0.95rem] font-[600] uppercase tracking-[0.08em] text-cold-chrome transition hover:bg-mustard-yellow hover:text-night-ink">
Read the FAQ
</a>
</div>
</div>
</div>
</section>
</main>
<footer class="border-t border-white/10 bg-night-ink">
<div class="mx-auto max-w-store px-6 py-16 lg:px-8">
<div class="grid gap-10 sm:grid-cols-2 lg:grid-cols-[1.35fr_0.85fr_0.85fr_0.85fr] lg:gap-10">
<div>
<a href="index.html" class="flex items-center mb-5">
<img src="https://res.cloudinary.com/dragon-fire-design-studio/image/upload/f_auto,q_90/v1777279041/Dark%20Canvas/darkcanvas-logo_xzdhmn.svg" alt="Dark Canvas Merch" class="h-8 w-auto" />
</a>
<p class="max-w-[18rem] text-sm leading-7 text-gunmetal">Official merch from bands, artists, and scene-led brands — built to make UK and EU access cleaner and easier.</p>
<div class="mt-6 flex items-center gap-4">
<a href="#" aria-label="Instagram" class="text-gunmetal transition hover:text-mustard-yellow">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24">
<path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/>
</svg>
</a>
<a href="#" aria-label="Facebook" class="text-gunmetal transition hover:text-mustard-yellow">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24">
<path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/>
</svg>
</a>
<a href="#" aria-label="X / Twitter" class="text-gunmetal transition hover:text-mustard-yellow">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24">
<path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-4.714-6.231-5.401 6.231H2.746l7.73-8.835L1.254 2.25H8.08l4.253 5.622zm-1.161 17.52h1.833L7.084 4.126H5.117z"/>
</svg>
</a>
<a href="#" aria-label="TikTok" class="text-gunmetal transition hover:text-mustard-yellow">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24">
<path d="M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z"/>
</svg>
</a>
</div>
</div>
<div>
<h3 class="font-heading text-sm uppercase tracking-[0.16em] text-cold-chrome mb-5">Shop</h3>
<ul class="space-y-3 text-sm text-gunmetal">
<li><a href="index.html#latest-drops" class="transition hover:text-cold-chrome">New Drops</a></li>
<li><a href="bands.html" class="transition hover:text-cold-chrome">All Bands</a></li>
<li><a href="index.html#bestsellers" class="transition hover:text-cold-chrome">Bestsellers</a></li>
<li><a href="faq.html" class="transition hover:text-cold-chrome">FAQ</a></li>
</ul>
</div>
<div>
<h3 class="font-heading text-sm uppercase tracking-[0.16em] text-cold-chrome mb-5">About</h3>
<ul class="space-y-3 text-sm text-gunmetal">
<li><a href="about.html" class="transition hover:text-cold-chrome">About Dark Canvas</a></li>
<li><a href="for-bands.html" class="transition hover:text-cold-chrome">For Bands</a></li>
<li><a href="band-application.html" class="transition hover:text-cold-chrome">Apply</a></li>
<li><a href="contact.html" class="transition hover:text-cold-chrome">Contact</a></li>
</ul>
</div>
<div>
<h3 class="font-heading text-sm uppercase tracking-[0.16em] text-cold-chrome mb-5">Legal</h3>
<ul class="space-y-3 text-sm text-gunmetal">
<li><a href="privacy.html" class="transition hover:text-cold-chrome">Privacy Policy</a></li>
<li><a href="terms.html" class="transition hover:text-cold-chrome">Terms & Conditions</a></li>
<li><a href="cookies.html" class="transition hover:text-cold-chrome">Cookie Policy</a></li>
<li><a href="returns.html" class="transition hover:text-cold-chrome">Returns Policy</a></li>
</ul>
</div>
</div>
<div class="mt-12 border-t border-white/10 pt-8 flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between">
<p class="text-xs uppercase tracking-[0.16em] text-gunmetal">© 2026 Dark Canvas Merch. All rights reserved.</p>
<p class="text-xs uppercase tracking-[0.16em] text-gunmetal">Shop The Art Of Metal.</p>
</div>
</div>
</footer>
</body>
</html>