aidan/aidxnCC
Archived
1
1
Fork 0
Code Issues Pull Requests Actions Activity

change button to be universal template (not just for music info), replace button on home with unified button design

Browse Source
This commit is contained in:
Aidan 2025-01-08 14:59:43 -05:00
parent 40b7793606
commit ca67eb3a2c
3 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
app/components/objects/MusicInfoButton.tsx → app/components/objects/Button.tsx
View File

4
app/components/objects/MusicInfo.tsx
View File

@ -1,5 +1,5 @@
import React from 'react'; import React from 'react';
import MusicInfoButton from './MusicInfoButton'; import Button from './Button';
interface TimePeriod { interface TimePeriod {
title: string; title: string;
@ -18,7 +18,7 @@ const MusicInfo: React.FC = () => {
<section key={period.slug} className="mb-12"> <section key={period.slug} className="mb-12">
<h2 className="text-2xl font-semibold mb-4">{period.title}</h2> <h2 className="text-2xl font-semibold mb-4">{period.title}</h2>
<div className="flex justify-center"> <div className="flex justify-center">
<MusicInfoButton <Button
href={`/time-periods/${period.slug}/what-was-going-on`} href={`/time-periods/${period.slug}/what-was-going-on`}
label="WHAT WAS GOING ON" label="WHAT WAS GOING ON"
/> />

8
app/components/pages/Home.tsx
View File

@ -1,4 +1,5 @@
import Image from 'next/image' import Image from 'next/image'
import Button from '../objects/Button'
export default function Home() { export default function Home() {
return ( return (
@ -31,9 +32,10 @@ export default function Home() {
<section id="contact"> <section id="contact">
<h2 className="text-2xl font-semibold mb-4 text-gray-200">Send me a message</h2> <h2 className="text-2xl font-semibold mb-4 text-gray-200">Send me a message</h2>
<p className="text-gray-300 mb-6">Feel free to reach out for collaborations or just a hello :)</p> <p className="text-gray-300 mb-6">Feel free to reach out for collaborations or just a hello :)</p>
<a href="/contact" className="bg-gray-700 text-white px-8 py-3 rounded-full hover:bg-gray-600 transition-colors text-lg font-medium"> <Button
Contact Me href={'/contact'}
</a> label="Contact Me"
/>
</section> </section>
</div> </div>
) )