aidan/aidxnCC
1
1
Fork 0
Code Issues 1 Pull requests 1 Projects Releases Packages Wiki Activity Actions

add music info buttons and pages

Browse source
This commit is contained in:
Aidan 2025-01-08 09:14:02 -05:00
parent 28fc3ea7d8
commit b88c258896
9 changed files with 164 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

32
app/components/MusicInfo.tsx Normal file
View file

@ -0,0 +1,32 @@
import React from 'react';
import Link from 'next/link';
const MusicInfo: React.FC = () => {
return (
<div className="max-w-2xl mx-auto text-center text-gray-200">
<section className="mb-12">
<h2 className="text-2xl font-semibold mb-4">Late Summer 2024</h2>
<div className="flex justify-center space-x-4">
<Link href="/time-periods/late-summer-2024/what-was-going-on" legacyBehavior>
<a className="bg-gray-800 hover:bg-gray-700 text-white font-bold py-2 px-4 rounded">
WHAT WAS GOING ON
</a>
</Link>
</div>
</section>
<section className="mb-12">
<h2 className="text-2xl font-semibold mb-4">Early Summer 2024</h2>
<div className="flex justify-center space-x-4">
<Link href="/time-periods/early-summer-2024/what-was-going-on" legacyBehavior>
<a className="bg-gray-800 hover:bg-gray-700 text-white font-bold py-2 px-4 rounded">
WHAT WAS GOING ON
</a>
</Link>
</div>
</section>
</div>
);
};
export default MusicInfo;