design: improvements to music page

This commit is contained in:
Aidan 2025-02-27 17:39:22 -05:00
parent 4294d16d53
commit aa3bea690c
5 changed files with 165 additions and 79 deletions

View file

@ -13,16 +13,14 @@ const timePeriods: TimePeriod[] = [
const MusicInfo: React.FC = () => {
return (
<div className="max-w-2xl mx-auto text-center text-gray-200">
<div>
{timePeriods.map((period) => (
<section key={period.slug} className="mb-12">
<h2 className="text-2xl font-semibold mb-4">{period.title}</h2>
<div className="flex justify-center">
<Button
href={`/time-periods/${period.slug}/what-was-going-on`}
label="WHAT WAS GOING ON"
/>
</div>
<Button
href={`/time-periods/${period.slug}/what-was-going-on`}
label="WHAT WAS GOING ON"
/>
</section>
))}
</div>