Skip to content

Commit ba636b4

Browse files
GlebkaFGlebkaF
committed
Обновлена страница "Все артисты" с добавлением SEO-оптимизированного контента, включая метаданные, новые секции и FAQ. Реализована поддержка JSON-LD для улучшения индексации. Обновлен интерфейс с учетом пользовательского опыта и доступности.
1 parent 61df7b2 commit ba636b4

File tree

2 files changed

+745
-30
lines changed

2 files changed

+745
-30
lines changed

‎app/preset/page.tsx‎

Lines changed: 299 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -4,12 +4,26 @@ import artists from "data/artists.json";
44
import Header from "components/Header";
55
import Footer from "components/Footer";
66
import Link from "next/link";
7+
import Script from "next/script";
78
import { ReactElement } from "react";
89

910
export const metadata: Metadata = {
10-
title: "All Artists - Guitar Presets for NUX Mighty Plug Pro & Mighty Space",
11+
title: "Artist Presets for NUX Mighty Plug Pro & Mighty Space | nxrig",
1112
description:
12-
"Browse all artists with guitar presets for NUX Mighty Plug Pro and Mighty Space. Download free presets from Metallica, AC/DC, Led Zeppelin, Nirvana and more.",
13+
"Browse all artists and download free presets for NUX Mighty Plug Pro and Mighty Space. Recreate tones of Metallica, Nirvana, Radiohead, RHCP, and more.",
14+
alternates: {
15+
canonical: "https://nxrig.com/preset",
16+
},
17+
openGraph: {
18+
title: "Artist Presets for NUX Mighty Plug Pro & Mighty Space | nxrig",
19+
description:
20+
"Browse all artists and download free presets for NUX Mighty Plug Pro and Mighty Space. Recreate tones of Metallica, Nirvana, Radiohead, RHCP, and more.",
21+
url: "https://nxrig.com/preset",
22+
type: "website",
23+
},
24+
twitter: {
25+
card: "summary_large_image",
26+
},
1327
};
1428

1529
interface ArtistWithPresetCount {
@@ -21,7 +35,7 @@ interface ArtistWithPresetCount {
2135
}
2236

2337
export default function ArtistsPage(): ReactElement {
24-
// Подсчитываем количество пресетов для каждого артиста
38+
// Calculate preset count for each artist
2539
const artistsWithPresetCount: ArtistWithPresetCount[] = artists
2640
.map((artist) => {
2741
const presetCount = presets.filter(
@@ -36,35 +50,290 @@ export default function ArtistsPage(): ReactElement {
3650
.filter((artist) => artist.presetCount > 0) // Show only artists with presets
3751
.sort((a, b) => a.title.localeCompare(b.title)); // Sort alphabetically
3852

53+
// JSON-LD structured data
54+
const itemList = {
55+
"@context": "https://schema.org",
56+
"@type": "ItemList",
57+
name: "NUX Artist Presets",
58+
itemListOrder: "https://schema.org/ItemListOrderAscending",
59+
numberOfItems: artistsWithPresetCount.length,
60+
itemListElement: artistsWithPresetCount.map((artist, index) => ({
61+
"@type": "ListItem",
62+
position: index + 1,
63+
item: {
64+
"@type": "MusicGroup",
65+
name: artist.title,
66+
url: `https://nxrig.com/preset/${artist.slug}`,
67+
},
68+
})),
69+
};
70+
71+
const faqJsonLd = {
72+
"@context": "https://schema.org",
73+
"@type": "FAQPage",
74+
mainEntity: [
75+
{
76+
"@type": "Question",
77+
name: "How do I install a preset?",
78+
acceptedAnswer: {
79+
"@type": "Answer",
80+
text: "Download the .mspatch file or scan the QR. Import it in Mighty Editor (desktop) or MightyAmp (mobile), then save to a slot.",
81+
},
82+
},
83+
{
84+
"@type": "Question",
85+
name: "Is it compatible with Mighty Space?",
86+
acceptedAnswer: {
87+
"@type": "Answer",
88+
text: "In most cases yes. Amp/drive settings transfer 1:1; you may tweak output level and reverb/delay mix to taste.",
89+
},
90+
},
91+
{
92+
"@type": "Question",
93+
name: "Which pickups do I need?",
94+
acceptedAnswer: {
95+
"@type": "Answer",
96+
text: "Presets work with single coils and humbuckers. Artist pages note the expected pickup position; adjust gain/EQ for your guitar.",
97+
},
98+
},
99+
{
100+
"@type": "Question",
101+
name: "Are the presets free?",
102+
acceptedAnswer: {
103+
"@type": "Answer",
104+
text: "Yes. Use them, tweak them, and share feedback—credits appreciated but not required.",
105+
},
106+
},
107+
{
108+
"@type": "Question",
109+
name: "Can I request a specific song or artist?",
110+
acceptedAnswer: {
111+
"@type": "Answer",
112+
text: "Absolutely. Use Request Patch and we'll prioritize popular requests.",
113+
},
114+
},
115+
],
116+
};
117+
39118
return (
40-
<div className="min-h-screen flex flex-col bg-gray-900 text-white">
41-
<Header />
42-
<main className="flex-grow">
43-
<div className="container mx-auto px-4 py-8">
44-
<h1 className="text-4xl font-bold mb-8 text-white">All Artists</h1>
45-
46-
<ul className="space-y-2">
47-
{artistsWithPresetCount.map((artist) => (
48-
<li key={artist.id}>
119+
<>
120+
<Script
121+
id="ld-itemlist"
122+
type="application/ld+json"
123+
dangerouslySetInnerHTML={{ __html: JSON.stringify(itemList) }}
124+
/>
125+
<Script
126+
id="ld-faq"
127+
type="application/ld+json"
128+
dangerouslySetInnerHTML={{ __html: JSON.stringify(faqJsonLd) }}
129+
/>
130+
131+
<div className="min-h-screen flex flex-col bg-gray-900 text-white">
132+
<Header />
133+
<main className="flex-grow">
134+
<div className="container mx-auto px-4 py-8">
135+
<h1 className="text-4xl font-bold mb-6 text-white">
136+
NUX Mighty Plug Pro Artist Presets — All Artists
137+
</h1>
138+
139+
<p className="mb-4 text-gray-300 leading-relaxed">
140+
Find artist-inspired guitar tones for{" "}
141+
<strong>NUX Mighty Plug Pro</strong> and{" "}
142+
<strong>Mighty Space</strong>. Each preset is crafted to get you
143+
close to the signature sound—rhythm and lead variants, sensible
144+
gain levels, IR/cab choices, and effect chains that just work.
145+
</p>
146+
<p className="mb-8 text-gray-300 leading-relaxed">
147+
Open an artist page to see song-by-song patches, quick setup
148+
notes, and pickup tips. Import via <strong>Mighty Editor</strong>{" "}
149+
(desktop) or <strong>MightyAmp</strong> (mobile) using a .mspatch
150+
file or a QR code. All downloads are free.
151+
</p>
152+
153+
<ul className="grid sm:grid-cols-2 md:grid-cols-3 gap-2 mb-10">
154+
{artistsWithPresetCount.map((artist) => (
155+
<li key={artist.id}>
156+
<Link
157+
href={`/preset/${artist.slug}`}
158+
className="text-blue-400 hover:text-blue-300 underline focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 focus:ring-offset-gray-900"
159+
>
160+
{artist.title} presets ({artist.presetCount})
161+
</Link>
162+
</li>
163+
))}
164+
</ul>
165+
166+
<section className="mb-8">
167+
<h2 className="text-2xl font-semibold mb-4 text-white">
168+
Popular right now
169+
</h2>
170+
<ul className="list-disc pl-5 space-y-1 text-gray-300">
171+
<li>
172+
<Link
173+
href="/preset/metallica"
174+
className="text-blue-400 hover:text-blue-300 underline"
175+
>
176+
Metallica — Master of Puppets (rhythm/lead)
177+
</Link>
178+
</li>
179+
<li>
180+
<Link
181+
href="/preset/nirvana"
182+
className="text-blue-400 hover:text-blue-300 underline"
183+
>
184+
Nirvana — Smells Like Teen Spirit
185+
</Link>
186+
</li>
187+
<li>
188+
<Link
189+
href="/preset/red-hot-chili-peppers"
190+
className="text-blue-400 hover:text-blue-300 underline"
191+
>
192+
Red Hot Chili Peppers — Californication
193+
</Link>
194+
</li>
195+
<li>
196+
<Link
197+
href="/preset/led-zeppelin"
198+
className="text-blue-400 hover:text-blue-300 underline"
199+
>
200+
Led Zeppelin — Whole Lotta Love
201+
</Link>
202+
</li>
203+
<li>
204+
<Link
205+
href="/preset/guns-and-roses"
206+
className="text-blue-400 hover:text-blue-300 underline"
207+
>
208+
Guns N&apos; Roses — Sweet Child O&apos; Mine
209+
</Link>
210+
</li>
211+
</ul>
212+
</section>
213+
214+
<section className="mb-8">
215+
<h2 className="text-2xl font-semibold mb-4 text-white">
216+
New presets
217+
</h2>
218+
<p className="text-gray-300">
219+
Freshly added artist tones for NUX Mighty Plug Pro & Mighty
220+
Space. Check them out and tell us what to add next.
221+
</p>
222+
</section>
223+
224+
<section className="mb-8">
225+
<h2 className="text-2xl font-semibold mb-4 text-white">
226+
Explore by genre
227+
</h2>
228+
<div className="space-y-2 text-gray-300">
229+
<p>
230+
<strong className="text-white">Metal:</strong> tight high-gain
231+
rhythms, palm-mutes, modern IRs.
232+
</p>
233+
<p>
234+
<strong className="text-white">Grunge:</strong> gritty mids,
235+
moderate gain, roomy reverbs.
236+
</p>
237+
<p>
238+
<strong className="text-white">Classic Rock:</strong> crunchy
239+
amps, vintage cabs, light drive.
240+
</p>
241+
<p>
242+
<strong className="text-white">Alternative:</strong>{" "}
243+
clean/edge-of-breakup, chorus/mod textures.
244+
</p>
245+
</div>
246+
</section>
247+
248+
<section className="mb-8">
249+
<h2 className="text-2xl font-semibold mb-4 text-white">
250+
Request a patch
251+
</h2>
252+
<p className="text-gray-300">
253+
Can&apos;t find the tone you need?{" "}
49254
<Link
50-
href={`/preset/${artist.slug}`}
51-
className="text-blue-400 hover:text-blue-300"
255+
href="/order"
256+
className="text-blue-400 hover:text-blue-300 underline font-medium"
52257
>
53-
{artist.title} ({artist.presetCount})
54-
</Link>
55-
</li>
56-
))}
57-
</ul>
58-
</div>
59-
</main>
60-
<Footer>
61-
<div className="container mx-auto px-4">
62-
<p className="text-gray-300 text-center">
63-
Download free NUX Mighty Plug Pro presets and recreate the sound of
64-
your favorite artists.
65-
</p>
66-
</div>
67-
</Footer>
68-
</div>
258+
Request a patch
259+
</Link>{" "}
260+
— we&apos;ll add it in a few days and email you when it&apos;s
261+
ready.
262+
</p>
263+
</section>
264+
265+
<section className="mb-8">
266+
<h2 className="text-2xl font-semibold mb-4 text-white">FAQ</h2>
267+
<div className="space-y-4">
268+
<details className="bg-gray-800 rounded-lg p-4">
269+
<summary className="cursor-pointer font-medium text-white hover:text-blue-400">
270+
How do I install a preset?
271+
</summary>
272+
<p className="mt-2 text-gray-300">
273+
Download the .mspatch file or scan the QR. Import it in
274+
Mighty Editor (desktop) or MightyAmp (mobile), then save to
275+
a slot.
276+
</p>
277+
</details>
278+
<details className="bg-gray-800 rounded-lg p-4">
279+
<summary className="cursor-pointer font-medium text-white hover:text-blue-400">
280+
Is it compatible with Mighty Space?
281+
</summary>
282+
<p className="mt-2 text-gray-300">
283+
In most cases yes. Amp/drive settings transfer 1:1; you may
284+
tweak output level and reverb/delay mix to taste.
285+
</p>
286+
</details>
287+
<details className="bg-gray-800 rounded-lg p-4">
288+
<summary className="cursor-pointer font-medium text-white hover:text-blue-400">
289+
Which pickups do I need?
290+
</summary>
291+
<p className="mt-2 text-gray-300">
292+
Presets work with single coils and humbuckers. Artist pages
293+
note the expected pickup position; adjust gain/EQ for your
294+
guitar.
295+
</p>
296+
</details>
297+
<details className="bg-gray-800 rounded-lg p-4">
298+
<summary className="cursor-pointer font-medium text-white hover:text-blue-400">
299+
Are the presets free?
300+
</summary>
301+
<p className="mt-2 text-gray-300">
302+
Yes. Use them, tweak them, and share feedback—credits
303+
appreciated but not required.
304+
</p>
305+
</details>
306+
<details className="bg-gray-800 rounded-lg p-4">
307+
<summary className="cursor-pointer font-medium text-white hover:text-blue-400">
308+
Can I request a specific song or artist?
309+
</summary>
310+
<p className="mt-2 text-gray-300">
311+
Absolutely. Use Request Patch and we&apos;ll prioritize
312+
popular requests.
313+
</p>
314+
</details>
315+
</div>
316+
</section>
317+
318+
<section className="border-t border-gray-700 pt-6 text-sm text-gray-400">
319+
<p>
320+
Download free <strong>NUX Mighty Plug Pro</strong> and{" "}
321+
<strong>Mighty Space</strong> presets inspired by legendary
322+
artists. Explore metal, grunge, classic rock, and alternative
323+
sounds — or request a custom patch.
324+
</p>
325+
</section>
326+
</div>
327+
</main>
328+
<Footer>
329+
<div className="container mx-auto px-4">
330+
<p className="text-gray-300 text-center">
331+
Download free NUX Mighty Plug Pro presets and recreate the sound
332+
of your favorite artists.
333+
</p>
334+
</div>
335+
</Footer>
336+
</div>
337+
</>
69338
);
70339
}

0 commit comments

Comments
 (0)