diff --git a/src/app/page.tsx b/src/app/page.tsx index 0129e08..17dc3ba 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -34,7 +34,8 @@ export default function LandingPage() { { name: "Contact", id: "contact" }, ]} button={{ - text: "Watch on YouTube", href: "https://www.youtube.com"}} + text: "Watch on YouTube", href: "https://www.youtube.com" + }} animateOnLoad={true} /> @@ -48,17 +49,22 @@ export default function LandingPage() { background={{ variant: "radial-gradient" }} mediaItems={[ { - imageSrc: "http://img.b2bpic.net/free-photo/guy-playing-drums-stroking-with-drumsticks_23-2148366434.jpg", imageAlt: "rock guitarist performing stage concert"}, + imageSrc: "https://images.unsplash.com/photo-1493225457124-a3eb161ffa5f?w=800&h=600&fit=crop", imageAlt: "rock guitarist performing stage concert" + }, { - imageSrc: "http://img.b2bpic.net/free-photo/man-plays-acoustic-guitar-dark-closeup_169016-20698.jpg", imageAlt: "guitarist close up electric guitar"}, + imageSrc: "https://images.unsplash.com/photo-1510915361894-db8b60106cb1?w=800&h=600&fit=crop", imageAlt: "guitarist close up electric guitar" + }, { - imageSrc: "http://img.b2bpic.net/free-photo/young-man-playing-guitar-music-local-event_23-2149188103.jpg", imageAlt: "band performing stage rock concert"}, + imageSrc: "https://images.unsplash.com/photo-1511379938547-c1f69b13d835?w=800&h=600&fit=crop", imageAlt: "band performing stage rock concert" + }, { - imageSrc: "http://img.b2bpic.net/free-photo/guitarist-stage_23-2147624301.jpg", imageAlt: "guitarist performing iconic riff"}, + imageSrc: "https://images.unsplash.com/photo-1459749411175-04bf5292ceea?w=800&h=600&fit=crop", imageAlt: "guitarist performing iconic riff" + }, ]} buttons={[ { - text: "Watch My Latest Covers on YouTube", href: "https://www.youtube.com"}, + text: "Watch My Latest Covers on YouTube", href: "https://www.youtube.com" + }, { text: "Explore Gallery", href: "#featured" }, ]} mediaAnimation="slide-up" @@ -95,11 +101,11 @@ export default function LandingPage() { { title: "Ozzy Osbourne - Hellraiser", description: "Capturing the raw intensity and precision of this iconic metal classic with authentic arrangement", imageSrc: - "http://img.b2bpic.net/free-psd/father-s-day-template-design_23-2150361326.jpg", imageAlt: "Hellraiser cover"}, + "https://images.unsplash.com/photo-1470225620780-dba8ba36b745?w=800&h=600&fit=crop", imageAlt: "Hellraiser cover"}, { title: "Metallica - Creeping Death", description: "Bringing the driving rhythm and legendary riffs of this thrash metal masterpiece to life", imageSrc: - "http://img.b2bpic.net/free-photo/mysterious-character-forest_23-2151531997.jpg", imageAlt: "Creeping Death cover"}, + "https://images.unsplash.com/photo-1487180144351-b8472da7d491?w=800&h=600&fit=crop", imageAlt: "Creeping Death cover"}, ]} /> @@ -119,11 +125,11 @@ export default function LandingPage() { { title: "Black Sabbath - Iron Man", description: "The legendary solo and driving rhythm section performed with authentic energy and precision", imageSrc: - "http://img.b2bpic.net/free-psd/capoeira-template-design_23-2150770016.jpg", imageAlt: "Iron Man cover"}, + "https://images.unsplash.com/photo-1514525253161-7a46d19cd819?w=800&h=600&fit=crop", imageAlt: "Iron Man cover"}, { title: "Van Halen - Jump", description: "Celebrating the iconic keyboard riff reimagined on guitar with high-energy performance", imageSrc: - "http://img.b2bpic.net/free-psd/rock-music-festival-instagram-posts_23-2148971258.jpg", imageAlt: "Jump cover"}, + "https://images.unsplash.com/photo-1478225143648-5b0ac00d1213?w=800&h=600&fit=crop", imageAlt: "Jump cover"}, ]} /> @@ -161,7 +167,7 @@ export default function LandingPage() { required: true, }} useInvertedBackground={true} - imageSrc="http://img.b2bpic.net/free-photo/side-view-man-playing-drums-wearing-headphones_23-2148366436.jpg" + imageSrc="https://images.unsplash.com/photo-1514525253161-7a46d19cd819?w=800&h=600&fit=crop" imageAlt="guitarist studio recording session" mediaAnimation="slide-up" mediaPosition="right" diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css index d45b6e6..cfdfa81 100644 --- a/src/app/styles/variables.css +++ b/src/app/styles/variables.css @@ -10,15 +10,15 @@ --accent: #ffffff; --background-accent: #ffffff; */ - --background: #fcf6ec; - --card: #f3ede2; - --foreground: #2e2521; - --primary-cta: #2e2521; + --background: #0a0a0a; + --card: #1a1a1a; + --foreground: #ffffffe6; + --primary-cta: #e6e6e6; --primary-cta-text: #fcf6ec; - --secondary-cta: #ffffff; + --secondary-cta: #1a1a1a; --secondary-cta-text: #2e2521; - --accent: #b2a28b; - --background-accent: #b2a28b; + --accent: #737373; + --background-accent: #737373; /* text sizing - set by ThemeProvider */ /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);