Merge version_1 into main #1
204
src/app/page.tsx
204
src/app/page.tsx
@@ -30,24 +30,13 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Tracks",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Tracks", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Rayz Rapper 254"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -55,16 +44,7 @@ export default function LandingPage() {
|
||||
<HeroLogo
|
||||
logoText="Rayz Rapper 254"
|
||||
description="The official home for Kenyan rap artist Rayz Rapper 254. Stream the latest tracks, catch upcoming show dates, and experience the journey."
|
||||
buttons={[
|
||||
{
|
||||
text: "Stream Music",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Stream Music", href: "#products" }, { text: "Contact", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/unknown-young-man-posing-front-view_23-2149417576.jpg"
|
||||
imageAlt="Rayz Rapper 254 portrait"
|
||||
/>
|
||||
@@ -75,21 +55,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="About The Artist"
|
||||
metrics={[
|
||||
{
|
||||
icon: Music,
|
||||
label: "Tracks Released",
|
||||
value: "25+",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Global Fans",
|
||||
value: "100k+",
|
||||
},
|
||||
{
|
||||
icon: Globe,
|
||||
label: "Shows Performed",
|
||||
value: "50+",
|
||||
},
|
||||
{ icon: Music, label: "Tracks Released", value: "25+" },
|
||||
{ icon: Users, label: "Global Fans", value: "100k+" },
|
||||
{ icon: Globe, label: "Shows Performed", value: "50+" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -102,42 +70,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "City Pulse",
|
||||
price: "Stream",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-hip-hop-dancer-dancing-street_23-2147847226.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Kenyan Nights",
|
||||
price: "Stream",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wavy-text-collage-concept_52683-104220.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Future Flow",
|
||||
price: "Stream",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-woman-sitting-shadow_23-2147781293.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Street Vision",
|
||||
price: "Stream",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creativity-layered-style-typography-colorful-background_53876-104216.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Rhythm 254",
|
||||
price: "Stream",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing-blue-light_23-2149445876.jpg",
|
||||
},
|
||||
{
|
||||
id: "t6",
|
||||
name: "Echoes",
|
||||
price: "Stream",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-portrait-person-listening-music-headphones_23-2151065102.jpg",
|
||||
},
|
||||
{ id: "t1", name: "City Pulse", price: "Stream", imageSrc: "http://img.b2bpic.net/free-photo/young-hip-hop-dancer-dancing-street_23-2147847226.jpg" },
|
||||
{ id: "t2", name: "Kenyan Nights", price: "Stream", imageSrc: "http://img.b2bpic.net/free-photo/wavy-text-collage-concept_52683-104220.jpg" },
|
||||
{ id: "t3", name: "Future Flow", price: "Stream", imageSrc: "http://img.b2bpic.net/free-photo/adult-woman-sitting-shadow_23-2147781293.jpg" },
|
||||
{ id: "t4", name: "Street Vision", price: "Stream", imageSrc: "http://img.b2bpic.net/free-photo/creativity-layered-style-typography-colorful-background_53876-104216.jpg" },
|
||||
{ id: "t5", name: "Rhythm 254", price: "Stream", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing-blue-light_23-2149445876.jpg" },
|
||||
{ id: "t6", name: "Echoes", price: "Stream", imageSrc: "http://img.b2bpic.net/free-photo/digital-art-portrait-person-listening-music-headphones_23-2151065102.jpg" },
|
||||
]}
|
||||
title="Latest Tracks"
|
||||
description="Dive into the discography of Rayz Rapper 254."
|
||||
@@ -151,27 +89,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1.2M",
|
||||
title: "Monthly Plays",
|
||||
description: "Streamed across all major platforms.",
|
||||
icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "850K",
|
||||
title: "Total Downloads",
|
||||
description: "Support directly from fans.",
|
||||
icon: Download,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "15+",
|
||||
title: "Award Nominations",
|
||||
description: "Recognized in the industry.",
|
||||
icon: Award,
|
||||
},
|
||||
{ id: "m1", value: "1.2M", title: "Monthly Plays", description: "Streamed across all major platforms.", icon: TrendingUp },
|
||||
{ id: "m2", value: "850K", title: "Total Downloads", description: "Support directly from fans.", icon: Download },
|
||||
{ id: "m3", value: "15+", title: "Award Nominations", description: "Recognized in the industry.", icon: Award },
|
||||
]}
|
||||
title="Streaming Stats"
|
||||
description="Numbers behind the music."
|
||||
@@ -182,31 +102,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-man-wearing-sunglasses-standing-yellow-background-showing-pointing-up-with-finger-number-one-while-smiling-confident-happy_839833-10468.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Brian M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-plant-side-view_23-2149411345.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Cynthia N.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-listening-music-earphone-through-mobile-phone_23-2148148163.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David O.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-headphones-blue-t-shirt-cap-front-view_176474-20052.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Evelyn P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-office-worker-strict-suit-posing-blue-surface_140725-63850.jpg",
|
||||
},
|
||||
{ id: "1", name: "Alex K.", imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-man-wearing-sunglasses-standing-yellow-background-showing-pointing-up-with-finger-number-one-while-smiling-confident-happy_839833-10468.jpg" },
|
||||
{ id: "2", name: "Brian M.", imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-plant-side-view_23-2149411345.jpg" },
|
||||
{ id: "3", name: "Cynthia N.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-listening-music-earphone-through-mobile-phone_23-2148148163.jpg" },
|
||||
{ id: "4", name: "David O.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-headphones-blue-t-shirt-cap-front-view_176474-20052.jpg" },
|
||||
{ id: "5", name: "Evelyn P.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-office-worker-strict-suit-posing-blue-surface_140725-63850.jpg" },
|
||||
]}
|
||||
cardTitle="Fan Voices"
|
||||
cardTag="Testimonials"
|
||||
@@ -217,68 +117,20 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Inquiries"
|
||||
title="Bookings & Collaborations"
|
||||
description="Ready to work together or need to book Rayz Rapper 254 for a show? Reach out here."
|
||||
buttons={[
|
||||
{
|
||||
text: "Email Me",
|
||||
href: "mailto:bookings@rayz254.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Email Me", href: "mailto:bookings@rayz254.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "YouTube",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Spotify",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Apple Music",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "SoundCloud",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Instagram", href: "#" }, { label: "Twitter", href: "#" }, { label: "YouTube", href: "#" }] },
|
||||
{ items: [{ label: "Spotify", href: "#" }, { label: "Apple Music", href: "#" }, { label: "SoundCloud", href: "#" }] },
|
||||
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
logoText="Rayz Rapper 254"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user