bender/c681d8f8-8482-41a4-bc95-d2d57b28b11e
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
bender
2026-06-02 15:11:35 +00:00
parent 1f841e0c98 e7c872f51f
commit 90a1b20a5e
1 changed files with 41 additions and 152 deletions
Download Patch File Download Diff File Expand all files Collapse all files

193
src/app/page.tsx
View File

@@ -31,23 +31,18 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Music",
id: "#music",
},
name: "Music", id: "#music"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Reviews",
id: "#reviews",
},
name: "Reviews", id: "#reviews"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="Vocal Cloud"
button={{
text: "Listen Now", href: "https://open.spotify.com/artist/your-artist-id"
}}
/>
</div>
@@ -57,9 +52,7 @@ export default function LandingPage() {
description="Explore the catalog, one track at a time. Each song tells a story."
buttons={[
{
text: "Listen on Spotify",
href: "https://open.spotify.com/artist/your-artist-id",
},
text: "Listen on Spotify", href: "https://open.spotify.com/artist/your-artist-id"},
]}
imageSrc="http://img.b2bpic.net/free-photo/bermuda-triangle-mystery-event_23-2151625839.jpg"
imageAlt="Abstract background of volumetric clouds dissolving into sound waves"
@@ -68,25 +61,15 @@ export default function LandingPage() {
textPosition="bottom"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/front-view-young-female-white-shirt-colorful-coat-holding-skateboard_140725-33199.jpg",
alt: "Profile of a young modern lady with headphones",
},
src: "http://img.b2bpic.net/free-photo/front-view-young-female-white-shirt-colorful-coat-holding-skateboard_140725-33199.jpg", alt: "Profile of a young modern lady with headphones"},
{
src: "http://img.b2bpic.net/free-photo/teenager-light-movie-projector_23-2149489850.jpg",
alt: "Profile of a teenager in light of movie projector",
},
src: "http://img.b2bpic.net/free-photo/teenager-light-movie-projector_23-2149489850.jpg", alt: "Profile of a teenager in light of movie projector"},
{
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-child-girl-model-with-blue-eyes_613910-10474.jpg",
alt: "Profile of a beautiful teenager woman",
},
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-child-girl-model-with-blue-eyes_613910-10474.jpg", alt: "Profile of a beautiful teenager woman"},
{
src: "http://img.b2bpic.net/free-photo/happy-man-listening-music-lying-down-sofa_329181-650.jpg",
alt: "Profile of a fashionable young man listening to music",
},
src: "http://img.b2bpic.net/free-photo/happy-man-listening-music-lying-down-sofa_329181-650.jpg", alt: "Profile of a fashionable young man listening to music"},
{
src: "http://img.b2bpic.net/free-photo/woman-posing-with-headphones-holding-up-vinyl-record_23-2148426505.jpg",
alt: "Profile of a woman with headphones and vinyl",
},
src: "http://img.b2bpic.net/free-photo/woman-posing-with-headphones-holding-up-vinyl-record_23-2148426505.jpg", alt: "Profile of a woman with headphones and vinyl"},
]}
avatarText="Join 100K+ listeners"
/>
@@ -96,7 +79,6 @@ export default function LandingPage() {
<TextAbout
useInvertedBackground={true}
title="The Ethereal Soundscape"
description="Vocal Cloud crafts atmospheric and deeply immersive music, blending electronic textures with ethereal vocals. Dive into a cinematic journey, track by track, where every sound tells a story and every melody evokes a new world, designed for introspection and deep listening."
/>
</div>
@@ -108,52 +90,22 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "1",
name: "Nebula Drift",
price: "3:45",
imageSrc: "http://img.b2bpic.net/free-photo/foam-deep-blue-colored-liquid_23-2148346931.jpg",
imageAlt: "Album art for Nebula Drift",
onProductClick: "() => console.log('Playing Nebula Drift')",
id: "1", name: "Nebula Drift", price: "3:45", imageSrc: "http://img.b2bpic.net/free-photo/foam-deep-blue-colored-liquid_23-2148346931.jpg", imageAlt: "Album art for Nebula Drift", onProductClick: () => console.log('Playing Nebula Drift'),
},
{
id: "2",
name: "Silent Reverie",
price: "4:10",
imageSrc: "http://img.b2bpic.net/free-photo/lilac-blue-dye-water_23-2147745443.jpg",
imageAlt: "Album art for Silent Reverie",
onProductClick: "() => console.log('Playing Silent Reverie')",
id: "2", name: "Silent Reverie", price: "4:10", imageSrc: "http://img.b2bpic.net/free-photo/lilac-blue-dye-water_23-2147745443.jpg", imageAlt: "Album art for Silent Reverie", onProductClick: () => console.log('Playing Silent Reverie'),
},
{
id: "3",
name: "Astral Bloom",
price: "3:55",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-cover-art-illustration_23-2151904514.jpg",
imageAlt: "Album art for Astral Bloom",
onProductClick: "() => console.log('Playing Astral Bloom')",
id: "3", name: "Astral Bloom", price: "3:55", imageSrc: "http://img.b2bpic.net/free-photo/abstract-cover-art-illustration_23-2151904514.jpg", imageAlt: "Album art for Astral Bloom", onProductClick: () => console.log('Playing Astral Bloom'),
},
{
id: "4",
name: "Echoes in the Void",
price: "5:02",
imageSrc: "http://img.b2bpic.net/free-photo/black-white-3d-background_23-2150505319.jpg",
imageAlt: "Album art for Echoes in the Void",
onProductClick: "() => console.log('Playing Echoes in the Void')",
id: "4", name: "Echoes in the Void", price: "5:02", imageSrc: "http://img.b2bpic.net/free-photo/black-white-3d-background_23-2150505319.jpg", imageAlt: "Album art for Echoes in the Void", onProductClick: () => console.log('Playing Echoes in the Void'),
},
{
id: "5",
name: "Violet Horizon",
price: "4:30",
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139328.jpg",
imageAlt: "Album art for Violet Horizon",
onProductClick: "() => console.log('Playing Violet Horizon')",
id: "5", name: "Violet Horizon", price: "4:30", imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139328.jpg", imageAlt: "Album art for Violet Horizon", onProductClick: () => console.log('Playing Violet Horizon'),
},
{
id: "6",
name: "Lunar Solstice",
price: "3:20",
imageSrc: "http://img.b2bpic.net/free-photo/bermuda-triangle-mystery-event_23-2151625830.jpg",
imageAlt: "Album art for Lunar Solstice",
onProductClick: "() => console.log('Playing Lunar Solstice')",
id: "6", name: "Lunar Solstice", price: "3:20", imageSrc: "http://img.b2bpic.net/free-photo/bermuda-triangle-mystery-event_23-2151625830.jpg", imageAlt: "Album art for Lunar Solstice", onProductClick: () => console.log('Playing Lunar Solstice'),
},
]}
title="Explore the Catalog"
@@ -168,64 +120,28 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Anya Sharma",
role: "Music Critic",
company: "Sonic Bloom Magazine",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-girl-wearing-hoodie-coat-sunglasses-standing-stairs-underground-nightclub-with-industrial-interior_613910-21752.jpg",
imageAlt: "Anya Sharma",
},
id: "1", name: "Anya Sharma", role: "Music Critic", company: "Sonic Bloom Magazine", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-girl-wearing-hoodie-coat-sunglasses-standing-stairs-underground-nightclub-with-industrial-interior_613910-21752.jpg", imageAlt: "Anya Sharma"},
{
id: "2",
name: "Mark Chen",
role: "Playlist Curator",
company: "Deep Dive Playlists",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/musician-holding-beautiful-guitar-sitting-sofa-high-quality-photo_114579-35610.jpg",
imageAlt: "Mark Chen",
},
id: "2", name: "Mark Chen", role: "Playlist Curator", company: "Deep Dive Playlists", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/musician-holding-beautiful-guitar-sitting-sofa-high-quality-photo_114579-35610.jpg", imageAlt: "Mark Chen"},
{
id: "3",
name: "Emily Rodriguez",
role: "A&R Executive",
company: "Ethereal Records",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-musician-wearing-headphones_23-2150206717.jpg",
imageAlt: "Emily Rodriguez",
},
id: "3", name: "Emily Rodriguez", role: "A&R Executive", company: "Ethereal Records", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-musician-wearing-headphones_23-2150206717.jpg", imageAlt: "Emily Rodriguez"},
{
id: "4",
name: "David Kim",
role: "Fan",
company: "Online Community",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-sitting-man-blurred-acoustic-guitar_23-2148673593.jpg",
imageAlt: "David Kim",
},
id: "4", name: "David Kim", role: "Fan", company: "Online Community", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-sitting-man-blurred-acoustic-guitar_23-2148673593.jpg", imageAlt: "David Kim"},
{
id: "5",
name: "Sarah Johnson",
role: "Music Blogger",
company: "Ambient Waves Blog",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-playing-drums-performance-local-event_23-2149188129.jpg",
imageAlt: "Sarah Johnson",
},
id: "5", name: "Sarah Johnson", role: "Music Blogger", company: "Ambient Waves Blog", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-playing-drums-performance-local-event_23-2149188129.jpg", imageAlt: "Sarah Johnson"},
]}
kpiItems={[
{
value: "5M+",
label: "Streams",
},
value: "5M+", label: "Streams"},
{
value: "100K+",
label: "Listeners",
},
value: "100K+", label: "Listeners"},
{
value: "Top 10",
label: "Indie Charts",
},
value: "Top 10", label: "Indie Charts"},
]}
title="What the Critics Say"
description="Hear what industry professionals and fans are saying about Vocal Cloud's immersive sound and unique artistic vision."
@@ -237,14 +153,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Spotify Editorial",
"Apple Music",
"Bandcamp",
"Chillhop Music",
"Nowness",
"XLR8R",
"Boiler Room",
]}
"Spotify Editorial", "Apple Music", "Bandcamp", "Chillhop Music", "Nowness", "XLR8R", "Boiler Room"]}
title="Featured On"
description="Vocal Cloud's ethereal soundscapes have resonated across various platforms and collaborative projects, gaining recognition from these esteemed partners."
/>
@@ -255,30 +164,15 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "1",
title: "Where can I stream Vocal Cloud's music?",
content: "Vocal Cloud's entire catalog is available on Spotify, Apple Music, Bandcamp, and all major streaming platforms. Links are provided in the Music section.",
},
id: "1", title: "Where can I stream Vocal Cloud's music?", content: "Vocal Cloud's entire catalog is available on Spotify, Apple Music, Bandcamp, and all major streaming platforms. Links are provided in the Music section."},
{
id: "2",
title: "Is Vocal Cloud available for collaborations?",
content: "Vocal Cloud is always open to exploring new creative collaborations. Please use the contact form below to submit your proposal and details about your project.",
},
id: "2", title: "Is Vocal Cloud available for collaborations?", content: "Vocal Cloud is always open to exploring new creative collaborations. Please use the contact form below to submit your proposal and details about your project."},
{
id: "3",
title: "Are there any upcoming live performances?",
content: "Information regarding live performances and tour dates will be announced on social media and this website's news section. Stay tuned for updates!",
},
id: "3", title: "Are there any upcoming live performances?", content: "Information regarding live performances and tour dates will be announced on social media and this website's news section. Stay tuned for updates!"},
{
id: "4",
title: "How can I support Vocal Cloud's music?",
content: "The best way to support is by streaming on your preferred platforms, sharing with friends, and following Vocal Cloud on social media. Merchandise will be available soon!",
},
id: "4", title: "How can I support Vocal Cloud's music?", content: "The best way to support is by streaming on your preferred platforms, sharing with friends, and following Vocal Cloud on social media. Merchandise will be available soon!"},
{
id: "5",
title: "Who designed the album artwork?",
content: "All album artwork is thoughtfully crafted by a dedicated visual artist to perfectly complement the immersive soundscapes. For more details, reach out via the contact form.",
},
id: "5", title: "Who designed the album artwork?", content: "All album artwork is thoughtfully crafted by a dedicated visual artist to perfectly complement the immersive soundscapes. For more details, reach out via the contact form."},
]}
sideTitle="Frequently Asked Questions"
faqsAnimation="slide-up"
@@ -290,8 +184,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
tag="Connect"
title="Get in Touch with Vocal Cloud"
description="For collaborations, booking inquiries, press opportunities, or just to share your thoughts, reach out here. Your message is important and will be personally reviewed."
@@ -305,13 +198,9 @@ export default function LandingPage() {
<FooterLogoReveal
logoText="Vocal Cloud"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
text: "Privacy Policy", href: "#"}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
text: "Terms of Service", href: "#"}}
/>
</div>
</ReactLenis>