6 Commits

Author SHA1 Message Date
74d67581a3 Update src/app/page.tsx 2026-03-10 06:38:44 +00:00
500089290a Merge version_2 into main
Merge version_2 into main
2026-03-10 06:37:31 +00:00
843a1e92fe Update src/app/page.tsx 2026-03-10 06:37:27 +00:00
cb54453189 Merge version_2 into main
Merge version_2 into main
2026-03-10 06:36:46 +00:00
64904fc8fb Update src/app/styles/variables.css 2026-03-10 06:36:42 +00:00
bb18831654 Update src/app/page.tsx 2026-03-10 06:36:42 +00:00
2 changed files with 31 additions and 33 deletions

View File

@@ -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}
/>
</div>
@@ -46,19 +47,11 @@ export default function LandingPage() {
tag="Featured Performer"
tagIcon={Sparkles}
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: "http://img.b2bpic.net/free-photo/man-plays-acoustic-guitar-dark-closeup_169016-20698.jpg", 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: "http://img.b2bpic.net/free-photo/guitarist-stage_23-2147624301.jpg", imageAlt: "guitarist performing iconic riff"},
]}
mediaItems={[]}
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"
@@ -70,12 +63,14 @@ export default function LandingPage() {
<InlineImageSplitTextAbout
heading={[
{
type: "text", content: "A Guitarist Dedicated to Capturing Raw Energy"},
type: "text", content: "A Guitarist Dedicated to Capturing Raw Energy"
},
]}
useInvertedBackground={true}
buttons={[
{
text: "Follow on Instagram", href: "https://www.instagram.com/mr._matus/"},
text: "Follow on Instagram", href: "https://www.instagram.com/mr._matus/"
},
]}
/>
</div>
@@ -94,12 +89,14 @@ export default function LandingPage() {
features={[
{
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"},
"Capturing the raw intensity and precision of this iconic metal classic with authentic arrangement", videoSrc:
"https://www.youtube.com/embed/HX1Ox2H5p-s", videoAriaLabel: "Hellraiser cover performance"
},
{
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"},
"Bringing the driving rhythm and legendary riffs of this thrash metal masterpiece to life", videoSrc:
"https://www.youtube.com/embed/f3TJV8B5HJ4", videoAriaLabel: "Creeping Death cover performance"
},
]}
/>
</div>
@@ -118,12 +115,14 @@ export default function LandingPage() {
features={[
{
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"},
"The legendary solo and driving rhythm section performed with authentic energy and precision", videoSrc:
"https://www.youtube.com/embed/F-QXKulHmps", videoAriaLabel: "Iron Man cover performance"
},
{
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"},
"Celebrating the iconic keyboard riff reimagined on guitar with high-energy performance", videoSrc:
"https://www.youtube.com/embed/EzrSCsw0rYQ", videoAriaLabel: "Jump cover performance"
},
]}
/>
</div>
@@ -135,7 +134,8 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"YouTube Music", "Instagram", "Spotify", "SoundCloud", "Apple Music", "TikTok", "Bandcamp"]}
"YouTube Music", "Instagram", "Spotify", "SoundCloud", "Apple Music", "TikTok", "Bandcamp"
]}
speed={40}
showCard={true}
/>
@@ -161,8 +161,6 @@ 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"
imageAlt="guitarist studio recording session"
mediaAnimation="slide-up"
mediaPosition="right"
buttonText="Send Message"
@@ -197,4 +195,4 @@ export default function LandingPage() {
/>
</ThemeProvider>
);
}
}

View File

@@ -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);